*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#06101d;color:#edf5ff;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.nav{height:68px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#071321dd;backdrop-filter:blur(12px);border-bottom:1px solid #20304a;position:sticky;top:0;z-index:20}.logo{color:#fff;text-decoration:none;font-weight:950;letter-spacing:.4px}.logo span{color:#56e39f}.nav nav{display:flex;gap:22px}.nav nav a{color:#aebbd1;text-decoration:none;font-size:14px}.admin-btn,.small,.ghost{border:1px solid #2d405f;background:#101e33;color:#fff;border-radius:11px;padding:10px 14px}.hero{min-height:620px;padding:80px 7%;display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:center;background:radial-gradient(circle at 80% 25%,#15514d55,transparent 30%),radial-gradient(circle at 20% 80%,#1b397055,transparent 35%),#06101d}.pill,.eyebrow{color:#56e39f;font-size:12px;font-weight:900;letter-spacing:1.5px}.hero h1{font-size:clamp(42px,7vw,78px);line-height:1.02;margin:15px 0}.hero h1 span{color:#56e39f}.hero p{font-size:18px;color:#b7c5da;max-width:650px;line-height:1.7}.actions{display:flex;gap:12px;margin:25px 0}.primary{background:#56e39f;color:#06120d;border:0;border-radius:12px;padding:13px 19px;font-weight:900;cursor:pointer}.trust{display:flex;gap:18px;flex-wrap:wrap;color:#8fa2be;font-size:12px}.hero-card{background:linear-gradient(160deg,#12253b,#0b1728);border:1px solid #29415f;border-radius:24px;padding:25px;box-shadow:0 20px 60px #0005}.ball{font-size:55px}.hero-card h3{font-size:24px;margin:10px 0}.hero-card p{font-size:13px}.stat{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid #263b55}.stat strong{color:#56e39f}.section{max-width:1180px;margin:auto;padding:65px 7%}.heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:25px}.heading h2,.panel h2,.payment-box h2{font-size:34px;margin:7px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:17px}.card{background:#0c192a;border:1px solid #203650;border-radius:18px;padding:20px}.badge{display:inline-block;padding:5px 9px;border-radius:99px;background:#12372e;color:#63e8ad;font-size:11px;font-weight:800}.card h3{margin:15px 0 8px;font-size:20px}.meta{display:flex;justify-content:space-between;color:#91a4bd;font-size:13px;margin:9px 0}.card .primary{width:100%;margin-top:12px}.two{padding-top:0}.panel{background:#0b1829;border:1px solid #213650;border-radius:22px;padding:28px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.steps>div{padding:18px;background:#0f2136;border-radius:15px}.steps b{color:#56e39f}.steps p,.payment-box p,.payment-box small{color:#98a9c1;line-height:1.6}.payment{padding-top:0}.payment-box{display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(120deg,#0d2731,#0c192a);border:1px solid #28504c;border-radius:22px;padding:30px}.number{font-size:32px;font-weight:950;color:#56e39f;letter-spacing:1px;margin:12px 0}.notices{display:grid;gap:12px}.notice{background:#0c192a;border:1px solid #203650;border-radius:15px;padding:17px}.notice b{color:#fff}.notice p{color:#9daec5}.modal{position:fixed;inset:0;background:#000a;display:flex;align-items:center;justify-content:center;padding:18px;z-index:50}.hidden{display:none}.modal-box{position:relative;width:min(600px,100%);max-height:90vh;overflow:auto;background:#0b1728;border:1px solid #31445e;border-radius:20px;padding:25px}.close{position:absolute;right:10px;top:8px;border:0;background:none;color:#fff;font-size:28px}.form{display:grid;gap:12px}.form input,.form select,.form textarea{width:100%;background:#06101d;color:#fff;border:1px solid #2a3d58;border-radius:10px;padding:12px}.form textarea{min-height:90px}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:9px;border-bottom:1px solid #263951;text-align:left;font-size:13px}footer{border-top:1px solid #20304a;padding:35px 7%;display:flex;justify-content:space-between;color:#8fa1b9}footer p{margin:5px 0}@media(max-width:760px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.steps{grid-template-columns:1fr}.payment-box{flex-direction:column;align-items:flex-start}.heading{align-items:flex-start;flex-direction:column}.hero-card{max-width:500px}footer{flex-direction:column;gap:20px}}
