.login-container{background:var(--color-sidebar-bg);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";pointer-events:none;background:radial-gradient(#00bcd40f 0%,#0000 70%);width:60%;height:80%;position:absolute;top:-40%;left:-20%}.login-container:after{content:"";pointer-events:none;background:radial-gradient(#fbba1d0a 0%,#0000 70%);width:50%;height:70%;position:absolute;bottom:-30%;right:-10%}.login-card{width:100%;max-width:420px;margin:var(--space-4);padding:var(--space-12) var(--space-8);background:var(--color-sidebar-bg-elevated);border:1px solid var(--color-sidebar-border);border-radius:var(--radius-lg);animation:.5s ease-out fadeIn;position:relative}.login-logo{margin-bottom:var(--space-8);justify-content:center;display:flex}.login-logo img{width:auto;height:44px}.login-title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);text-align:center;margin-bottom:var(--space-2);letter-spacing:var(--letter-spacing-wide)}.login-subtitle{font-size:var(--font-size-sm);color:var(--color-sidebar-text-muted);text-align:center;margin-bottom:var(--space-8)}.login-form{gap:var(--space-5);flex-direction:column;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-sidebar-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.form-input{font-family:var(--font-body);font-size:var(--font-size-base);padding:var(--space-3) var(--space-4);background:var(--color-sidebar-bg);border:1px solid var(--color-sidebar-border);border-radius:var(--radius-sm);color:var(--color-text-inverse);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.form-input::placeholder{color:var(--color-sidebar-text-muted);opacity:.6}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #00bcd426}.form-input--code{text-align:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:.18em}.login-button{width:100%;padding:var(--space-3) var(--space-6);background:var(--color-accent);color:var(--color-sidebar-bg);font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-none);cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast);margin-top:var(--space-2);border:none}.login-button:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.login-button:active{transform:translateY(0)}.login-divider{align-items:center;gap:var(--space-4);color:var(--color-sidebar-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin:var(--space-6) 0 var(--space-4);display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--color-sidebar-border);flex:1;height:1px}.login-footer{text-align:center;margin-top:var(--space-6);font-size:var(--font-size-sm);color:var(--color-sidebar-text-muted)}.login-footer a{color:var(--color-primary);font-weight:var(--font-weight-medium)}.login-footer a:hover{text-decoration:underline}.login-secondary-copy{color:var(--color-sidebar-text-muted);font-size:var(--font-size-sm);text-align:center;margin:0;line-height:1.5}.login-alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-sm);text-align:center}.login-alert--error{color:#ff6b6b;background:#d936361f;border:1px solid #d9363640}.login-alert--success{color:#6bcb77;background:#2e9e451f;border:1px solid #2e9e4540}.login-accent-bar{background:linear-gradient(90deg, var(--color-primary), var(--color-accent));border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}@media (max-width:480px){.login-card{padding:var(--space-8) var(--space-5);margin:var(--space-3);border-radius:var(--radius-md)}.login-title{font-size:var(--font-size-md)}}