:root{--bg:#050816;--panel:#0b1222;--panel2:#0e172b;--line:#223255;--text:#f7f9ff;--muted:#93a1bd;--primary:#687cff;--primary2:#4f5de9;--success:#31d39b;--warning:#f3bb4e;--danger:#ff637b;--shadow:0 25px 80px #0008}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.site-nav{position:sticky;top:0;z-index:50;background:#050816dd;backdrop-filter:blur(16px);border-bottom:1px solid #182540}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:950;letter-spacing:-2px;font-size:34px;color:#fff;text-decoration:none}.brand span{color:var(--primary)}nav{display:flex;gap:25px;align-items:center}nav a{color:#aab5cc;text-decoration:none;font-weight:700}.menu-btn{display:none;background:#0d172b;color:#fff;border:1px solid var(--line);border-radius:13px;padding:11px 14px;font-size:22px}.hero{position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;background:#3f52e933;filter:blur(80px);left:-180px;top:-300px}.landing{padding:90px 0 75px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#aab7ff;font-weight:900;letter-spacing:1.5px;font-size:13px;padding:9px 13px;border:1px solid #3a4a92;background:#101b40;border-radius:999px}.hero h1{font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-4px;margin:24px 0}.hero h1 span{color:#7283ff}.hero p{color:var(--muted);font-size:19px;line-height:1.7;max-width:720px}.hero-actions{display:flex;gap:12px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;border:1px solid #31456f;background:#0d1628;color:#fff;border-radius:13px;padding:11px 16px;font-weight:900;cursor:pointer}.btn.primary{border-color:transparent;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 15px 40px #5368ff35}.btn.ghost{background:#091223}.btn.big{padding:15px 21px;font-size:16px}.btn.full{width:100%}.trust{display:flex;gap:18px;flex-wrap:wrap;color:#91a1c0;font-size:13px;font-weight:800}.hero-card{background:linear-gradient(145deg,#101a30,#080e1d);border:1px solid #2a3b62;border-radius:28px;padding:22px;box-shadow:var(--shadow);transform:rotate(1deg)}.mini-top{display:flex;justify-content:space-between;color:#a9b7d3;font-weight:900}.online{color:var(--success);font-size:11px}.metric-main{margin:30px 0;padding:25px;border-radius:20px;background:#0b1426;border:1px solid #1e2d4e}.metric-main small,.mini-grid small{color:#7889a9}.metric-main strong{display:block;font-size:55px;margin:4px 0}.metric-main em{color:var(--success);font-style:normal;font-size:13px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-grid div{padding:17px;background:#0a1221;border:1px solid #1b2946;border-radius:15px}.mini-grid b{display:block;font-size:25px;margin-top:3px}.renew-card{margin-top:12px;padding:15px;border-radius:15px;background:#111c35;display:grid;grid-template-columns:1fr auto;gap:5px}.renew-card span{font-weight:800}.renew-card b{font-size:12px;color:var(--warning)}.renew-card button{grid-column:1/-1;background:#10263a;color:#8ee8ca;border:1px solid #214f48;padding:9px;border-radius:9px;font-weight:900}.section{padding:90px 0}.dark-section{background:#070c18;border-top:1px solid #101a2e;border-bottom:1px solid #101a2e}.section-head{text-align:center;max-width:800px;margin:0 auto 45px}.section-head h2{font-size:clamp(34px,5vw,52px);letter-spacing:-2px;margin:17px 0 12px}.section-head p{color:var(--muted);font-size:17px;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article{background:var(--panel);border:1px solid var(--line);padding:26px;border-radius:22px;transition:.2s}.feature-grid article:hover{transform:translateY(-4px);border-color:#40568c}.icon{font-size:31px}.feature-grid h3{font-size:21px}.feature-grid p,.steps p{color:var(--muted);line-height:1.65}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps>div{padding:23px;border:1px solid var(--line);border-radius:20px;background:#0a1120}.steps b{font-size:13px;color:#8c9cff}.pricing{background:radial-gradient(circle at 50% 30%,#2c3ca844,transparent 45%)}.price-card{max-width:620px;margin:auto;text-align:center;background:linear-gradient(150deg,#101a31,#090f1e);border:1px solid #32436e;border-radius:30px;padding:45px;box-shadow:var(--shadow)}.price-card h2{font-size:31px}.price{font-size:76px;font-weight:950;letter-spacing:-5px}.price span{font-size:30px}.price small{font-size:17px;letter-spacing:0}.price-card p{color:var(--muted)}.price-card ul{list-style:none;padding:0;text-align:left;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.price-card li{color:#bdc7da}.price-card .big{width:100%}footer{padding:30px 0;border-top:1px solid #18233a;color:#7e8da9}footer .wrap{display:flex;justify-content:space-between}footer strong{color:#fff}.auth-bg{min-height:100vh;background:radial-gradient(circle at 50% 0,#3346c333,transparent 45%),var(--bg)}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:25px}.auth-card{width:min(470px,100%);background:#0b1324;border:1px solid #27385c;border-radius:25px;padding:32px;box-shadow:var(--shadow)}.auth-card h1{font-size:33px;margin:15px 0 8px}.auth-card label{display:block;color:#aab7ce;font-weight:700;margin:16px 0}.auth-card input,.field input,.field select,.field textarea,input,select,textarea{width:100%;margin-top:7px;background:#070d19;border:1px solid #2a3b60;color:#fff;border-radius:11px;padding:12px;font:inherit}.muted{color:var(--muted);line-height:1.6}.back{display:block;text-align:center;margin-top:18px;color:#8e9bb6;text-decoration:none}.alert{padding:13px 15px;border-radius:12px;margin:15px 0;background:#32161e;color:#ffb7c2;border:1px solid #61303c}.alert.success,.alert.ok{background:#0d2b22;color:#a5f2d4;border-color:#225a48}.alert.error{background:#32161e;color:#ffb7c2}.dash{padding:35px 0 80px}.dash h1{font-size:38px;letter-spacing:-1.5px}.topbar{position:sticky;top:0;z-index:20;background:#070d18ee;backdrop-filter:blur(14px);border-bottom:1px solid #182641}.topbar .nav{height:70px}.tag{display:block;color:#8292af;font-size:10px;letter-spacing:2px;margin-top:-2px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.stat{padding:19px;background:var(--panel);border:1px solid var(--line);border-radius:17px}.stat small{color:#8492ae}.stat b{display:block;font-size:28px;margin-top:4px}.dash-menu{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 25px}.dash-menu a{color:#c1cbe0;text-decoration:none;padding:10px 13px;border:1px solid #25375a;background:#0b1425;border-radius:10px}.section-box{margin:28px 0}.section-box>h2{font-size:28px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:21px}.card h3{margin:0 0 13px}.field{margin:12px 0}.field label{display:block;color:#aab7ce;font-weight:700}.two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}.table{width:100%;border-collapse:collapse;min-width:720px;background:#09111f}.table th,.table td{padding:13px;border-bottom:1px solid #1b2945;text-align:left}.table th{font-size:12px;color:#8492ad;text-transform:uppercase}.actions{display:flex;gap:6px;flex-wrap:wrap}.small{padding:8px 10px;font-size:12px}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:900}.badge.success{background:#0d2b22;color:#a7f0d2}.badge.warning{background:#332a13;color:#f4cf79}.badge.danger{background:#351821;color:#ffb5c0}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick a{padding:16px;background:#0c1527;border:1px solid var(--line);border-radius:15px;text-decoration:none;color:#fff;font-weight:900}.portal-card{background:linear-gradient(145deg,#101b32,#0a1120);border:1px solid #2a3d65;border-radius:24px;padding:25px}.service-card{position:relative}.service-card .service-status{position:absolute;right:18px;top:18px}.code-box{display:flex;gap:8px;align-items:center;background:#070d19;border:1px dashed #34486e;border-radius:12px;padding:10px}.code-box code{font-size:19px;letter-spacing:3px}.brand-preview{display:flex;align-items:center;gap:12px}.brand-preview img{width:55px;height:55px;object-fit:contain;border-radius:12px;background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.danger-zone{border-color:#5b2935}.hidden{display:none}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:35px}.feature-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr 1fr}.quick{grid-template-columns:1fr 1fr}}@media(max-width:650px){.wrap{width:min(100% - 22px,1180px)}nav{display:none}.menu-btn{display:block}.open-nav nav{display:flex;position:absolute;top:70px;left:0;right:0;padding:16px;background:#070d18;border-bottom:1px solid #182641;flex-direction:column}.hero h1{letter-spacing:-2.5px}.landing{padding:55px 0}.feature-grid,.steps,.grid,.form-grid,.two{grid-template-columns:1fr}.price-card{padding:28px 20px}.price-card ul{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.stats{grid-template-columns:1fr 1fr}.quick{grid-template-columns:1fr 1fr}.topbar .brand{font-size:27px}.dash h1{font-size:31px}}
