:root{--nexus: #563FCA;--quant: #3d2b99;--accent: #FF007A;--bg-dark: #050508;--glass: rgba(255, 255, 255, .95)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background:var(--bg-dark);min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:24px}.intro-overlay{position:fixed;inset:0;background:#000;z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .8s}.burst-center{position:relative}.intro-logo{height:60px;z-index:2;position:relative;filter:drop-shadow(0 0 20px var(--nexus))}.scan-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border:2px solid var(--quant);border-radius:50%;animation:scanPulse 1.5s infinite}@keyframes scanPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.intro-overlay.explode{opacity:0;pointer-events:none;transform:scale(1.2)}.market-vortex{position:fixed;inset:0;z-index:0}.orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.6;animation:flow 20s infinite alternate ease-in-out}.orb-1{width:600px;height:600px;background:var(--nexus);top:-10%;left:5%}.orb-2{width:500px;height:500px;background:var(--quant);bottom:-10%;right:5%;animation-delay:-5s}.orb-3{width:400px;height:400px;background:var(--accent);top:30%;right:20%;opacity:.2}@keyframes flow{0%{transform:translate(0)}to{transform:translate(100px,50px)}}.noise-overlay{position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.trading-grid{position:absolute;inset:0;opacity:.05;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:50px 50px}.terminal-hud{position:fixed;inset:0;padding:40px;pointer-events:none;z-index:5;font-family:JetBrains Mono,monospace;font-size:9px;color:#ffffff1a;letter-spacing:2px}.top-r{text-align:right;color:var(--nexus)}.bottom-r{text-align:right}.login-viewport{z-index:10;width:min(940px,100%);animation:cardEntry 1.2s cubic-bezier(.16,1,.3,1)}@keyframes cardEntry{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.monolith-card{display:flex;width:100%;min-height:580px;background:var(--glass);border-radius:40px;overflow:hidden;box-shadow:0 40px 100px #00000080}.card-left{width:440px;background:#f8f9fa;padding:60px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #eee}.welcome-text h1{font-size:42px;font-weight:900;color:#111;letter-spacing:-1.5px;margin-bottom:10px}.welcome-text p{color:#666;font-size:16px;line-height:1.5}.chart-mockup{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 0}.phone-frame{width:280px;height:140px;background:#000;border-radius:24px;padding:12px;border:4px solid #222;transform:rotate(-5deg);box-shadow:20px 20px 40px #0000001a}.mock-logo{height:15px;margin-bottom:10px}.mini-chart{display:flex;align-items:flex-end;gap:4px;height:60px}.bar{flex:1;background:#eee;border-radius:2px}.bar.up{background:#089981}.bar.down{background:#f23645}.chart-info{font-size:14px;color:#666;line-height:1.4;border-top:1px solid #eee;padding-top:20px}.card-right{flex:1;padding:60px 80px;display:flex;flex-direction:column;justify-content:center}.form-header h2{font-size:32px;font-weight:900;color:#111;margin-bottom:8px}.form-header p{color:#888;font-size:14px;margin-bottom:40px}.input-unit{margin-bottom:25px}.input-unit label{display:block;font-size:11px;font-weight:700;color:#aaa;margin-bottom:8px;text-transform:uppercase}.input-box{display:flex;align-items:center;background:#fff;border:1px solid #eee;border-radius:12px;padding:5px 15px;transition:.3s}.input-box>span{color:var(--nexus);margin-right:15px;font-size:20px}.input-box input{width:100%;border:none;outline:none;padding:12px 0;font-size:15px;color:#333}.input-box:focus-within{border-color:var(--nexus);box-shadow:0 0 15px #563fca1a}.toggle-pass{flex:0 0 auto;border:0;background:transparent;color:var(--nexus);padding:8px 2px 8px 10px;font-size:12px;font-weight:800;cursor:pointer}.toggle-pass:focus-visible,.form-footer button:focus-visible,.decrypt-btn:focus-visible{outline:3px solid rgba(86,63,202,.35);outline-offset:3px}.decrypt-btn{width:100%;height:60px;background:var(--nexus);border:none;border-radius:14px;color:#fff;font-weight:900;font-size:16px;display:flex;align-items:center;justify-content:center;gap:15px;cursor:pointer;transition:.4s;box-shadow:0 10px 30px #563fca4d;margin-top:20px}.decrypt-btn:hover{background:#4532a3;transform:translateY(-3px);box-shadow:0 15px 40px #563fca66}.form-footer{margin-top:30px;text-align:center;font-size:13px;color:#888}.form-footer button{background:transparent;border:none;color:var(--nexus);font-weight:900;cursor:pointer}.error-msg{color:#f23645;font-size:12px;font-weight:700;text-align:center;margin-top:10px}.success-msg{color:#089981;font-size:12px;font-weight:700;text-align:center;margin-top:10px}.hidden{display:none}@media(max-width:820px){body{align-items:flex-start;padding:18px}.terminal-hud{display:none}.monolith-card{min-height:0;border-radius:28px}.card-left{display:none}.card-right{width:100%;min-width:0;padding:48px clamp(24px,8vw,56px)}}@media(max-width:480px){body{padding:12px}.login-viewport{margin:auto 0}.monolith-card{border-radius:22px}.card-right{padding:36px 22px}.form-header h2{font-size:28px}.form-header p{margin-bottom:30px;line-height:1.5}.input-unit{margin-bottom:20px}.decrypt-btn{height:54px;font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}