@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg:#050a13;--bg2:#0a1220;--bg3:#0f1a2c;--surface:#142238;--surface2:#1a2c48;--border:#223655;--border2:#2f4972;--text:#eaf2ff;--text2:#9db3d6;--text3:#6883ab;--accent:#06f;--accent2:#2f8aff;--teal:#0ea5e9;--teal2:#38bdf8;--green:#22c55e;--red:#ef4444;--radius:12px;--radius2:20px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,system-ui,sans-serif}.stars-bg{z-index:-1;background:radial-gradient(ellipse at 20% 50%, #0066ff14 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, #0ea5e90f 0%, transparent 40%), var(--bg);position:fixed;inset:0;overflow:hidden}.stars-bg:before{content:"";background-image:radial-gradient(1px 1px at 20% 30%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 50% 10%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 80%,#fff6 0%,#0000 100%),radial-gradient(1.5px 1.5px at 35% 55%,#ffffff80 0%,#0000 100%);position:absolute;inset:0}.card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius2);background:#171f3299;padding:2rem;box-shadow:0 10px 30px #00000080}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px #06f6}.btn-primary:hover{background:var(--accent2);transform:translateY(-1px)}.btn-danger{background:var(--red);color:#fff;box-shadow:0 4px 14px #ef444466}.btn-danger:hover{background:#f87171;transform:translateY(-1px)}.btn-ghost{color:var(--text2);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg3);color:var(--text)}.input-field{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);outline:none;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .2s}.input-field:focus{border-color:var(--accent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s forwards fadeIn}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:1.5s infinite pulse}
