:root{--bg-soft:#faf9f6;--bg-soft-2:#f0ede6;--c-text:#1a1a1a;--c-muted:#64748b;--c-light:#94a3b8;--c-border:#e2e8f0;--c-danger:#dc2626;--c-primary:#1a1a1a}*{box-sizing:border-box}html,body{color:var(--c-text);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-page{background:linear-gradient(135deg, var(--bg-soft) 0%, var(--bg-soft-2) 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{border:1px solid var(--c-border);background:#fff;border-radius:12px;width:100%;max-width:420px;padding:48px 40px;box-shadow:0 10px 40px #00000014}.login-brand{text-align:center;margin-bottom:40px}.brand-name{letter-spacing:.3em;color:var(--c-text);margin:0 0 2px;font-family:Playfair Display,Georgia,serif;font-size:2.5rem;font-weight:300}.brand-sub{letter-spacing:.5em;color:var(--c-light);font-size:.75rem;font-weight:300;display:block}.brand-tagline{color:var(--c-muted);margin-top:12px;font-size:.875rem;font-style:italic}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--c-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8125rem;font-weight:500}.input-field{border:1px solid var(--c-border);width:100%;color:var(--c-text);background:#fff;border-radius:6px;padding:10px 14px;font-size:1rem;transition:border-color .15s}.input-field:focus{border-color:var(--c-primary);outline:none}.login-btn{background:var(--c-primary);color:#fff;letter-spacing:.05em;cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:8px;padding:12px;font-size:1rem;font-weight:500;transition:opacity .15s}.login-btn:hover:not(:disabled){opacity:.85}.login-btn:disabled{opacity:.5;cursor:not-allowed}.error-msg{color:var(--c-danger);text-align:center;background:#fef2f2;border-radius:6px;margin:0;padding:8px;font-size:.875rem}.info-msg{color:#1e40af;text-align:center;background:#dbeafe;border-radius:6px;margin:0;padding:12px;font-size:.875rem;line-height:1.5}.hint{color:var(--c-light);text-align:center;margin:4px 0 0;font-size:.75rem}.otp-field{text-align:center;letter-spacing:.5em;font-family:monospace;font-size:1.5rem}.login-footer{text-align:center;color:var(--c-light);margin-top:32px;font-size:.8125rem}