.login-container{background:var(--bg-primary);min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-overlay{background:radial-gradient(circle at 30% 20%,var(--bg-radial-1)0%,transparent 50%),radial-gradient(circle at 70% 80%,var(--bg-radial-2)0%,transparent 50%);opacity:.4;pointer-events:none;position:absolute;inset:0}.login-panel-wrapper{z-index:var(--z-base);width:100%;max-width:450px;position:relative}.login-header{margin-bottom:var(--space-5);text-align:center}.login-logo{display:inline-block}.login-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-2);padding:var(--space-6);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-title{margin:0 0 var(--space-5)0;font-size:var(--font-size-5);font-weight:var(--font-weight-bold);color:var(--text-primary);text-align:center;text-transform:uppercase;letter-spacing:2px;line-height:var(--line-height-tight)}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.login-alert{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--danger-bg);border:1px solid var(--danger);border-radius:var(--radius-1);color:var(--danger-text);animation:.5s ease-in-out login-shake;display:flex}.login-alert__icon{background:var(--danger);color:#fff;width:20px;height:20px;font-size:var(--font-size-1);font-weight:var(--font-weight-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.login-alert__text{font-size:var(--font-size-1);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.login-field{gap:var(--space-1);flex-direction:column;display:flex}.login-label{font-size:var(--font-size-1);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.login-input-wrapper{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-1);transition:all var(--transition-fast);align-items:center;display:flex;position:relative}.login-input-wrapper:focus-within{border-color:var(--border-focus);outline:none}.login-input-wrapper:focus-within .login-input-corner{background:var(--corner-bg-focus)}.login-input{min-width:0;padding:var(--space-2)var(--space-3);color:var(--input-text);font-size:var(--font-size-base);font-family:var(--font-family-mono);text-transform:uppercase;background:0 0;border:none;outline:none;flex:1}.login-input:focus{box-shadow:none;border:none;outline:none}.login-input::placeholder{color:var(--input-placeholder);font-weight:var(--font-weight-normal)}.login-input:disabled{opacity:.7;cursor:not-allowed}.login-input-corner{top:var(--input-corner-size);right:var(--input-corner-size);background:var(--corner-bg);width:8px;height:8px;transition:background var(--transition-fast);pointer-events:none;position:absolute}.login-password-toggle{color:var(--text-secondary);cursor:pointer;padding:var(--space-1);margin-right:var(--space-2);border-radius:var(--radius-0);transition:all var(--transition-fast);background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.login-password-toggle:focus{outline:none}.login-password-toggle:hover{color:var(--accent)}.login-controls{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.login-switch{align-items:center;gap:var(--switch-gap);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.login-switch__input{display:none}.login-switch__slider{width:var(--switch-width);height:var(--switch-height);background:var(--switch-track);border:1px solid var(--switch-border);border-radius:var(--radius-4);transition:all var(--transition-base);flex-shrink:0;position:relative}.login-switch__slider:before{content:"";top:var(--switch-knob-offset);left:var(--switch-knob-offset);width:var(--switch-knob);height:var(--switch-knob);background:var(--switch-knob-color);transition:all var(--transition-base);border-radius:50%;position:absolute;box-shadow:0 2px 4px #0000001a}.login-switch__input:checked+.login-switch__slider{background:var(--switch-checked-border);border-color:var(--switch-checked-border)}.login-switch__input:checked+.login-switch__slider:before{background:var(--switch-checked-knob);transform:translateX(calc(var(--switch-width) - var(--switch-knob) - var(--switch-knob-offset)*2))}.login-switch__label{font-size:var(--font-size-1);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.login-forgot-link{font-size:var(--font-size-1);font-weight:var(--font-weight-medium);color:var(--text-link);text-transform:uppercase;letter-spacing:.5px;transition:color var(--transition-fast);text-decoration:none}.login-forgot-link:hover{color:var(--text-link-hover)}.login-btn{width:100%;padding:var(--space-3)var(--space-4);background:var(--btn-primary-bg);color:var(--btn-primary-text);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:1px;border-radius:var(--radius-1);cursor:pointer;transition:all var(--transition-fast);border:none;position:relative;overflow:hidden}.login-btn:before{content:"";width:100%;height:100%;transition:left var(--transition-base);background:linear-gradient(90deg,#0000,#fff3,#0000);position:absolute;top:0;left:-100%}.login-btn:hover{background:var(--btn-primary-hover);box-shadow:0 4px 12px var(--accent-glow);transform:translateY(-2px)}.login-btn:hover:before{left:100%}.login-btn:active{transform:translateY(0)}.login-btn:disabled{background:var(--btn-disabled-bg);color:var(--btn-disabled-text);cursor:not-allowed;box-shadow:none;transform:none}.login-btn:disabled:before{display:none}.login-footer{margin-top:var(--space-5);align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.login-footer__line{background:linear-gradient(90deg,transparent,var(--border-color),transparent);width:100%;height:1px}.login-footer__text{font-size:var(--font-size-1);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.login-footer__link{font-size:var(--font-size-1);font-weight:var(--font-weight-semibold);color:var(--text-link);text-transform:uppercase;letter-spacing:.5px;padding:var(--space-1)var(--space-2);border-radius:var(--radius-0);transition:all var(--transition-fast);text-decoration:none}.login-footer__link:hover{color:var(--text-link-hover);background:rgba(var(--accent),.1)}@keyframes login-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width:600px){.login-container{padding:var(--space-3)}.login-panel{padding:var(--space-4)}.login-title{font-size:var(--font-size-4)}.login-controls{align-items:flex-start;gap:var(--space-2);flex-direction:column}}