:root{--bg:#05050a;--panel:#0d0d17;--glass:#0a0a14;--text:#e6faff;--muted:#7a8c99;--neon-cyan:#22e1ff;--neon-magenta:#ff4ecb;--neon-purple:#9a66ff;--glow-cyan:0 0 8px rgba(34,225,255,.9),0 0 24px rgba(34,225,255,.6),0 0 64px rgba(34,225,255,.35);--glow-magenta:0 0 8px rgba(255,78,203,.9),0 0 24px rgba(255,78,203,.6),0 0 64px rgba(255,78,203,.35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Arial;color:var(--text);background:var(--bg)}.app{height:100%}.grid-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 50% 80%,rgba(34,225,255,.05),transparent 70%),linear-gradient(to top,#05050a,#0d0d17)}.grid-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(to top,rgba(34,225,255,.12) 1px,transparent 1px),linear-gradient(to right,rgba(34,225,255,.12) 1px,transparent 1px);background-size:64px 64px;transform:perspective(520px) rotateX(65deg) translateY(200px);transform-origin:top;animation:grid-move 24s linear infinite;opacity:.22}@keyframes grid-move{to{transform:perspective(520px) rotateX(65deg) translateY(0)}}.stage{position:relative;z-index:1;width:100vw;height:100vh;display:grid;place-items:center;padding:24px}.menu{width:min(100%,1100px);display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:stretch}@media (max-width: 980px){.menu{grid-template-columns:1fr;height:auto}}.panel{background:#0d0d17bf;border:1px solid rgba(34,225,255,.2);border-radius:18px;padding:22px;box-shadow:0 10px 40px #00000080,inset 0 0 0 1px #22e1ff0f}.hero{display:grid;grid-template-rows:auto auto auto 1fr;gap:14px;min-height:420px}.headline{font-size:36px;line-height:1.1;margin:0;letter-spacing:.5px;text-shadow:var(--glow-magenta)}.sub{color:var(--muted);margin:0;max-width:60ch}.ctaRow{display:flex;gap:12px;flex-wrap:wrap}.btn{border:none;padding:12px 16px;border-radius:14px;font-weight:800;letter-spacing:.4px;cursor:pointer}.btn.primary{color:#001117;background:var(--neon-cyan);box-shadow:var(--glow-cyan)}.btn.secondary{color:#150012;background:var(--neon-magenta);box-shadow:var(--glow-magenta)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (max-width:640px){.cards{grid-template-columns:1fr}}.card{background:#0d0d1799;border:1px solid rgba(34,225,255,.18);border-radius:14px;padding:14px}.card h4{margin:0 0 6px;font-size:15px;color:var(--text)}.card p{margin:0;color:var(--muted);font-size:13px}.sidebar{display:grid;align-content:start;gap:16px}.list{display:grid;gap:10px}.row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border-radius:12px;background:#0a0a148c;border:1px solid rgba(34,225,255,.12)}.label{color:var(--muted);font-size:13px}.value{color:var(--text);font-weight:800;letter-spacing:.3px}.settings-btn{position:absolute;top:16px;right:16px}