:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: #17212b; background: #edf0f2; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at top, #f9fbfc, #e6ebee 62%); }
main { width: min(100%, 390px); padding: 34px; border: 1px solid #d9dfe3; border-radius: 12px; background: #fff; box-shadow: 0 20px 54px rgba(25, 42, 53, .15); }
.eyebrow { margin: 0 0 9px; color: #48667a; font-size: 11px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
h1 { margin: 0; font-size: 24px; letter-spacing: -.03em; }
p { color: #5c6972; font-size: 13px; line-height: 1.55; }
label { display: grid; gap: 6px; margin: 17px 0; color: #34434c; font-size: 12px; font-weight: 650; }
input { width: 100%; height: 42px; padding: 0 11px; border: 1px solid #cbd5db; border-radius: 6px; color: #17212b; font: inherit; }
input:focus { outline: 2px solid #9fb5c2; outline-offset: 1px; border-color: #48667a; }
button { width: 100%; min-height: 43px; margin-top: 7px; border: 1px solid #48667a; border-radius: 6px; background: #48667a; color: #fff; font: 700 13px inherit; cursor: pointer; }
button:hover { background: #344e5e; }
button:disabled { cursor: wait; opacity: .7; }
#turnstile-container { min-height: 65px; margin: 10px 0; }
#status { min-height: 20px; margin: 15px 0 0; color: #a33131; font-size: 12px; }
#status.ok { color: #267546; }
footer { margin-top: 25px; color: #7a8790; font-size: 10.5px; line-height: 1.45; }