@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Outfit:wght@400;600;700;900&display=swap";
:root{--bg-color:#030308;--bg-secondary:#0a0a14;--text-primary:#fff;--text-secondary:#94a3b8;--accent-color:#7b2cbf;--accent-light:#9d4edd;--accent-glow:#7b2cbf80;--accent-glow-subtle:#7b2cbf33;--glass-bg:#0f0f1966;--glass-border:#ffffff14;--glass-border-bright:#ffffff26;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);background:radial-gradient(circle at 50% -20%, #1b1833 0%, var(--bg-color) 80%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}h1,h2,h3{font-family:Outfit,sans-serif}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--glass-border);border-top:1px solid var(--glass-border-bright);border-left:1px solid var(--glass-border-bright);transition:var(--transition-smooth);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 20px 40px -1px #0006,inset 0 0 20px #ffffff05}.glass-panel:hover{box-shadow:0 20px 50px -1px #00000080, 0 0 20px 0 var(--accent-glow-subtle);border-color:#7b2cbf4d}.btn-primary{background:var(--accent-color);color:var(--text-primary);letter-spacing:.5px;cursor:pointer;transition:var(--transition-smooth);text-transform:uppercase;border:1px solid #ffffff1a;border-radius:12px;padding:14px 28px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(120deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:var(--accent-light);box-shadow:0 0 30px var(--accent-glow);transform:translateY(-2px)scale(1.02)}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}select.input-field{cursor:pointer;appearance:auto;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary)!important;background:#000c!important}select.input-field option{color:var(--text-primary);background:#0d0d1a;padding:8px}.input-field{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);transition:var(--transition-smooth);background:#0006;border-radius:12px;outline:none;padding:14px 16px;font-family:Inter,sans-serif;font-size:1rem}.input-field:focus{border-color:var(--accent-light);box-shadow:0 0 15px var(--accent-glow-subtle);background:#7b2cbf0d;transform:scale(1.01)}.input-field::placeholder{color:#ffffff4d;letter-spacing:normal}html{-webkit-text-size-adjust:100%}@media (max-width:768px){main>.glass-panel{margin:1rem!important;padding:2rem 1.5rem!important}div[style*="padding: '1.5rem 3rem'"],div[style*="padding: 1.5rem 3rem"]{padding:1rem 1.25rem!important}div[style*="padding: '3rem 2rem'"],div[style*="padding: 3rem 2rem"]{padding:1.5rem 1rem!important}canvas{display:none!important}.btn-primary{padding:12px 16px!important;font-size:.8rem!important}.input-field{font-size:.95rem!important}.glass-panel{border-radius:16px!important}}@media (max-width:480px){main{padding:1rem!important}h1[style*="3rem"]{font-size:2.2rem!important}.dashboard-nav{flex-wrap:wrap;gap:.5rem!important}}.mobile-stack{flex-direction:column;display:flex}@media (min-width:769px){.mobile-stack{flex-direction:row}}@media (max-width:768px){div[style*="gridTemplateColumns: 'repeat(auto-fit"]{grid-template-columns:1fr!important}div[style*="flex: '1 1 600px'"],div[style*="flex: '1 1 350px'"]{flex:100%!important;min-width:0!important}div[style*="gridTemplateColumns: 'minmax(350px, 1fr) 2fr'"]{grid-template-columns:1fr!important}div[style*="width: '300px'"]{border-bottom:1px solid #ffffff0d!important;border-right:none!important;flex-flow:wrap!important;width:100%!important;padding:1rem!important}div[style*="width: '300px'"] button{border-bottom:2px solid #0000!important;border-left:none!important;padding:8px 12px!important;font-size:.75rem!important}div[style*="minmax(240px, 1fr)"],div[style*="minmax(250px, 1fr)"]{grid-template-columns:1fr!important}div[style*="scale(1.05)"]{transform:scale(1)!important}div[style*="height: '600px'"]{height:400px!important}div[style*="height: '70vh'"],div[style*="height: '75vh'"]{height:60vh!important}textarea[style*="height: '650px'"]{height:350px!important}div[style*="gridTemplateColumns: 'repeat(3, 1fr)'"],div[style*="gridTemplateColumns: 'repeat(4, 1fr)'"]{grid-template-columns:repeat(2,1fr)!important}div[style*="gridTemplateColumns: '1fr 1fr'"]{grid-template-columns:1fr!important}div[style*="gridTemplateColumns: 'repeat(3"]{grid-template-columns:repeat(2,1fr)!important}div[style*="flex: '1 1 180px'"]{flex:45%!important}nav{-webkit-overflow-scrolling:touch;overflow-x:auto}div[style*="padding: '2.5rem'"],div[style*="padding: '3rem'"],div[style*="padding: '2rem'"]{padding:1.25rem!important}h2[style*="2rem"],h2[style*="2.5rem"]{font-size:1.5rem!important}h1[style*="2.5rem"],h1[style*="1.8rem"]{font-size:1.4rem!important}}@media (max-width:360px){div[style*="gridTemplateColumns: 'repeat(2"],div[style*="gridTemplateColumns: 'repeat(3"]{grid-template-columns:1fr!important}}@keyframes glitch{0%{text-shadow:0 0 20px var(--accent-glow);transform:translate(0)}2%{text-shadow:-2px 0 #f0f,2px 0 #0ff;transform:translate(-1px,1px)}4%{text-shadow:2px 0 #f0f,-2px 0 #0ff;transform:translate(1px,-1px)}6%{text-shadow:0 0 20px var(--accent-glow);transform:translate(0)}to{text-shadow:0 0 20px var(--accent-glow);transform:translate(0)}}.glitch-title{animation:4s infinite glitch}@keyframes shockwave{0%{box-shadow:0 0 #7b2cbf99}70%{box-shadow:0 0 0 20px #7b2cbf00}to{box-shadow:0 0 #7b2cbf00}}.btn-shockwave:active{animation:.4s ease-out shockwave}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:#0000}}.typing-text{white-space:nowrap;border-right:2px solid var(--accent-color);animation:1.2s steps(12,end) forwards typing,.8s step-end 3 blink;overflow:hidden}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stat-animate{animation:.6s ease-out forwards countUp}@keyframes bootLine{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.boot-line{animation:.2s ease-out forwards bootLine}