:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#25313b;background:#f5f6f4}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:28px 20px}.login{width:100%;max-width:390px;background:#fff;border:1px solid #e0e8e5;border-radius:18px;padding:28px;box-shadow:0 12px 40px #233b390a}.logo{display:block;max-width:100%;width:300px;height:auto;margin:0 auto 24px}label{display:block;font-size:13px;font-weight:650;margin:18px 0 7px;color:#42565d}input{width:100%;border:1px solid #d8e1e0;border-radius:9px;padding:12px;font:inherit;background:white;color:#24353d}button{width:100%;margin-top:24px;border:1px solid #177e78;background:#177e78;color:white;border-radius:10px;padding:12px;font:inherit;font-weight:700;cursor:pointer}button:hover{background:#126e68}button:focus-visible,input:focus-visible{outline:3px solid #2d9e96;outline-offset:3px}.error{font-size:13px;line-height:1.5;background:#fff6e7;color:#805a1f;padding:12px;border-radius:10px}@media(max-width:420px){.login{padding:24px}}
:root .logo{margin-bottom:0}
.tagline{margin:0 0 28px;text-align:center;font-size:14px;line-height:1.5;font-weight:500;color:#466865}

.notice,.small{font-size:13px;line-height:1.6;color:#466865}.login a{color:#177e78}#id_code{font-size:24px;letter-spacing:6px;text-align:center}