:root{--bg: #0b0f15;--surface: #101826;--muted: #8aa1c0;--text: #e7eefc;--primary: #5b8cff;--primary-2: #7c4dff;--ring: 0 0 0 2px rgba(91,140,255,.45)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;background:radial-gradient(1200px 600px at 80% -10%,rgba(124,77,255,.25),transparent 60%),radial-gradient(800px 400px at -10% 20%,rgba(91,140,255,.25),transparent 60%),var(--bg);color:var(--text)}.container{max-width:1100px;padding:24px;margin:0 auto}.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;position:sticky;top:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.badge{padding:4px 10px;border-radius:999px;background:#142136;color:var(--muted);border:1px solid #223355;font-size:12px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;padding:48px 0}.hero h1{font-size:48px;line-height:1.05;margin:0 0 12px;letter-spacing:-.02em}.hero p{font-size:18px;color:var(--muted);margin:0 0 20px}.cta{display:inline-flex;gap:10px;align-items:center;background:linear-gradient(90deg,var(--primary),var(--primary-2));color:#fff;border:none;padding:12px 16px;border-radius:10px;cursor:pointer;box-shadow:0 0 #0003;transition:transform .12s ease,box-shadow .12s ease}.cta:hover{transform:translateY(-1px);box-shadow:0 10px 30px #5b8cff40}.card{background:linear-gradient(180deg,#111a2a,#0d1522);border:1px solid #1e2a40;border-radius:12px;padding:16px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.section-title{font-size:20px;color:var(--muted);margin:28px 0 12px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{padding:10px 12px;border-bottom:1px solid #1d2940}.footer{color:var(--muted);padding:32px 0;text-align:center}.input{background:#0e1624;border:1px solid #223355;color:var(--text);border-radius:8px;padding:10px 12px}.button{background:#0e1624;border:1px solid #2a3a5c;color:var(--text);border-radius:8px;padding:10px 14px;cursor:pointer}.button:hover{box-shadow:var(--ring)}@media (max-width: 900px){.hero,.grid{grid-template-columns:1fr}}