:root{--bg:#071019;--panel:#0d1824;--panel-2:#111f2d;--line:#223348;--text:#eef5fb;--muted:#8fa3b7;--accent:#28d2a0;--accent-2:#50a8ff;--danger:#ff6d7a;--warning:#ffc857;--shadow:0 24px 70px #00000042}*{box-sizing:border-box}html{background:var(--bg);color:var(--text)}body{background:radial-gradient(circle at 0 0,#10243b 0,#071019 34rem);min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-shell{min-height:100vh}.topbar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#071019e0;justify-content:space-between;align-items:center;gap:24px;padding:16px clamp(18px,4vw,52px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;min-width:max-content;display:flex}.brand-mark{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#041018;border-radius:11px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.brand b,.brand small{letter-spacing:.08em;display:block}.brand small{color:var(--muted);margin-top:2px;font-size:.62rem}.nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nav a{color:var(--muted);border-radius:9px;padding:9px 12px}.nav a:hover{color:var(--text);background:var(--panel)}.hero{max-width:1300px;margin:0 auto;padding:80px clamp(20px,6vw,80px) 58px}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:center;gap:42px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-size:.76rem;font-weight:800;display:inline-flex}h1{letter-spacing:-.055em;margin:16px 0 20px;font-size:clamp(2.4rem,6vw,5.5rem);line-height:.94}h2{margin:0 0 14px;font-size:clamp(1.6rem,3vw,2.6rem)}h3{margin:0 0 8px}p{color:var(--muted);line-height:1.65}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.button{background:var(--accent);color:#03110d;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-weight:800;display:inline-flex}.button.secondary{background:var(--panel-2);color:var(--text);border-color:var(--line)}.button.ghost{color:var(--muted);border-color:var(--line);background:0 0}.button.danger{color:#ff9ba4;background:#ff6d7a1f;border-color:#ff6d7a52}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#111f2df5,#09151ff5);border-radius:18px;padding:22px}.panel.wide{max-width:1100px;margin:0 auto}.metrics{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.metric{border:1px solid var(--line);background:#09141e;border-radius:13px;padding:16px}.metric small{color:var(--muted);display:block}.metric strong{margin-top:4px;font-size:1.45rem;display:block}.section{max-width:1300px;margin:0 auto;padding:44px clamp(20px,6vw,80px)}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.service-card{border:1px solid var(--line);background:#0d1824cc;border-radius:16px;padding:20px;transition:all .18s;display:block}.service-card:hover{border-color:#3b5672;transform:translateY(-2px)}.service-card strong{font-size:1.08rem;display:block}.service-card span{color:var(--muted);margin-top:6px;font-size:.92rem;display:block}.price{margin:12px 0 0;font-size:1.8rem;font-weight:900}.footer{border-top:1px solid var(--line);color:var(--muted);max-width:1300px;margin:50px auto 0;padding:34px clamp(20px,6vw,80px)}.auth-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{width:min(460px,100%)}.form{gap:14px;margin-top:22px;display:grid}.field{gap:7px;display:grid}.field label{color:#bed0df;font-size:.8rem;font-weight:800}.field input,.field select,.field textarea{width:100%;min-height:44px;color:var(--text);border:1px solid var(--line);background:#08141e;border-radius:10px;outline:none;padding:10px 12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent-2)}.error{color:#ff9ba4;background:#ff6d7a14;border:1px solid #ff6d7a40;border-radius:10px;padding:10px 12px}.success{color:#8ff0d1;background:#28d2a014;border:1px solid #28d2a040;border-radius:10px;padding:10px 12px}.dashboard{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#07111a;padding:20px}.sidebar .brand{margin-bottom:26px}.side-nav{gap:6px;display:grid}.side-nav a{color:var(--muted);border-radius:9px;padding:10px 12px}.side-nav a:hover{color:var(--text);background:var(--panel)}.main{min-width:0;padding:28px clamp(18px,4vw,48px)}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-head h1{margin:4px 0 8px;font-size:clamp(2rem,4vw,3.3rem)}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.table-wrap{border:1px solid var(--line);border-radius:14px;overflow:auto}table{border-collapse:collapse;background:#09141ecc;width:100%;min-width:720px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:13px 14px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.badge{color:#85ebcd;background:#28d2a01a;border:1px solid #28d2a038;border-radius:999px;padding:5px 8px;font-size:.75rem;font-weight:800;display:inline-flex}.badge.off{color:var(--muted);border-color:var(--line);background:#8fa3b714}.split{grid-template-columns:1fr 1fr;gap:18px;display:grid}.stack{gap:14px;display:grid}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.notice{border:1px solid var(--line);color:#bddcff;background:#50a8ff12;border-radius:12px;padding:14px 16px}.player-shell{min-height:100vh}.player-main{max-width:1320px;margin:0 auto;padding:28px clamp(18px,4vw,44px)}.player-services{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.product-stage{text-align:center;place-items:center;min-height:420px;display:grid}.dev-index{min-height:100vh;padding:60px 20px}@media (max-width:900px){.hero-grid,.split{grid-template-columns:1fr}.service-grid,.player-services{grid-template-columns:repeat(2,1fr)}.dashboard{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.side-nav{display:flex;overflow:auto}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.service-grid,.player-services,.metrics,.kpi-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}h1{font-size:2.7rem}}