@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-light:#f8fafc;--bg-gradient:linear-gradient(135deg, #e0f2fe 0%, #fef3c7 50%, #f1f5f9 100%);--panel-bg:#ffffffd9;--panel-border:#0288d114;--panel-border-hover:#0288d133;--neon-cyan:#0288d1;--neon-cyan-glow:0 4px 14px #0288d126;--neon-purple:#ea580c;--neon-purple-glow:0 4px 14px #ea580c26;--neon-gold:#eab308;--neon-gold-glow:0 4px 14px #eab30826;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--success:#16a34a;--error:#dc2626;--warning:#ca8a04;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-family:var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--bg-light)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-gradient);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}@keyframes pulse-cyan{0%,to{border-color:#0288d11a;box-shadow:0 0 8px #0288d126}50%{border-color:#0288d14d;box-shadow:0 0 16px #0288d159}}@keyframes pulse-purple{0%,to{box-shadow:0 0 8px #ea580c26}50%{box-shadow:0 0 16px #ea580c59}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#00000008}::-webkit-scrollbar-thumb{background:#0288d133;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0288d166}.container{flex-direction:column;flex-grow:1;width:100%;max-width:1200px;margin:0 auto;padding:24px 16px;display:flex}.glass-card{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 25px -5px #0288d10f,0 8px 16px -6px #0288d10a}.glass-card:hover{border-color:var(--panel-border-hover);transform:translateY(-2px);box-shadow:0 16px 30px -5px #0288d11a,0 12px 20px -6px #0288d114}.glow-text-cyan{color:var(--neon-cyan);text-shadow:none;font-weight:700}.glow-text-purple{color:var(--neon-purple);text-shadow:none;font-weight:700}.glow-text-gold{color:var(--neon-gold);text-shadow:none;font-weight:700}.btn{color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;background:#00000008;border:1px solid #00000014;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn:hover{background:#0000000f;transform:translateY(-1px)}.btn-cyan{border:1px solid var(--neon-cyan);color:var(--neon-cyan);background:#0288d10f;box-shadow:0 2px 8px #0288d10d}.btn-cyan:hover{background:var(--neon-cyan);color:#fff;box-shadow:var(--neon-cyan-glow)}.btn-purple{border:1px solid var(--neon-purple);color:var(--neon-purple);background:#ea580c0f;box-shadow:0 2px 8px #ea580c0d}.btn-purple:hover{background:var(--neon-purple);color:#fff;box-shadow:var(--neon-purple-glow)}.btn-danger{border:1px solid var(--error);color:var(--error);background:#dc26260f}.btn-danger:hover{background:var(--error);color:#fff;box-shadow:0 4px 12px #dc262633}.btn:disabled{opacity:.5;cursor:not-allowed;color:var(--text-muted);box-shadow:none;background:#00000005;border-color:#0000000a;transform:none}.input-group{text-align:left;margin-bottom:20px}.input-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);margin-bottom:8px;font-size:.875rem;font-weight:600;display:block}.grid .input-label{align-items:flex-end;min-height:38px;margin-bottom:8px;display:flex}.form-input{width:100%;color:var(--text-primary);font-family:var(--font-sans);background:#ffffffd9;border:1px solid #0288d126;border-radius:8px;padding:12px 16px;font-size:1rem;transition:all .2s}.form-input:focus{border-color:var(--neon-cyan);background:#fff;outline:none;box-shadow:0 0 10px #0288d126}.form-input::placeholder{color:var(--text-muted)}.grid{gap:20px;display:grid}@media (width>=768px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}}