.ddc-inviting {max-width:720px;margin:40px auto;padding:30px;background:linear-gradient(135deg,#000,#111);color:#fff;border-radius:20px;font-family:system-ui,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.5);width:100%;box-sizing:border-box;}
.ddc-inviting h2 {text-align:center;color:#1d9bf0;font-size:2.6em;margin:0 0 10px;}
.ddc-inviting > p {text-align:center;color:#00d25b;margin:0 0 40px;font-size:1.3em;font-weight:300;}
.ddc-form {display:grid;gap:20px;}
.ddc-form label {display:block;margin:0;font-size:1.1em;color:#ccc;}
.ddc-form input {width:100%;padding:18px;font-size:20px;border:none;border-radius:12px;background:#1a1a1a;color:#fff;box-sizing:border-box;}
.ddc-form button {background:linear-gradient(135deg,#1d9bf0,#0d8bf0);color:#fff;padding:18px;font-size:22px;border:none;border-radius:12px;cursor:pointer;font-weight:bold;}
.ddc-grid {display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:40px 0;}
.inviting-card {background:linear-gradient(135deg,#1a1a1a,#222);padding:30px;border-radius:16px;text-align:center;box-shadow:inset 0 2px 10px rgba(0,0,0,.2);width:100%;box-sizing:border-box;}
.inviting-card h3 {margin:0 0 25px;font-size:1.6em;}
.current h3 {color:#ff6b6b;}
.destroyer h3 {color:#00d25b;}
.scenario {margin:20px 0;line-height:1.7;}
.scenario strong {color:#fff;display:block;font-size:1.2em;}
.bad {color:#ff4757;font-weight:bold;}
.good {color:#00d25b;font-weight:bold;}
hr {border:none;height:1px;background:#333;margin:28px 0;opacity:0.6;}
.approximately {color:#88ffff;font-weight:bold;font-size:0.95em;}
.saved {font-size:32px;color:#00d25b;text-align:center;margin:80px 0 250px 0;line-height:2.2;font-weight:bold;}
.saved .amount {display:block;font-size:80px;font-weight:900;color:#00ff9d;margin-top:60px;line-height:1;text-shadow:0 0 20px rgba(0,255,157,0.7);}
.vault {background:linear-gradient(135deg,#1a1a1a,#222);padding:35px;border-radius:16px;margin-top:40px;text-align:center;width:100%;box-sizing:border-box;}
.vault h3 {color:#1d9bf0;margin:0 0 20px;font-size:1.7em;}
.timeline {display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:25px;}
.timeline div {background:#2a2a2a;padding:20px;border-radius:12px;transition:transform .2s;}
.timeline div:hover {transform:translateY(-5px);}
.timeline span {display:block;font-size:15px;color:#888;margin-bottom:10px;}
.timeline strong {font-size:28px;color:#00d25b;}
@media (max-width:768px) {.ddc-grid,.timeline{grid-template-columns:1fr;gap:25px;}.saved{margin:60px 0 180px 0;}.saved .amount{font-size:80px;margin-top:40px;}}