*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#edf7fc;color:#172838;font-family:Arial,sans-serif;padding:24px}.access{width:min(100%,420px);background:#fff;padding:32px;border:1px solid #ccdce5;border-radius:16px;box-shadow:0 8px 30px #17304712}.eyebrow{font-size:14px;color:#547082;margin:0 0 10px}h1{font-size:30px;line-height:1.2;margin:0 0 14px}p{line-height:1.5}label{display:block;font-weight:700;margin:24px 0 8px}input,button{width:100%;font:inherit;border-radius:7px;padding:13px}input{border:1px solid #8299aa}button{margin-top:16px;border:0;background:#2357a2;color:#fff;font-weight:700;cursor:pointer}button:hover{background:#17427e}input:focus-visible,button:focus-visible{outline:3px solid #d3a62b;outline-offset:3px}.error{color:#a31c29;margin:14px 0 0}.note{font-size:14px;color:#547082;margin:22px 0 0}