:root{--bg:#0b1020;--bg2:#0f1630;--card:#141c38;--card2:#1a2447;--line:rgba(148,163,255,.14);--txt:#e8ecff;--mut:#8f9bc4;--dim:#5d6a96;--brand:#6366f1;--brand2:#a855f7;--ok:#22c55e}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(1100px 550px at 85% -10%,rgba(99,102,241,.22),transparent 60%),radial-gradient(800px 450px at -10% 25%,rgba(217,70,239,.13),transparent 55%),var(--bg);color:var(--txt);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;line-height:1.55}a{color:#a5b4fc;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1080px;margin:0 auto;padding:0 20px}.nav{display:flex;align-items:center;gap:22px;padding:18px 0}.nav .logo{font-weight:800;font-size:18px;background:linear-gradient(90deg,#c7d2fe,#f0abfc);-webkit-background-clip:text;background-clip:text;color:transparent;margin-right:auto}.btn{display:inline-block;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border:none;padding:10px 20px;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;text-decoration:none}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--txt)}.btn.sm{padding:7px 14px;font-size:13px}.hero{padding:70px 0 50px;text-align:center}.hero h1{font-size:clamp(30px,5.5vw,54px);line-height:1.12;letter-spacing:-.02em;background:linear-gradient(90deg,#c7d2fe,#f0abfc 45%,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:640px;margin:18px auto 26px;color:var(--mut);font-size:17px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px;padding:30px 0 60px}.card{background:linear-gradient(180deg,var(--card),var(--bg2));border:1px solid var(--line);border-radius:16px;padding:20px}.card h3{font-size:16px;margin-bottom:8px;color:#c7d2fe}.card p{font-size:14px;color:var(--mut)}.card .ico{font-size:24px;margin-bottom:10px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px;padding:30px 0 60px}.plan{border:1px solid var(--line);border-radius:18px;padding:26px;background:linear-gradient(180deg,var(--card),var(--bg2));position:relative}.plan.pop{border-color:#a855f7;box-shadow:0 0 0 1px rgba(168,85,247,.4)}.plan .price{font-size:34px;font-weight:800;margin:10px 0}.plan ul{list-style:none;margin:14px 0 20px;display:flex;flex-direction:column;gap:8px;font-size:13.5px;color:var(--mut)}.plan .tag{position:absolute;top:-11px;left:20px;background:linear-gradient(135deg,#a855f7,#6366f1);font-size:11px;font-weight:800;padding:4px 12px;border-radius:99px;letter-spacing:.06em}.page{padding:40px 0}.page h1{font-size:30px;margin-bottom:8px}.page .sub{color:var(--mut);margin-bottom:26px}.form{max-width:420px;display:flex;flex-direction:column;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px;margin-top:20px}.form label{font-size:13px;color:var(--mut)}.form input{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:11px 14px;color:var(--txt);font-size:14px;outline:none}.form input:focus{border-color:#818cf8}.error{color:#f87171}.error,.ok{font-size:13px;min-height:18px}.ok{color:#4ade80}.dash{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.side{border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;gap:4px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.side .logo{padding:0 10px 18px;font-weight:800;font-size:17px}.side a{padding:10px 12px;border-radius:10px;color:var(--mut);font-size:14px;font-weight:600}.side a:hover{background:var(--card);color:var(--txt);text-decoration:none}.side a.on{background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(168,85,247,.2));color:var(--txt)}.main{padding:28px 32px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:14px;gap:14px;margin-bottom:26px}.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}.stat b{font-size:24px;display:block}.stat span{font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.07em}.bar{height:8px;background:rgba(148,163,255,.12);overflow:hidden;margin-top:6px}.bar,.bar i{border-radius:99px}.bar i{display:block;height:100%;background:linear-gradient(90deg,#6366f1,#22d3ee)}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;color:var(--mut);font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding:10px 12px}td,th{border-bottom:1px solid var(--line)}td{padding:12px}.badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:99px;letter-spacing:.04em}.b-live{background:rgba(34,197,94,.15);color:#4ade80}.b-new{background:rgba(245,158,11,.15);color:#fbbf24}.tabs{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.tabs button{background:var(--card);border:1px solid var(--line);color:var(--mut);padding:9px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer}.tabs button.on{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border-color:transparent}.empty{background:var(--card);border:1px dashed rgba(148,163,255,.35);border-radius:14px;padding:30px;text-align:center;color:var(--mut);font-size:14px}@media(max-width:760px){.dash{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--line)}.side .logo{width:100%}}