:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#17233b;background:#f3f5f8;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{min-height:100dvh;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:7vw;max-width:1220px;padding:64px 48px;margin:auto}.brand{font-size:42px;font-weight:800;color:#17233b;text-decoration:none;letter-spacing:-2px}.brand span{color:#166e62}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#456259;margin:48px 0 14px}h1{font-size:clamp(30px,4.2vw,52px);line-height:1.15;letter-spacing:-1.6px;margin:0 0 28px}h2{font-size:28px;line-height:1.2;margin:8px 0 16px}.intro>p:not(.eyebrow){max-width:400px;color:#4f5e74}.intro>small{display:block;margin-top:64px;color:#526177}.card{background:white;border:1px solid #dce3eb;border-radius:20px;padding:40px;box-shadow:0 20px 60px #18294108}.card>.eyebrow{margin-top:0}.card>p,.card small{color:#526177}form{display:grid;gap:10px;margin:24px 0}label{font-weight:600}input{width:100%;font:inherit;border:1px solid #bcc8d4;border-radius:8px;padding:12px;margin-bottom:10px}button{font:inherit;font-weight:650;color:white;background:#116d60;border:0;border-radius:9px;padding:14px;min-height:48px;cursor:pointer;margin-top:8px}button:hover{background:#0c594f}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid #2584ce;outline-offset:3px}[hidden]{display:none!important}#error{color:#a82530}#status{color:#146657}@media(max-width:760px){main{display:block;padding:28px 20px}.intro h1{font-size:30px}.intro .eyebrow{margin-top:20px}.intro>small{display:none}.intro>p:not(.eyebrow){display:none}.card{padding:24px;margin-top:28px}.brand{font-size:30px}}
.text-button{background:transparent;color:#116d60;padding:8px 4px;margin:0;text-decoration:underline;text-underline-offset:3px;font-size:14px}.text-button:hover{background:#eaf5f2;color:#0c594f}.field-hint{font-size:14px;color:#526177;margin:0 0 6px}#status:not(:empty){background:#eef8f4;padding:12px;border-radius:8px}#error:not(:empty){background:#fff2f2;padding:12px;border-radius:8px}#heading:focus{outline:none}
@media(max-width:760px){body[data-mode="reset"] .intro h1,body[data-mode="reset"] .intro .eyebrow,body[data-mode="forgot"] .intro h1,body[data-mode="forgot"] .intro .eyebrow,body[data-mode="password"] .intro h1,body[data-mode="password"] .intro .eyebrow{display:none}}