/**
 * The door code entry screen.
 *
 * The door answers on its own endpoint, before the theme runs, so this
 * stylesheet is printed by handle rather than through wp_head().
 */
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#f5f5f7;
background:linear-gradient(150deg,#12141a,#23262f 60%,#3a3320 130%)}
.w{width:100%;max-width:360px;text-align:center}
img{width:74px;height:auto;margin-bottom:18px}
h1{margin:0 0 6px;font-size:24px}
p{margin:0 0 24px;opacity:.62;font-size:14px;line-height:1.5}
input{width:100%;padding:18px;font-size:30px;letter-spacing:.32em;text-align:center;border-radius:14px;
border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:#fff;font-weight:600}
input:focus{outline:2px solid #c9a227;border-color:transparent}
button{width:100%;margin-top:14px;padding:17px;font-size:17px;font-weight:700;border:0;border-radius:14px;
background:#c9a227;color:#1a1400;cursor:pointer}
.err{background:rgba(197,34,31,.22);border:1px solid rgba(197,34,31,.5);border-radius:10px;
padding:11px 14px;margin-bottom:18px;font-size:14px}
