@font-face{font-family:Roboto;src:url(roboto-regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Roboto;src:url(roboto-semibold.woff2) format('woff2');font-weight:600 900;font-display:swap}
:root{font-family:Roboto,Arial,sans-serif;color:#3c3c3b;background:#f6f6f6;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}header{height:72px;background:#fff;border-bottom:1px solid #e1e1e1;display:flex;align-items:center;padding:0 28px}
.brand{display:flex;align-items:center;gap:11px;color:#d43047;font-size:19px;font-weight:600;letter-spacing:.3px}.brand small{display:block;font-size:12px;letter-spacing:1.8px;margin-top:3px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:#d43047;border-radius:10px;color:#fff;font-size:29px}
main{min-height:calc(100dvh - 72px);display:grid;place-items:center;padding:40px 20px}.login-card{width:100%;max-width:440px;padding:40px;background:#fff;border:1px solid #e1e1e1;border-radius:9px;box-shadow:0 6px 24px #2727250d}
.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.7px;font-weight:600;color:#707070;margin:0 0 20px}.eyebrow span{width:19px;height:2px;background:#d43047}h1{font-size:30px;letter-spacing:-1px;line-height:1.2;color:#d43047;font-weight:600;margin:0 0 13px}.intro{font-size:14px;line-height:1.65;color:#707070;margin:0 0 30px}
label{display:block;font-size:13px;font-weight:600;margin:19px 0 8px}input{width:100%;height:46px;border:1px solid #d0d0cd;border-radius:6px;padding:0 12px;font:inherit;font-size:15px;color:inherit;background:#fafafa}input:focus-visible,button:focus-visible{outline:3px solid #d4304777;outline-offset:3px}button{margin-top:26px;display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:6px;padding:14px 16px;font:inherit;font-size:14px;font-weight:600;background:#d43047;color:#fff;cursor:pointer}button:hover{background:#b9273d}.error{font-size:13px;line-height:1.6;padding:12px;border:1px solid #edcdd2;border-radius:6px;background:#fcf2f3;color:#a52539}
@media(max-width:480px){header{padding:0 20px}.login-card{padding:30px 24px}h1{font-size:27px}}
.app-choices{display:grid;gap:14px}.app-choice{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:50px;padding:14px 16px;border:1px solid #d43047;border-radius:6px;background:#d43047;color:#fff;text-decoration:none;font-size:14px;font-weight:600}.app-choice:hover{background:#b9273d;border-color:#b9273d}.app-choice-secondary{background:#fff;color:#d43047}.app-choice-secondary:hover{background:#fcf2f3}.app-choice:focus-visible{outline:3px solid #d4304777;outline-offset:3px}