:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#202020;background:#f5f5f4}*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px}.access-card{width:min(100%,430px);padding:42px;background:#fff;border:1px solid #dcdcdc;box-shadow:0 16px 48px #2020200b}.brand{font-size:18px;font-weight:700;letter-spacing:.04em}.brand span{display:block;margin-top:2px;color:#8c8c8c;font-size:10px;letter-spacing:.18em}.eyebrow{margin-top:45px;color:#213a5b;font-size:11px;font-weight:700;letter-spacing:.18em}h1{margin:12px 0 10px;font-size:27px;line-height:1.3}p{color:#656565;font-size:14px;line-height:1.7}form{display:grid;gap:10px;margin-top:28px}label{font-size:13px;font-weight:600}input{width:100%;height:45px;padding:0 12px;border:1px solid #bbb;border-radius:3px;font:inherit}input:focus{outline:2px solid #213a5b;outline-offset:1px}button{height:45px;margin-top:7px;border:0;border-radius:3px;background:#213a5b;color:white;font:inherit;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.message{min-height:24px;margin:12px 0 0;color:#a43d32}.footnote{margin-top:30px;padding-top:16px;border-top:1px solid #ececec;color:#888;font-size:12px;line-height:1.6}@media(max-width:480px){.access-card{padding:30px 24px}}