.login-container{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:450px;box-shadow:0 10px 40px #0000004d,var(--shadow-glow);padding:2.5rem}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{background:linear-gradient(135deg,var(--primary)0%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.login-header p{color:#9ca3af;font-size:.95rem}.login-form{flex-direction:column;gap:1.5rem;display:flex}.login-form h2{margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#d1d5db;font-size:.875rem;font-weight:500}.form-group input{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);padding:.75rem 1rem;font-size:1rem;transition:all .2s}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.form-group input:disabled{opacity:.5;cursor:not-allowed}.code-input{text-align:center;letter-spacing:.5rem;font-size:1.5rem;font-weight:600}.info-text{color:#9ca3af;margin:-.5rem 0 .5rem;font-size:.875rem;line-height:1.5}.error-message{border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);text-align:center;background:#ef44441a;padding:.75rem 1rem;font-size:.875rem}.btn{margin-top:.5rem}.btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.login-card{padding:2rem 1.5rem}.login-header h1{font-size:1.5rem}}