.login-overlay{z-index:10000;background:#001230;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0;overflow:hidden}.login-canvas-container{pointer-events:none;z-index:0;width:100vw;height:100vh;position:absolute;top:0;left:0;overflow:hidden}.login-canvas-svg{width:100%;height:100%;display:block}.wave-ribbon-top{animation:12s ease-in-out infinite alternate ribbonGlowTop}.wave-ribbon-bottom{animation:14s ease-in-out infinite alternate ribbonGlowBottom}@keyframes ribbonGlowTop{0%{filter:drop-shadow(0 0 6px #f59e0b66)drop-shadow(0 0 16px #f59e0b40)}50%{filter:drop-shadow(0 0 14px #fbbf24cc)drop-shadow(0 0 28px #f59e0b73)}to{filter:drop-shadow(0 0 8px #fbbf2499)drop-shadow(0 0 20px #f59e0b59)}}@keyframes ribbonGlowBottom{0%{filter:drop-shadow(0 0 6px #f59e0b66)drop-shadow(0 0 16px #f59e0b40)}50%{filter:drop-shadow(0 0 14px #fbbf24cc)drop-shadow(0 0 32px #f59e0b80)}to{filter:drop-shadow(0 0 8px #fbbf2499)drop-shadow(0 0 20px #f59e0b59)}}.wave-ribbon-gleam{pointer-events:none}.wave-ribbon-gleam-top{stroke-dasharray:280 1400;animation:16s cubic-bezier(.4,0,.2,1) infinite waterGleamFlowTop}.wave-ribbon-gleam-bottom{stroke-dasharray:260 1200;animation:18s cubic-bezier(.4,0,.2,1) infinite waterGleamFlowBottom}@keyframes waterGleamFlowTop{0%{stroke-dashoffset:1680px;opacity:.15}25%{opacity:.95}75%{opacity:.85}to{stroke-dashoffset:-1680px;opacity:.15}}@keyframes waterGleamFlowBottom{0%{stroke-dashoffset:1460px;opacity:.15}25%{opacity:.95}75%{opacity:.85}to{stroke-dashoffset:-1460px;opacity:.15}}.wave-line-top{animation:14s ease-in-out infinite alternate waveLineShimmer}.wave-line-bottom{animation:16s ease-in-out infinite alternate waveLineShimmer}@keyframes waveLineShimmer{0%{opacity:.7}50%{opacity:1;stroke:#fff}to{opacity:.85}}.halftone-tr{transform-origin:100% 0;animation:10s ease-in-out infinite alternate halftoneFloatTR}.halftone-bl{transform-origin:0 100%;animation:10s ease-in-out infinite alternate halftoneFloatBL}@keyframes halftoneFloatTR{0%{opacity:.85;transform:scale(1)}to{opacity:1;transform:scale(1.03)}}@keyframes halftoneFloatBL{0%{opacity:.85;transform:scale(1)}to{opacity:1;transform:scale(1.03)}}.white-dot-matrix{animation:6s ease-in-out infinite alternate whiteMatrixPulse}@keyframes whiteMatrixPulse{0%{opacity:.65}to{opacity:.95}}.login-card{-webkit-backdrop-filter:blur(28px)saturate(180%);z-index:2;background:#08142abf;border-radius:20px;width:100%;max-width:416px;animation:.9s cubic-bezier(.16,1,.3,1) forwards cardEntranceSmooth;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #020617d9,0 0 0 1px #ffffff1f,inset 0 1px #ffffff29}.login-card:before{content:"";z-index:5;background:linear-gradient(90deg,#00529c 0%,#0284c7 35%,#f97316 70%,#fb923c 100%);height:2px;position:absolute;top:0;left:0;right:0}@keyframes cardEntranceSmooth{0%{opacity:0;transform:scale(.92)translateY(40px)perspective(1000px)rotateX(8deg);box-shadow:0 0 #0000}to{opacity:1;transform:scale(1)translateY(0)perspective(1000px)rotateX(0);box-shadow:0 25px 60px -15px #020617d9,0 0 0 1px #ffffff1f,inset 0 1px #ffffff29}}.animate-entrance-1{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) .1s forwards slideUpFade}.animate-entrance-2{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) .2s forwards slideUpFade}.animate-entrance-3{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) .3s forwards slideUpFade}.animate-entrance-4{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) .4s forwards slideUpFade}.animate-entrance-5{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) .5s forwards slideUpFade}@keyframes slideUpFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;background:linear-gradient(#1e4e8c38 0%,#0d1f3800 100%);border-bottom:1px solid #ffffff14;padding:30px 24px 18px;position:relative}.brand-badges-wrapper{justify-content:center;align-items:center;gap:14px;margin-bottom:16px;display:flex}.brand-badge-box{-webkit-backdrop-filter:none;box-shadow:none;box-sizing:border-box;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;height:auto;padding:0;transition:transform .25s,filter .25s;display:flex}.brand-badge-box.brand-badge-kopera,.brand-badge-box.brand-badge-bri{padding:0}.brand-badge-box:hover{filter:drop-shadow(0 4px 12px #ffffff40);background:0 0;border-color:#0000;transform:translateY(-2px)}.brand-badge-box img{object-fit:contain;width:auto}.brand-badge-box .brand-logo-kopera{object-fit:contain;filter:drop-shadow(0 2px 8px #0000004d);width:auto;height:26px}.brand-badge-box .brand-logo-bri{object-fit:contain;filter:drop-shadow(0 2px 8px #0000004d);width:auto;height:30px}.brand-divider{color:#94a3b8;-webkit-user-select:none;user-select:none;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:600;display:inline-flex}.login-header h2{color:#f8fafc;letter-spacing:.2px;margin-bottom:4px;font-size:15px;font-weight:700}.login-header p{color:#94a3b8;letter-spacing:.1px;font-size:12px;font-weight:400}.login-body{padding:22px 24px 24px}.login-form-group{text-align:left;margin-bottom:18px}.login-form-group label{color:#cbd5e1;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:12.5px;font-weight:600;display:flex}.dev-mode-hint{color:#64748b;text-align:center;justify-content:center;align-items:center;gap:5px;margin-top:6px;font-size:11px;line-height:1.4;display:flex}.dev-mode-hint svg{color:#94a3b8;flex-shrink:0}.input-icon-container{align-items:center;display:flex;position:relative}.input-icon-container .input-icon{color:#64748b;pointer-events:none;justify-content:center;align-items:center;font-size:15px;transition:color .2s;display:flex;position:absolute;left:14px}.login-input{color:#fff;box-sizing:border-box;background:#0a162ca6;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;height:42px;padding:0 14px 0 42px;font-size:13.5px;transition:border-color .2s,background-color .2s,box-shadow .2s}.login-input::placeholder{color:#64748b;font-size:12.5px}.login-input:hover{background:#0c1a34cc;border-color:#ffffff38}.login-input:focus{background:#0c1a34f2;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf82e}.login-input:focus+.input-icon,.input-icon-container:focus-within .input-icon{color:#38bdf8}.login-input.code-input{letter-spacing:6px;text-align:center;color:#fb923c;font-variant-numeric:tabular-nums;padding-left:14px;font-size:16px;font-weight:700}.login-input.code-input::placeholder{letter-spacing:normal;color:#64748b;font-size:12px;font-weight:400}.login-input.code-input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f9731638}.btn-login{color:#fff;letter-spacing:.2px;cursor:pointer;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;margin-top:14px;padding:0 20px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #ea580c61}.btn-login:hover:not(:disabled){background:linear-gradient(135deg,#fb923c 0%,#f97316 100%);transform:translateY(-1px);box-shadow:0 6px 20px #ea580c7a}.btn-login:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #ea580c4d}.btn-login:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff38 50%,#fff0 100%);width:50%;height:100%;animation:5s infinite btnShine;position:absolute;top:0;left:-100%;transform:skew(-25deg)}@keyframes btnShine{0%{left:-100%}20%{left:200%}to{left:200%}}.btn-login:disabled{opacity:.7;cursor:wait;transform:none}.btn-login.btn-disabled-locked{box-shadow:none!important;cursor:not-allowed!important;opacity:.85!important;color:#64748b!important;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)!important;border:1px solid #ffffff14!important}.lockout-banner{-webkit-backdrop-filter:blur(16px);background:#0a182cd9;border:1.5px solid #f3702159;border-radius:14px;align-items:center;gap:14px;margin-top:16px;padding:14px 16px;animation:.3s cubic-bezier(.16,1,.3,1) cardScaleUp;display:flex;box-shadow:0 8px 24px -4px #00000080,inset 0 0 16px #f370210f}.lockout-icon-box{background:#f370211f;border:1px solid #f370214d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.lockout-content{text-align:left;flex:1}.lockout-title{color:#ffab76;text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:700}.lockout-subtitle{color:#cbd5e1;align-items:center;gap:6px;margin-top:3px;font-size:13px;font-weight:500;display:flex}.lockout-timer-count{color:#f37021;letter-spacing:1.5px;background:#0f172ae6;border:1px solid #f3702166;border-radius:8px;padding:3px 10px;font-family:Plus Jakarta Sans,monospace;font-size:15px;font-weight:800;box-shadow:0 0 12px #f3702133}.login-footer-badge{color:#64748b;letter-spacing:.1px;border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:6px;margin-top:20px;padding-top:14px;font-size:11px;font-weight:500;display:flex}.login-footer-badge svg{color:#10b981}