.login-container{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex;position:relative;overflow:hidden}.login-background{pointer-events:none;background:linear-gradient(135deg,#6e7c870f 0%,#0000 55%);position:absolute;inset:0}.login-wrapper{z-index:10;width:100%;max-width:420px;position:relative}.login-content{flex-direction:column;gap:24px;display:flex}.login-header{text-align:center}.logo-wrapper{justify-content:center;align-items:center;gap:12px;margin-bottom:8px;display:flex}.logo-badge{background:var(--primary-bg);border:1px solid var(--primary-border);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .3s,box-shadow .3s;display:inline-flex;box-shadow:0 6px 16px #6e7c871f}.login-header:hover .logo-badge{transform:translateY(-2px);box-shadow:0 10px 20px #6e7c8729}.logo-icon{width:28px;height:28px}.logo-title{color:var(--text-primary);margin:0;font-size:24px;font-weight:600;line-height:1.2}.logo-subtitle{color:var(--text-secondary);letter-spacing:.3px;margin:4px 0 0;font-size:13px}.login-card{background:var(--bg-secondary);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:32px 24px;box-shadow:0 8px 22px #6e7c871f}.login-card-header{text-align:center;margin-bottom:28px}.login-card-header h2{color:var(--text-primary);margin:0 0 8px;font-size:20px;font-weight:600}.login-card-header p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-primary);-webkit-user-select:none;user-select:none;margin:0;font-size:13px;font-weight:500;display:block}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{width:18px;height:18px;color:var(--text-muted);pointer-events:none;z-index:1;transition:color .2s;position:absolute;left:12px}.form-input{border:1.5px solid var(--border);background:var(--bg-secondary);width:100%;height:44px;color:var(--text-primary);border-radius:8px;padding:0 40px;font-family:inherit;font-size:14px;transition:all .2s}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--primary);background:var(--bg-secondary);outline:none;box-shadow:0 0 0 3px #6e7c8726}.form-input:hover:not(:focus):not(:disabled){border-color:var(--border-dark)}.form-input:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;opacity:.6}.form-input.input-valid{border-color:var(--success);background:var(--bg-secondary)}.form-input.input-valid:focus{box-shadow:0 0 0 3px #6e7c8726}.form-input.input-error{border-color:var(--critical);background:var(--bg-secondary)}.form-input.input-error:focus{box-shadow:0 0 0 3px #d4a9772e}.input-check{width:18px;height:18px;color:var(--success);pointer-events:none;z-index:2;animation:.2s slideIn;position:absolute;right:12px}.password-toggle{cursor:pointer;color:var(--text-muted);z-index:2;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:12px}.password-toggle:hover:not(:disabled){color:var(--text-secondary)}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.eye-icon{width:18px;height:18px}.form-error-message{color:var(--critical);margin-top:-4px;font-size:12px;font-weight:500}.error-alert{background:var(--critical-bg);border:1px solid var(--critical-border);border-radius:8px;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.error-icon{width:20px;height:20px;color:var(--critical);flex-shrink:0;margin-top:2px}.error-content{flex-direction:column;flex:1;gap:2px;display:flex}.error-title{color:var(--text-primary);margin:0;font-size:13px;font-weight:600}.error-message{color:var(--text-secondary);opacity:.9;margin:0;font-size:12px}.login-button{border-radius:8px;height:44px;margin-top:8px;font-size:14px;font-weight:600;transition:all .2s}.login-button:not(:disabled){background:var(--primary);color:#fff;border:none;box-shadow:0 8px 18px #6e7c872e}.login-button:not(:disabled):hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 12px 22px #6e7c8738}.login-button:not(:disabled):active{transform:translateY(0);box-shadow:0 4px 10px #6e7c8729}.login-button:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;opacity:.5}.login-footer{text-align:center;border-top:1px solid var(--border-light);flex-direction:column;gap:6px;padding-top:12px;display:flex}.footer-text{color:var(--text-secondary);margin:0;font-size:12px}.footer-security{color:var(--text-muted);justify-content:center;align-items:center;gap:4px;margin:0;font-size:11px;display:flex}.login-hint{text-align:center;background:var(--primary-bg);border:1px solid var(--primary-border);border-radius:8px;padding:16px}.login-hint p{color:var(--text-primary);margin:0;font-size:12px;line-height:1.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out fadeIn}.animate-slide-in{animation:.2s ease-out slideIn}@media (max-width:374px){.login-container{padding:12px}.login-card{padding:24px 16px}.login-content{gap:20px}.logo-badge{width:40px;height:40px}.logo-icon{width:24px;height:24px}.logo-title{font-size:20px}.logo-subtitle{font-size:12px}.login-card-header h2{font-size:18px}.form-input,.login-button{height:40px;font-size:13px}}@media (max-width:424px){.login-card{padding:28px 20px}.login-form{gap:18px}}@media (min-width:425px){.login-wrapper{max-width:440px}.login-card{padding:36px 28px}.login-content{gap:28px}.login-card-header{margin-bottom:32px}.login-form{gap:22px}.form-input,.login-button{height:48px;font-size:15px}.form-input{padding:0 44px}.input-icon{width:20px;height:20px;left:14px}.input-check,.password-toggle{width:20px;height:20px;right:14px}.eye-icon{width:20px;height:20px}}@media (min-width:768px){.login-wrapper{max-width:460px}.logo-title{font-size:26px}.login-card-header h2{font-size:22px}.login-card-header p,.form-label{font-size:14px}.form-error-message{font-size:13px}.error-alert{padding:14px 18px}.error-icon{width:22px;height:22px}.error-title{font-size:14px}.error-message,.login-hint p{font-size:13px}}@media (min-width:1024px){.login-wrapper{max-width:480px}.login-background{background:linear-gradient(135deg,#6e7c8714 0%,#0000 55%)}.login-card{border:1px solid var(--border);box-shadow:0 16px 32px #6e7c8729}.form-input:focus{box-shadow:0 0 0 4px #6e7c872e}}@media (prefers-contrast:more){.login-card,.form-input,.form-input:focus{border-width:2px}}@media (prefers-reduced-motion:reduce){.logo-badge,.form-input,.login-button,.input-wrapper,.password-toggle,.input-check{transition:none}.animate-fade-in,.animate-slide-in{animation:none}}@media print{.login-container{display:none}}