:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#1f2329;background:#f5f6f7;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:24px}
.access-card{width:min(100%,400px);background:#fff;border:1px solid #dee0e3;border-radius:12px;padding:36px 32px 24px;box-shadow:0 8px 28px #1f232908}
.appmark{display:block;object-fit:contain;margin-bottom:22px}
h1{font-size:26px;font-weight:600;line-height:1.4;margin:0 0 6px;letter-spacing:.02em}
.subtitle{font-size:14px;color:#646a73;margin:0 0 30px;line-height:1.6}
label{display:block;font-size:14px;font-weight:500;margin-bottom:9px}
input,button{width:100%;font:inherit;font-size:15px;border-radius:6px;min-height:44px}
input{border:1px solid #bbbfc4;padding:10px 12px;background:#fff;color:#1f2329;outline:none}
input:focus{border-color:#3370ff;box-shadow:0 0 0 3px #3370ff18}
button{display:block;border:0;background:#3370ff;color:#fff;font-weight:500;margin-top:16px;cursor:pointer}
button:hover{background:#245bdb}button:disabled{opacity:.6;cursor:wait}
button:focus-visible{outline:3px solid #9dbaff;outline-offset:3px}
#access-message{color:#c93c3c;font-size:13px;line-height:1.6;min-height:21px;margin:10px 0 0}
.save-note{font-size:12px;line-height:1.7;color:#8f959e;margin:20px 0 0;padding-top:18px;border-top:1px solid #eff0f1}
@media(max-width:440px){body{padding:16px}.access-card{padding:28px 24px 22px}}