:root{--bg:#070a14;--panel:#0d1324;--panel2:#111a30;--text:#f7f8ff;--muted:#9aa8c2;--line:#202a42;--a:#695cff;--c:#22d3ee;--g:#34d399;--r:#fb7185}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#1b1750 0,transparent 30%),var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Arial}a{color:inherit;text-decoration:none}.wrap{width:min(94%,1200px);margin:auto}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.nav a.logo{font-weight:950;font-size:23px}.nav i{font-style:normal;color:var(--c)}.navlinks{display:flex;gap:22px;color:#c9d1e3;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:11px;border:1px solid var(--line);background:#10182b;color:#fff;font-weight:850;cursor:pointer}.primary{background:linear-gradient(135deg,var(--a),#8b5cf6);border:0}.danger{background:#451827;border-color:#713044}.top{border-bottom:1px solid var(--line);background:#070a14dd;position:sticky;top:0;z-index:30}.hero{padding:90px 0;text-align:center}.pill{display:inline-block;border:1px solid #695cff55;background:#695cff16;padding:7px 12px;border-radius:999px;color:#d9d5ff;font-size:12px;font-weight:800}.hero h1{font-size:clamp(44px,7vw,76px);line-height:1;letter-spacing:-3px;max-width:930px;margin:20px auto}.grad{background:linear-gradient(90deg,#fff,#bcc7ff,#67e8f9);background-clip:text;color:transparent}.hero p{color:var(--muted);max-width:700px;margin:auto;font-size:18px}.actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:28px}.stats,.grid,.features{display:grid;gap:16px}.stats{grid-template-columns:repeat(4,1fr);background:var(--line);border:1px solid var(--line);border-radius:17px;overflow:hidden}.stat{padding:20px;background:#0d1324dd}.stat b{font-size:21px;display:block}.stat span,.muted{color:var(--muted);font-size:12px}section{padding:70px 0}.head{text-align:center;margin-bottom:30px}.ey{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--c);font-weight:900}.head h2{font-size:36px;margin:8px 0}.head p{color:var(--muted)}.grid{grid-template-columns:repeat(4,1fr)}.card{background:#0d1324e8;border:1px solid var(--line);border-radius:19px;padding:22px}.card.pop{border-color:#695cff88;box-shadow:0 20px 60px #695cff14}.tag{float:right;background:#695cff20;color:#d9d5ff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900}.price{font-size:36px;font-weight:950;margin:10px 0}.price small{font-size:12px;color:var(--muted);font-weight:500}.spec{list-style:none;padding:0;margin:18px 0}.spec li{padding:8px 0;border-bottom:1px solid var(--line);font-size:13px;color:#cbd3e5}.spec li:before{content:"✓";color:var(--g);font-weight:900;margin-right:8px}.full{width:100%}.features{grid-template-columns:repeat(3,1fr)}.feature{padding:22px;border:1px solid var(--line);border-radius:17px;background:#0d1324aa}.feature p{color:var(--muted);font-size:13px}.banner{padding:34px;border:1px solid #695cff55;border-radius:22px;background:#695cff12;display:flex;align-items:center;justify-content:space-between;gap:20px}.form{max-width:520px;margin:50px auto}.field{margin:14px 0}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#070a14;color:#fff}.field textarea{min-height:100px}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:850px}.table th,.table td{padding:11px;border-bottom:1px solid var(--line);text-align:left;font-size:12px;vertical-align:top}.table th{color:#bfc8dc}.badge{padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;background:#172039}.paid{background:#063b2a;color:#7ff1bf}.hold{background:#40320a;color:#ffe69b}.active{background:#063b2a;color:#7ff1bf}.pending{background:#202b45;color:#bcd0ff}.expired,.suspended{background:#421c27;color:#ff9daf}.dash{padding:45px 0}.dashgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sidebar{position:sticky;top:92px}.navbox{display:grid;gap:7px}.navbox button{width:100%;text-align:left}.toast{position:fixed;right:20px;bottom:20px;background:#121b30;border:1px solid var(--line);padding:12px 16px;border-radius:12px;opacity:0;transform:translateY(10px);transition:.2s;z-index:99}.toast.show{opacity:1;transform:none}footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:12px}@media(max-width:950px){.navlinks{display:none}.grid{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:1fr 1fr}.dashgrid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.grid,.features,.dashgrid,.stats{grid-template-columns:1fr}.hero h1{letter-spacing:-2px}.banner{flex-direction:column;align-items:flex-start}}