*{box-sizing:border-box}html,body{margin:0;min-height:100%}
body{font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:#0B1220;color:#0f172a;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px 16px}
.access{width:100%;max-width:380px}
.access-card{background:#fff;border-radius:18px;padding:32px 28px;box-shadow:0 20px 50px rgba(0,0,0,.35);text-align:center}
.access-logo{display:block;margin:0 auto 10px}
.access-card h1{margin:0;font-size:24px;letter-spacing:.02em}
.access-lede{margin:8px 0 22px;color:#475569;font-size:14px;line-height:1.6}
.access-card label{display:block;text-align:left;font-size:14px;font-weight:600;margin:0 0 6px}
.access-card input{width:100%;min-height:50px;border:1px solid #cbd5e1;border-radius:12px;padding:0 14px;font-size:20px;letter-spacing:.3em;text-align:center}
.access-card input:focus{outline:3px solid rgba(37,99,235,.35);border-color:#2563eb}
.access-card input[aria-invalid=true]{border-color:#b91c1c}
.access-error{margin:8px 0 0;color:#b91c1c;font-size:14px;text-align:left}
.access-card button{margin-top:18px;width:100%;min-height:50px;border:0;border-radius:12px;background:#2563eb;color:#fff;font-size:16px;font-weight:700;cursor:pointer}
.access-card button:hover{background:#1d4ed8}
.access-note{margin:14px 0 0;color:#64748b;font-size:13px}