@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-main:#0a0b0d;--bg-surface:#12141c;--bg-surface-elevated:#1a1d29;--primary:#00f0ff;--primary-glow:#00f0ff66;--secondary:#9d4edd;--secondary-glow:#9d4edd66;--accent-green:#39ff14;--accent-red:#ff073a;--accent-orange:#ff9f1c;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--border-light:#ffffff0f;--border-glow:#00f0ff26;--glass-bg:#12141cb3;--glass-blur:blur(12px);--glass-border:#ffffff0d;--glass-shadow:0 8px 32px 0 #00000080;--font-display:"Outfit", "Inter", -apple-system, sans-serif;--font-body:"Inter", -apple-system, sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s ease}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border-light) transparent;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 15% 15%,#00f0ff0a 0%,#0000 40%),radial-gradient(circle at 85% 85%,#9d4edd0d 0%,#0000 45%);width:140%;height:140%;position:fixed;top:-20%;left:-20%}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;font-weight:600}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.glass-panel-elevated{-webkit-backdrop-filter:var(--glass-blur);background:#1a1d29d9;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 12px 40px #0009}.btn{font-family:var(--font-display);cursor:pointer;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), #00b8ff);color:#050508;box-shadow:0 4px 20px var(--primary-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 28px #00f0ff99}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background:var(--bg-surface-elevated);color:var(--text-muted);box-shadow:none;border:1px solid var(--border-light);cursor:not-allowed}.btn-secondary{border:1px solid var(--border-light);color:var(--text-primary);background:#ffffff0a}.btn-secondary:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26}.btn-neon-purple{background:linear-gradient(135deg, var(--secondary), #7b2cbf);color:#fff;box-shadow:0 4px 20px var(--secondary-glow)}.btn-neon-purple:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 28px #9d4edd99}.btn-glow{position:relative;overflow:hidden}.btn-glow:after{content:"";opacity:0;background:linear-gradient(90deg,#fff0 0%,#fff3 50%,#fff0 100%);width:200%;height:100%;transition:all .75s;position:absolute;top:0;left:-50%;transform:skew(-25deg)}.btn-glow:hover:after{opacity:1;left:125%}@keyframes pulse-cyan{0%{box-shadow:0 0 #00f0ff66}70%{box-shadow:0 0 0 8px #00f0ff00}to{box-shadow:0 0 #00f0ff00}}@keyframes pulse-green{0%{box-shadow:0 0 #39ff1466}70%{box-shadow:0 0 0 8px #39ff1400}to{box-shadow:0 0 #39ff1400}}@keyframes glow-slide{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.pulse-primary{animation:2s infinite pulse-cyan}.pulse-green{animation:2s infinite pulse-green}.flex-center{justify-content:center;align-items:center;display:flex}.grid-container{gap:24px;display:grid}.viewport-3d{border:1px solid var(--border-light);background:radial-gradient(circle,#1b2030 0%,#0d0f17 100%);border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000c}.viewport-3d:after{content:"";border:1px solid var(--border-glow);opacity:.3;pointer-events:none;border-radius:12px;width:100%;height:100%;position:absolute;top:0;left:0}.grid-overlay{pointer-events:none;background-image:linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:30px 30px;width:100%;height:100%;position:absolute;top:0;left:0}input:focus,select:focus,textarea:focus{transition:var(--transition-fast);border-color:var(--primary)!important;box-shadow:0 0 12px var(--primary-glow)!important;background-color:var(--bg-surface)!important;outline:none!important}.auth-container{-webkit-backdrop-filter:blur(16px);z-index:10;box-sizing:border-box;background:#12141c73;border:1px solid #ffffff0f;border-radius:20px;flex-direction:row;width:100%;max-width:900px;min-height:550px;display:flex;overflow:hidden;box-shadow:0 20px 50px #0009}.auth-left-panel{box-sizing:border-box;background:linear-gradient(135deg,#1a1d29cc 0%,#0a0b0df2 100%);border-right:1px solid #ffffff0d;flex-direction:column;flex:1.1;justify-content:center;padding:48px;display:flex;position:relative;overflow:hidden}.auth-right-panel{box-sizing:border-box;flex-direction:column;flex:.9;justify-content:center;width:420px;padding:48px;display:flex}@keyframes float-logo{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.animated-float{animation:3s ease-in-out infinite float-logo}@media (width<=860px){.auth-container{flex-direction:column;max-width:420px;min-height:auto;margin:auto}.auth-left-panel{display:none!important}.auth-right-panel{width:100%;padding:36px 24px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:2s linear infinite spin!important}.animate-spin{animation:1s linear infinite spin!important}