:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#183e36;background:#f4f5ee}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:28px 18px}main{width:min(100%,480px)}.brand{color:#164f44;font-size:28px;letter-spacing:-1px;font-weight:800;text-decoration:none}.eyebrow{font-size:11px;letter-spacing:2px;margin:38px 0 10px;color:#748275}h1{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:0 0 12px}.intro{line-height:1.6;color:#647268;margin-bottom:28px}.card{background:white;padding:30px;border:1px solid #dce3d8;border-radius:24px;box-shadow:0 12px 40px #183e3608}label{display:block;font-size:14px;font-weight:600;margin-bottom:20px}input{display:block;width:100%;padding:14px;margin-top:9px;font:inherit;border:1px solid #ced9ce;border-radius:10px;background:#fcfdf9;color:#183e36}input:focus{outline:2px solid #afc79f;outline-offset:2px}button,.primary{font:inherit;cursor:pointer;border:0}button:disabled{opacity:.6;cursor:wait}.primary{display:block;text-align:center;text-decoration:none;width:100%;border-radius:11px;padding:14px;background:#164f44;color:white;font-weight:600}.switches{display:flex;justify-content:space-between;gap:15px;margin-top:18px}.switches button,.text-button{background:none;color:#36604e;padding:5px 0;font-size:13px;text-decoration:underline}.legacy{text-align:center;display:block;font-size:14px;color:#36604e;margin-top:24px}#auth-notice{font-size:14px;line-height:1.6;color:#4d6554;margin:16px 0 0;overflow-wrap:anywhere;min-height:1.5em}.foot{font-size:12px;color:#748275;text-align:center;margin-top:24px}a:focus-visible,button:focus-visible{outline:2px solid #8dab70;outline-offset:4px}[hidden]{display:none!important}@media(max-width:450px){.card{padding:24px}h1{font-size:29px}.eyebrow{margin-top:28px}}

.switches{flex-wrap:wrap;justify-content:flex-start;gap:8px 18px}.switches button:last-child{flex-basis:100%;text-align:left}.form-help{font-size:12px;line-height:1.6;color:#647268;margin:-10px 0 18px}#recovery-retry{margin-top:18px}.card input{font-size:16px}#auth-submit{min-height:48px}

/* Paytida wordmark: appointment clock inside the P. */
.brand::before{content:"";display:inline-block;width:1.12em;height:1.12em;flex:0 0 1.12em;background:url("/paytida-mark.svg") center/contain no-repeat}.brand{display:inline-flex;align-items:center;gap:.32em}