*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #08091A;--bg2: #0D0F26;--bg3: #111330;--card: rgba(255,255,255,.04);--border: rgba(255,255,255,.08);--border2: rgba(255,255,255,.14);--text: #FFFFFF;--text2: #9090B8;--text3: #545478;--gold: #FFB020;--gold2: #FFD060;--gold-glow: rgba(255,176,32,.35);--violet: #7B3FF2;--violet2: #9B5EFF;--blue: #2B5BFF;--blue2: #4B78FF;--blue-glow: rgba(43,91,255,.4);--pink: #EC4899;--green: #22C98A;--green-glow:rgba(34,201,138,.3);--red: #EF4444;--font-head: "Oxanium", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-body: "Figtree", sans-serif}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none;overflow-x:hidden}#root{min-height:100%;display:flex;flex-direction:column}input,button{font-family:inherit}button{cursor:pointer;border:none;outline:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.glass{background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:12px;font-family:var(--font-head);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;transition:all .18s}.btn-primary{background:linear-gradient(135deg,var(--blue) 0%,var(--blue2) 100%);color:#fff;box-shadow:0 4px 24px var(--blue-glow)}.btn-primary:hover{box-shadow:0 6px 36px var(--blue-glow);transform:translateY(-1px)}.btn-gold{background:linear-gradient(135deg,var(--gold) 0%,var(--gold2) 100%);color:#1a1000;font-weight:800;box-shadow:0 4px 20px var(--gold-glow)}.btn-gold:hover{box-shadow:0 6px 32px var(--gold-glow);transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid var(--border2);color:var(--text2)}.btn-outline:hover{border-color:var(--violet);color:var(--text)}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:11px;font-family:var(--font-mono);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.badge-gold{background:#ffb02026;color:var(--gold);border:1px solid rgba(255,176,32,.3)}.badge-amber{background:#f59e0b1f;color:#f5a623;border:1px solid rgba(245,158,11,.3)}.badge-violet{background:#7b3ff226;color:var(--violet2);border:1px solid rgba(123,63,242,.3)}.badge-blue{background:#2b5bff1f;color:var(--blue2);border:1px solid rgba(43,91,255,.28)}.badge-green{background:#22c98a1f;color:var(--green);border:1px solid rgba(34,201,138,.28)}.badge-red{background:#ef44441a;color:var(--red);border:1px solid rgba(239,68,68,.25)}.badge-gray{background:#ffffff0f;color:var(--text3);border:1px solid var(--border)}.noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}@keyframes pulse-gold{0%,to{box-shadow:0 0 20px #ffb02066}50%{box-shadow:0 0 50px #ffb020bf,0 0 80px #ffb02040}}@keyframes pulse-blue{0%,to{box-shadow:0 0 20px #2b5bff59}50%{box-shadow:0 0 44px #2b5bffa6}}@keyframes online-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes result-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}