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