*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:Inter,sans-serif;background:#000;color:#fff;-webkit-font-smoothing:antialiased}#canvas{position:fixed;inset:0;z-index:0;pointer-events:none}.grid-bg{position:fixed;inset:0;z-index:0;background-image:linear-gradient(rgba(201,169,97,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(201,169,97,.06) 1px,transparent 1px);background-size:60px 60px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{background-position:0 0}to{background-position:60px 60px}}.glow{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;animation:glowFloat 8s ease-in-out infinite alternate}.glow-1{width:600px;height:600px;background:#c9a9611f;top:-150px;right:-150px;animation-duration:10s}.glow-2{width:500px;height:500px;background:#0a1628cc;bottom:-200px;left:-100px;animation-duration:13s;animation-delay:-4s}.glow-3{width:300px;height:300px;background:#c9a96112;top:40%;left:20%;animation-duration:7s;animation-delay:-2s}@keyframes glowFloat{0%{transform:translate(0) scale(1)}to{transform:translate(30px,20px) scale(1.1)}}.scanline{position:fixed;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px)}.login-wrapper{position:relative;z-index:10;min-height:100vh;display:grid;grid-template-columns:1fr 480px;overflow:hidden}.login-brand{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:60px 80px;position:relative}.brand-logo{display:flex;align-items:center;gap:20px;margin-bottom:48px;animation:slideInLeft .8s cubic-bezier(.4,0,.2,1) both}.shield-wrap{position:relative;width:90px;height:90px;flex-shrink:0}.shield-wrap svg{width:90px;height:90px;filter:drop-shadow(0 0 20px rgba(201,169,97,.6));animation:shieldPulse 3s ease-in-out infinite}@keyframes shieldPulse{0%,to{filter:drop-shadow(0 0 20px rgba(201,169,97,.6))}50%{filter:drop-shadow(0 0 40px rgba(201,169,97,.9))}}.shield-ring{position:absolute;inset:-8px;border:1px solid rgba(201,169,97,.3);border-radius:50%;animation:ringRotate 8s linear infinite}.shield-ring:after{content:"";position:absolute;width:8px;height:8px;background:#c9a961;border-radius:50%;top:-4px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #c9a961}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brand-text-wrap h1{font-size:2rem;font-weight:900;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(135deg,#fff,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-text-wrap p{font-size:.85rem;color:#fff6;margin-top:4px;letter-spacing:.05em;text-transform:uppercase;font-weight:500}.brand-tagline{animation:slideInLeft .8s .15s cubic-bezier(.4,0,.2,1) both}.brand-tagline h2{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:800;line-height:1.2;letter-spacing:-.02em;margin-bottom:16px}.brand-tagline h2 em{font-style:normal;color:#d4af37}.brand-tagline p{font-size:1rem;color:#ffffff80;line-height:1.6;max-width:440px}.brand-stats{display:flex;gap:32px;margin-top:48px;animation:slideInLeft .8s .3s cubic-bezier(.4,0,.2,1) both}.brand-stat{text-align:left}.brand-stat strong{display:block;font-size:1.8rem;font-weight:900;color:#d4af37;line-height:1}.brand-stat span{font-size:.75rem;color:#fff6;text-transform:uppercase;letter-spacing:.06em}.brand-badges{display:flex;gap:10px;margin-top:40px;flex-wrap:wrap;animation:slideInLeft .8s .45s cubic-bezier(.4,0,.2,1) both}.sec-chip{display:flex;align-items:center;gap:6px;background:#c9a96114;border:1px solid rgba(201,169,97,.2);border-radius:20px;padding:6px 14px;font-size:.72rem;color:#fff9;font-weight:500}.sec-chip .dot{width:6px;height:6px;background:#c9a961;border-radius:50%;animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.brand-line{position:absolute;right:0;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,rgba(201,169,97,.3) 30%,rgba(201,169,97,.5) 50%,rgba(201,169,97,.3) 70%,transparent)}.login-panel{background:#050505f2;border-left:1px solid rgba(201,169,97,.12);display:flex;flex-direction:column;justify-content:center;padding:48px 40px;overflow-y:auto;animation:slideInRight .8s cubic-bezier(.4,0,.2,1) both;position:relative}.login-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#C9A961,transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{opacity:.3;transform:scaleX(.6)}50%{opacity:1;transform:scaleX(1)}to{opacity:.3;transform:scaleX(.6)}}.panel-header{margin-bottom:28px}.panel-header h3{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}.panel-header p{font-size:.85rem;color:#fff6}.login-tabs{display:flex;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:4px;margin-bottom:24px;gap:2px}.login-tab{flex:1;padding:8px 4px;border-radius:7px;font-size:.78rem;font-weight:600;color:#fff6;cursor:pointer;text-align:center;border:none;background:transparent;transition:all .2s;letter-spacing:.02em}.login-tab.active{background:#d4af37;color:#000}.field-wrap{margin-bottom:16px}.field-wrap label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff6;margin-bottom:8px}.field-input{width:100%;padding:13px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.95rem;font-family:inherit;transition:all .25s;outline:none}.field-input::placeholder{color:#fff3}.field-input:focus{border-color:#c9a961;background:#c9a9610d;box-shadow:0 0 0 3px #c9a9611f,inset 0 1px #ffffff0d}.field-input:focus+.field-glow{opacity:1}.field-inner{position:relative}.field-glow{position:absolute;inset:-1px;border-radius:11px;background:radial-gradient(ellipse at 50% 0%,rgba(201,169,97,.15),transparent 70%);pointer-events:none;opacity:0;transition:opacity .25s}.forgot-link{text-align:right;margin-bottom:20px}.forgot-link a{font-size:.78rem;color:#c9a961;text-decoration:none;font-weight:600;transition:opacity .2s}.forgot-link a:hover{opacity:.7}.error-msg{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#fca5a5;padding:10px 14px;border-radius:8px;font-size:.8rem;margin-bottom:14px;display:none;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.btn-login{width:100%;padding:14px;background:linear-gradient(135deg,#d4af37,#f1c40f,#d4af37);background-size:200% auto;color:#000;font-weight:800;font-size:1rem;border:none;border-radius:10px;cursor:pointer;font-family:inherit;letter-spacing:.02em;transition:all .3s;position:relative;overflow:hidden}.btn-login:hover{background-position:right center;transform:translateY(-1px);box-shadow:0 8px 24px #d4af3766}.btn-login:active{transform:translateY(0)}.btn-login:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.15),transparent);border-radius:10px}.btn-login:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-dots{display:none;gap:4px;justify-content:center;align-items:center;height:20px}.loading-dots span{width:6px;height:6px;background:#000;border-radius:50%;animation:bounce .8s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:scale(.7)}40%{transform:scale(1.2)}}.divider{display:flex;align-items:center;gap:12px;margin:20px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#ffffff14}.divider span{font-size:.7rem;color:#ffffff40;white-space:nowrap}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.demo-btn{padding:8px 10px;border-radius:8px;font-size:.72rem;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#ffffff80;text-align:center;transition:all .2s;font-family:inherit}.demo-btn:hover{background:#c9a9611a;border-color:#c9a9614d;color:#c9a961}.panel-links{display:flex;gap:16px;justify-content:center;margin-top:20px;flex-wrap:wrap}.panel-links a{font-size:.75rem;color:#ffffff4d;text-decoration:none;transition:color .2s;font-weight:500}.panel-links a:hover{color:#c9a961}.code-inputs{display:flex;gap:8px;justify-content:center;margin:14px 0}.code-input{width:42px;height:50px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fff;font-size:1.3rem;font-weight:800;text-align:center;font-family:inherit;outline:none;transition:all .2s}.code-input:focus{border-color:#c9a961;box-shadow:0 0 0 3px #c9a96126}.panel-footer{margin-top:24px;text-align:center;font-size:.7rem;color:#fff3;line-height:1.6}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media(max-width:900px){.login-wrapper{grid-template-columns:1fr}.login-brand{display:none}.login-panel{padding:40px 28px;border-left:none}html,body{overflow-y:auto}}@media(max-width:480px){.login-panel{padding:32px 20px}}