*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#07111f;color:#f5f7fb;line-height:1.6}a{color:inherit;text-decoration:none}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #1c2a3c;background:#081321cc;backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.nav nav{display:flex;gap:22px;align-items:center}.brand{font-size:24px;font-weight:900;letter-spacing:-1px}.brand span{color:#35e0a1}.nav a:not(.btn){color:#b7c2d1}.hero{min-height:650px;padding:90px 8%;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center;background:radial-gradient(circle at 80% 30%,#123052 0,transparent 35%)}.eyebrow{font-size:12px;letter-spacing:2px;color:#35e0a1;font-weight:800}.hero h1{font-size:clamp(48px,7vw,86px);line-height:.98;letter-spacing:-4px;margin:18px 0}.hero h1 span{color:#35e0a1}.hero p{font-size:19px;color:#aab6c6;max-width:650px}.actions{display:flex;gap:14px;margin-top:28px}.btn{display:inline-block;padding:13px 20px;border:1px solid #33445a;border-radius:12px;background:#101d2d;color:#fff;font-weight:700;cursor:pointer}.btn-primary{background:#35e0a1;color:#04150f;border-color:#35e0a1}.btn-small{padding:8px 14px;border-radius:9px}.dashboard-card,.payment-box,.auth-card,.profile-card,.campaign,.feature{background:#0c1928;border:1px solid #22344a;border-radius:20px;box-shadow:0 20px 60px #0004}.dashboard-card{padding:30px}.card-top{display:flex;justify-content:space-between;color:#9eacbd}.live{color:#35e0a1}.metric{padding:28px 0;border-bottom:1px solid #22344a}.metric small{display:block;color:#8f9cad}.metric strong{font-size:34px}.progress{height:8px;background:#1b2a3d;border-radius:99px;margin:25px 0 12px}.progress i{display:block;width:76%;height:100%;background:#35e0a1;border-radius:99px}.muted{color:#94a2b5}.section{padding:90px 8%;max-width:1300px;margin:auto}.section-title{max-width:750px;margin-bottom:35px}.section h1{font-size:48px;letter-spacing:-2px;margin:10px 0 30px}.section h2{font-size:38px;line-height:1.1}.grid-3,.campaigns,.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:28px}.feature b{color:#35e0a1;font-size:14px}.payment{padding:70px 8%;display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#0a1725;border-top:1px solid #203247;border-bottom:1px solid #203247}.payment-box{padding:25px}.payment-box div{padding:15px 0;border-bottom:1px solid #22344a}.payment-box div:last-child{border-bottom:0}.payment-box span{display:block;color:#8291a5;font-size:13px}.payment-box strong{display:block;margin-top:3px}.auth{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:40px}.auth-card{width:min(460px,100%);padding:35px}label{display:block;margin:18px 0;font-weight:700}input{display:block;width:100%;margin-top:7px;padding:13px;border-radius:10px;border:1px solid #304257;background:#07111f;color:#fff}.full{width:100%;font-size:16px}.notice{margin-top:25px;padding:15px;border-radius:12px;background:#112338;color:#b8c6d6}.campaigns{grid-template-columns:repeat(3,1fr)}.campaign{padding:25px}.campaign h2{font-size:23px}.tag,.status{display:inline-block;padding:4px 9px;border-radius:99px;background:#123b31;color:#35e0a1;font-size:11px;font-weight:800}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;background:#0c1928;border:1px solid #22344a;border-radius:15px;overflow:hidden}.table-wrap th,.table-wrap td{text-align:left;padding:18px;border-bottom:1px solid #22344a}.profile-grid{grid-template-columns:1fr 1fr}.profile-card{padding:30px}.avatar{width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:#35e0a1;color:#04150f;font-size:28px;font-weight:900}.balance{font-size:42px;font-weight:900;margin:10px 0}footer{display:flex;justify-content:space-between;padding:25px 8%;border-top:1px solid #1d2b3d;color:#77869a;font-size:13px}@media(max-width:800px){.nav nav{gap:8px}.nav nav a:not(.btn){display:none}.hero,.payment{grid-template-columns:1fr}.hero{padding-top:65px}.grid-3,.campaigns,.profile-grid{grid-template-columns:1fr}.hero h1{letter-spacing:-2px}.section h1{font-size:38px}footer{gap:20px;flex-direction:column}}