.login-container{max-width:400px;margin:3rem auto;padding:2rem;background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.login-card{max-width:360px;margin:2.5rem auto}.login-container h1{margin-bottom:1.5rem;text-align:center;color:var(--color-text-primary)}.login-form .form-group{margin-bottom:1.25rem}.login-form label{display:block;margin-bottom:0.4rem;font-weight:500;color:var(--color-text-primary)}.login-form input[type="email"],.login-form input[type="password"]{width:100%;padding:var(--input-padding-v) var(--input-padding-h);border:var(--input-border-width) solid var(--color-border);border-radius:var(--input-border-radius);font-size:1rem;transition:var(--input-transition)}.login-form input:focus{outline:none;border-color:var(--color-brand);box-shadow:var(--input-focus-ring)}.login-form button[type="submit"]{width:100%;padding:0.75rem;font-size:1rem;margin-top:0.5rem}.login-card .form-actions .btn{width:100%;padding:0.75rem;font-size:1rem}@media (max-width:768px){.login-container{max-width:100%;margin:1rem auto;padding:1.25rem 1rem;border-radius:8px}.login-card{margin:1rem auto}.login-container h1{font-size:1.5rem;margin-bottom:1.25rem}.login-form .form-group{margin-bottom:0.9rem}.login-form label{font-size:0.95rem;margin-bottom:0.35rem}.login-form input[type="email"],.login-form input[type="password"]{font-size:1rem;padding:0.6rem 0.75rem}.login-form button[type="submit"]{padding:0.55rem;font-size:0.9rem;margin-top:0.4rem}}