:root{color-scheme:light}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:28px;background:#f2f5f7;color:#263746;font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.access-card{width:min(420px,100%);padding:42px 38px 32px;border:1px solid #e1e7ec;border-radius:20px;background:#fff;box-shadow:0 18px 52px rgba(21,43,60,.07)}
.logo{display:block;width:188px;height:auto;max-width:75%;margin:0 auto 22px}
h1{margin:0 0 24px;font-size:24px;line-height:1.2;letter-spacing:-.035em;text-align:center;font-weight:750}
.intro{margin:-9px 0 24px;text-align:center;color:#6c7b88;font-size:13px}
.field{margin:0 0 17px}.field label{display:block;margin:0 0 7px;font-size:12px;font-weight:700;color:#354b5c}
.field input{display:block;width:100%;height:47px;padding:0 13px;border:1px solid #cbd5dd;border-radius:8px;background:#fff;color:#203546;font:inherit;outline:none}
.field input:focus{border-color:#0b5ca8;box-shadow:0 0 0 3px rgba(11,92,168,.12)}
.field input::placeholder{color:#9baab6}
.submit{width:100%;height:47px;border:0;border-radius:8px;background:#0b5ca8;color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.submit:hover{background:#084985}
.actions{display:flex;justify-content:flex-end;margin:-2px 0 21px}.actions a,.back{font-size:12px;font-weight:650;color:#0b5ca8;text-decoration:none}.actions a:hover,.back:hover{text-decoration:underline}
.back{display:block;text-align:center;margin:18px 0 0}
.message{margin:0 0 18px;padding:11px 12px;border:1px solid #ffd3cc;border-radius:8px;background:#fff3f0;color:#9c382e;font-size:12px}
.message.ok{border-color:#b9e6d4;background:#eefaf4;color:#167454}
.foot{margin:24px 0 0;color:#99a6b0;font-size:11px;text-align:center}
@media(max-width:480px){body{padding:16px}.access-card{padding:34px 24px 26px}}