.auth-container{background-color:var(--color-surface);justify-content:center;align-items:center;min-height:80vh;padding:2rem;display:flex}.auth-card{border:1px solid var(--color-gray-200);background:#fff;border-radius:12px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.auth-title{color:var(--color-ink);text-align:center;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.auth-subtitle{text-align:center;color:var(--color-gray-500);margin-bottom:2rem;font-size:.875rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-form .form-group{flex-direction:column;gap:.5rem;display:flex}.auth-form label{color:var(--color-ink);font-size:.875rem;font-weight:500}.auth-form input{border:1px solid var(--color-gray-200);border-radius:6px;padding:.75rem;font-size:.875rem;transition:border-color .2s}.auth-form input:focus{border-color:var(--color-primary);outline:none}.btn-auth{background-color:var(--color-ink);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:.5rem;padding:.875rem;font-weight:500;transition:opacity .2s}.btn-auth:hover{opacity:.9}.btn-auth:disabled{opacity:.5;cursor:not-allowed}.auth-link{text-align:center;color:var(--color-gray-500);margin-top:1.5rem;font-size:.875rem}.auth-link a{color:var(--color-primary);font-weight:500;text-decoration:none}.auth-link a:hover{text-decoration:underline}.auth-error{color:#991b1b;text-align:center;background-color:#fef2f2;border-radius:6px;margin-bottom:1.5rem;padding:.75rem;font-size:.875rem}.auth-success{color:#166534;text-align:center;background-color:#f0fdf4;border-radius:6px;margin-bottom:1.5rem;padding:.75rem;font-size:.875rem}