:root{--primary: #00ff88;--primary-glow: rgba(0, 255, 136, .3);--secondary: #00f3ff;--accent: #ff00ff;--accent-glow: rgba(255, 0, 255, .3);--background: #000000;--bg-dark: #000000;--bg-white: #0a0a0a;--bg-soft: #000000;--surface: #0a0a0a;--surface-hover: #121212;--text-primary: #FFFFFF;--text-secondary: #e2e8f0;--text-muted: #a1a1aa;--text-white: #FFFFFF;--neon-cyan: #00f3ff;--neon-magenta: #ff00ff;--neon-yellow: #fff200;--glass-bg: rgba(0, 0, 0, .8);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(16px);--border: rgba(255, 255, 255, .08);--header-height: 80px;--max-width: 1200px;--border-radius-lg: 24px;--border-radius-md: 16px;--glass-bg: rgba(0, 0, 0, .7);--glass-blur: blur(12px);--shadow-soft: 0 10px 40px -10px rgba(0, 0, 0, .05);--shadow-hard: 0 20px 50px -12px rgba(0, 0, 0, .1)}[data-theme=dark]{--bg-white: #0B0B0B;--bg-soft: #121212;--text-primary: #F9FAFB;--text-secondary: #E5E7EB;--text-muted: #9CA3AF;--glass-bg: rgba(11, 11, 11, .8);--glass-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box;padding:0;margin:0;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}html,body{max-width:100vw;overflow-x:hidden;font-family:Plus Jakarta Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-white);color:var(--text-primary);line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--primary)}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{font-weight:800;letter-spacing:-.02em;line-height:1.2}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 20px 10px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .8s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-in-right{animation:slideInRight .8s cubic-bezier(.16,1,.3,1) forwards}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s infinite}.shimmer-effect{background:linear-gradient(90deg,#fff0,#ffffff0d,#fff0);background-size:200% 100%;animation:shimmer 2s infinite}.hover-glow{transition:all .3s ease}.hover-glow:hover{box-shadow:0 0 20px var(--accent-glow);transform:translateY(-4px);border-color:var(--accent)}.skew-btn{position:relative;transform:skew(-12deg);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.skew-btn span{display:inline-block;transform:skew(12deg)}.skew-btn:hover,.skew-btn:hover span{transform:skew(0)}.skew-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.skew-btn:hover:after{left:100%}.neon-border{border:1px solid var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan),inset 0 0 5px var(--neon-cyan)}.neon-text-cyan{color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan)}.neon-text-magenta{color:var(--neon-magenta);text-shadow:0 0 8px var(--neon-magenta)}.status-indicator{display:inline-flex;align-items:center;gap:8px;font-family:Space Mono,monospace;font-size:.7rem;letter-spacing:1px;color:var(--primary);background:#00ff881a;padding:4px 8px;border-radius:4px;border:1px solid rgba(0,255,136,.2)}.status-dot{width:6px;height:6px;background:var(--primary);border-radius:50%;box-shadow:0 0 8px var(--primary);animation:pulse-dot 1.5s infinite}@keyframes pulse-dot{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.glitch-text{position:relative;animation:glitch 3s infinite}@keyframes glitch{0%{transform:translate(0)}2%{transform:translate(-2px,1px);color:var(--neon-cyan)}4%{transform:translate(2px,-1px);color:var(--neon-magenta)}6%{transform:translate(0)}to{transform:translate(0)}}.scanline{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,255,136,.02) 50%);background-size:100% 4px;pointer-events:none;z-index:100;opacity:.5}.cyber-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,136,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.05) 1px,transparent 1px);background-size:50px 50px;background-position:center;perspective:500px;transform:rotateX(45deg);transform-origin:top;z-index:-1;opacity:.3}.hover-scale{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.hover-scale:hover{transform:scale(1.05)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);transition:all .3s ease}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s ease}.mesh-bg-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background:var(--bg-white)}.mesh-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;transition:all .5s ease}.blob-green{background:var(--primary);width:600px;height:600px;top:-200px;right:-100px;animation:float 15s infinite alternate}.blob-accent{background:var(--accent);width:500px;height:500px;bottom:-150px;left:-100px;animation:float 12s infinite alternate-reverse}@keyframes float-around{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal.active{opacity:1;transform:translateY(0)}.glass-vivid{background:#fff6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #10b9811a}[data-theme=dark] .glass-vivid{background:#0b0b0b66;border:1px solid rgba(255,255,255,.05)}.password-input-wrapper{position:relative;width:100%}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none!important;border:none!important;color:var(--text-muted);font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:5;padding:4px}.password-toggle-btn:hover{color:var(--primary);filter:drop-shadow(0 0 8px var(--primary-glow))}.status-banner{display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:12px;margin-bottom:24px;font-size:.9rem;font-weight:600;animation:fadeIn .4s ease-out}.status-banner.success{background:#00ff881a;color:#0f8;border:1px solid rgba(0,255,136,.2)}.status-banner.error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}