.login-page{max-width:760px}.login-card{margin-top:24px;padding:clamp(24px,5vw,48px);border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 12px 34px rgba(13,38,52,.08)}.login-card h1{font-size:clamp(2.2rem,5vw,3.7rem);margin:8px 0 16px}.login-card .lead{margin:0;max-width:570px}.login-tabs{display:flex;gap:20px;margin:-4px 0 32px;border-bottom:1px solid var(--line)}.login-tabs button{padding:0 0 12px;border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);font:inherit;font-weight:800;cursor:pointer}.login-tabs button.active{border-color:var(--accent);color:var(--ink)}.login-form{display:grid;grid-gap:12px;gap:12px;margin-top:28px;max-width:520px}.login-form label{font-size:.88rem;font-weight:800}.label-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.login-form input{min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);font:inherit}.login-form .button{width:max-content;margin-top:8px}.login-message{margin:24px 0 0;padding:14px 16px;border-radius:6px;background:var(--soft);color:var(--ink)}.text-link{padding:0;border:0;background:none;color:var(--accent);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.login-alternative{margin:22px 0 0}.login-help{margin:30px 0 0;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem}.login-help i{margin-right:6px;color:var(--accent)}@media(max-width:560px){.login-card{margin-top:18px}.login-tabs{gap:16px}.label-row{align-items:flex-start;flex-direction:column;gap:4px}.login-form .button{width:100%;text-align:center}}