:root{--bg-950: #05070a;--bg-900: #080c12;--bg-800: #0f1520;--bg-700: #151e2d;--bg-600: #1c2840;--teal-300: #5eead4;--teal-400: #2dd4bf;--teal-500: #14b8a6;--teal-600: #0d9488;--amber-400: #fbbf24;--amber-500: #f59e0b;--emerald-400: #34d399;--emerald-500: #10b981;--rose-400: #fb7185;--rose-500: #f43f5e;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-950);color:#f1f5f9;font-family:Inter,sans-serif;overflow-x:hidden;height:100vh}#root{height:100%}.glass{background:#0f1520b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06)}.glass-inset{background:#080c1299;border:1px solid rgba(255,255,255,.05)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.rounded-xl{border-radius:.75rem}.w-full{width:100%}.h-full{height:100%}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-4xl{font-size:2.25rem}.font-black{font-weight:900}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.text-teal{color:var(--teal-500)}.text-amber{color:var(--amber-500)}.text-slate-400{color:var(--slate-400)}.pill{padding:5px 14px;border-radius:99px;font-size:11px;font-weight:700;text-transform:uppercase}.pill-teal{background:#14b8a61a;border:1px solid rgba(20,184,166,.25);color:#2dd4bf}.pill-amber{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);color:#fbbf24}.pill-emerald{background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#34d399}.pill-rose{background:#f43f5e1a;border:1px solid rgba(244,63,94,.25);color:#fb7185}.pill-slate{background:#64748b1f;border:1px solid rgba(100,116,139,.25);color:#94a3b8}