:root{--blue:#0A5CFF;--electric:#00D4FF;--navy:#061A40;--void:#03102B;--ink:#0B1F3A;--muted:#5B6B85;--line:rgba(10,92,255,.16);--display:'Michroma',sans-serif;--body:'Manrope',system-ui,sans-serif;--mono:'JetBrains Mono',Consolas,monospace}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--body);color:#fff;background:radial-gradient(1000px 600px at 50% 0%,#0B2A6B 0%,var(--navy) 45%,var(--void) 100%);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(0,212,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.07) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at 50% 30%,#000 15%,transparent 75%);-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 15%,transparent 75%)}
a{color:var(--electric)}
.wrap{position:relative;max-width:1100px;margin:0 auto;padding:0 24px}
.top{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-family:var(--display);font-size:.74rem;letter-spacing:.14em}
.brand img{width:36px;height:36px}
.brand small{display:block;font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;color:var(--electric);margin-top:2px}
.top nav{display:flex;gap:6px;align-items:center}
.top nav a{text-decoration:none;color:#B7C6E3;font-size:.86rem;font-weight:700;padding:8px 12px;border-radius:8px}
.top nav a:hover,.top nav a.on{color:#fff;background:rgba(255,255,255,.08)}
.card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:32px;backdrop-filter:blur(12px)}
.center{min-height:calc(100vh - 80px);display:grid;place-items:center;padding:24px 0 48px}
.auth{width:min(92vw,440px)}
.auth h1{font-family:var(--display);font-size:1.05rem;letter-spacing:.06em;margin-bottom:6px}
.auth p{color:#B7C6E3;font-size:.92rem;margin-bottom:18px}
.tabs{display:flex;gap:6px;margin-bottom:18px;background:rgba(0,0,0,.25);padding:4px;border-radius:10px}
.tabs button{flex:1;font:inherit;font-weight:800;font-size:.82rem;color:#B7C6E3;background:none;border:0;padding:9px;border-radius:8px;cursor:pointer}
.tabs button.on{background:var(--blue);color:#fff}
label{display:block;font-size:.78rem;font-weight:700;color:#B7C6E3;margin:12px 0 6px;letter-spacing:.02em}
input,select{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.25);color:#fff;font:inherit;font-size:.95rem}
input:focus{outline:none;border-color:var(--electric);box-shadow:0 0 0 3px rgba(0,212,255,.18)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:18px;padding:13px 20px;border-radius:10px;border:0;font:inherit;font-weight:800;font-size:.95rem;cursor:pointer;background:linear-gradient(120deg,var(--blue),#0047D6);color:#fff;box-shadow:0 10px 30px rgba(10,92,255,.35);transition:transform .15s,box-shadow .2s}
.btn:hover{box-shadow:0 12px 36px rgba(0,212,255,.35)}.btn:active{transform:scale(.98)}.btn[disabled]{opacity:.6;cursor:wait}
.btn.ghost{background:rgba(255,255,255,.08);box-shadow:none;border:1px solid rgba(255,255,255,.2)}
.btn.auto{width:auto;margin:0}
.err{margin-top:12px;font-size:.86rem;color:#FFB4B4;display:none}.ok{margin-top:12px;font-size:.86rem;color:#8FF0FF;display:none}
.small{font-size:.8rem;color:#9FB2D6;margin-top:14px;text-align:center}.small a{cursor:pointer}
.status{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;color:var(--electric)}
.status i{width:7px;height:7px;border-radius:50%;background:var(--electric);box-shadow:0 0 8px var(--electric)}
.status.warn{color:#FFB347}.status.warn i{background:#FFB347;box-shadow:0 0 8px #FFB347}.status.bad{color:#FF6B6B}.status.bad i{background:#FF6B6B;box-shadow:0 0 8px #FF6B6B}
.grid2{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin-top:20px}
@media (max-width:820px){.grid2{grid-template-columns:1fr}}
h2{font-family:var(--display);font-size:.95rem;letter-spacing:.06em;margin-bottom:12px}
.kv{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.1);font-size:.9rem;color:#B7C6E3}.kv b{color:#fff}
.plan{border:1px solid rgba(0,212,255,.45);background:linear-gradient(180deg,rgba(10,92,255,.25),rgba(0,212,255,.08));border-radius:18px;padding:24px;box-shadow:0 0 0 1px rgba(0,212,255,.15),0 30px 70px rgba(0,212,255,.12)}
.plan .price{font-family:var(--display);font-size:1.9rem;margin:6px 0}.plan .price small{font-family:var(--body);font-size:.8rem;color:#B7C6E3}
.plan ul{list-style:none;margin:12px 0 0;display:grid;gap:8px;font-size:.9rem}.plan li::before{content:"✓ ";color:var(--electric);font-weight:800}
table{width:100%;border-collapse:collapse;font-size:.84rem}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.1)}th{color:#9FB2D6;font-weight:700;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
td button{font:inherit;font-size:.74rem;font-weight:700;padding:5px 9px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;margin:2px}
.banner{position:fixed;left:0;right:0;top:0;z-index:99999;background:linear-gradient(90deg,#0A5CFF,#0031A8);color:#fff;font:600 13px/1.4 var(--body);padding:8px 16px;display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap}
.banner a{color:#fff;font-weight:800;background:rgba(255,255,255,.18);padding:5px 10px;border-radius:6px;text-decoration:none}
.banner.expired{background:linear-gradient(90deg,#B45309,#7C2D12)}
.modal-aw{position:fixed;inset:0;z-index:100000;background:rgba(3,16,43,.7);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}
.modal-aw .box{width:min(92vw,460px);background:#0B1F3A;border:1px solid rgba(0,212,255,.4);border-radius:18px;padding:28px;color:#fff;font-family:var(--body);box-shadow:0 40px 100px rgba(0,0,0,.5)}
.modal-aw h3{font-family:var(--display);font-size:.95rem;letter-spacing:.06em;margin-bottom:8px}.modal-aw p{color:#B7C6E3;font-size:.92rem;margin-bottom:16px;line-height:1.55}
.modal-aw .row{display:flex;gap:10px}.modal-aw .btn{margin:0}