*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#000321;color:#111827;display:flex;align-items:center;justify-content:center;padding:16px}
.card{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.4);padding:32px 28px;width:100%;max-width:380px;text-align:center;border-top:5px solid #FAA61B}
.logo{margin-bottom:6px}
h1{font-size:26px;margin:0;font-weight:500}
h1 b{font-weight:800}
.sub{color:#b86e00;font-weight:600;margin:4px 0 16px}
p{margin:0 0 16px;color:#4b5563;font-size:15px}
input{width:100%;font-size:28px;letter-spacing:.4em;text-align:center;padding:12px;border:2px solid #e5e7eb;border-radius:10px;outline:none}
input:focus{border-color:#FAA61B}
#go{width:100%;margin-top:12px;padding:13px;font-size:16px;font-weight:700;border:0;border-radius:10px;background:#FAA61B;color:#000321;cursor:pointer}
#go:hover{background:#f39800}
.err{color:#c62828;margin:12px 0 0}
.foot{margin:18px 0 0;font-size:12px;color:#9ca3af}