:root{color-scheme:dark;--bg:#070b16;--panel:#11182b;--muted:#9ca3af;--text:#f8fafc;--brand:#d946ef;--brand2:#6366f1;--danger:#fb7185;--ok:#4ade80}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,#25103a 0,transparent 35%),var(--bg);color:var(--text);font:16px/1.5 Inter,system-ui,sans-serif}.nav{min-height:64px;padding:12px max(20px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #ffffff12;background:#070b16e8;position:sticky;top:0;z-index:5}.brand{font-size:19px;font-weight:800;color:white;text-decoration:none}.brand span{background:linear-gradient(120deg,#f0abfc,#818cf8,#38bdf8);background-clip:text;color:transparent}.nav nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.nav a,.nav button{color:#cbd5e1;text-decoration:none;background:none;border:0;padding:8px 10px;border-radius:9px;font:inherit;cursor:pointer}.nav a:hover,.nav button:hover,.nav a[aria-current=page]{background:#ffffff0e;color:white}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:11px;padding:11px 16px;color:white;background:linear-gradient(120deg,var(--brand),var(--brand2));font-weight:750;cursor:pointer;text-decoration:none}.btn.secondary{background:#ffffff10;border:1px solid #ffffff20}.btn.danger{background:#881337}.shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:56px 0}.hero{text-align:center;padding:80px 0}.hero h1{font-size:clamp(44px,7vw,78px);line-height:1.02;margin:0 0 20px}.gradient{background:linear-gradient(120deg,#f0abfc,#818cf8,#38bdf8);background-clip:text;color:transparent}.lead{color:#b6bfce;font-size:20px;max-width:700px;margin:0 auto 28px}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.card{background:#11182bd9;border:1px solid #ffffff12;border-radius:16px;padding:22px;box-shadow:0 18px 50px #0004}.card h2,.card h3{margin-top:0}.muted{color:var(--muted)}.auth-wrap{width:min(460px,calc(100% - 32px));margin:64px auto}.tabs{display:flex;gap:8px;margin-bottom:18px}.tabs button{flex:1}.field{margin:14px 0}.field label{display:block;font-weight:650;margin-bottom:6px}.field input{width:100%;border:1px solid #ffffff20;background:#070b16;color:white;border-radius:10px;padding:12px 44px 12px 12px;font:inherit}.password-wrap{position:relative}.eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:none;color:#cbd5e1;font-size:20px;padding:7px;cursor:pointer}.error{color:#fda4af;min-height:24px}.success{color:var(--ok)}.hidden{display:none!important}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.badge{display:inline-block;padding:3px 9px;border-radius:999px;background:#d946ef22;color:#f0abfc;font-size:12px;font-weight:800;text-transform:uppercase}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid #ffffff10}.admin-panel{border-color:#f472b644}.toast{position:fixed;right:22px;bottom:22px;max-width:360px;padding:12px 16px;border-radius:10px;background:#1e293b;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}@media(max-width:700px){.nav{align-items:flex-start}.brand span{display:none}.nav nav{justify-content:flex-end}.shell{padding-top:32px}.hero{padding:52px 0}.section-head{align-items:flex-start;flex-direction:column}}