:root{color-scheme:dark;font-family:Georgia,serif;color:#f0e0b7;background:#102f3b}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:26px;background:radial-gradient(ellipse at top,#365555,#091d29)}main{width:min(560px,100%);padding:clamp(25px,5vw,46px);border:1px solid #c9ad6c;border-radius:6px;background:linear-gradient(130deg,#484842ed,#273a3bed);box-shadow:inset 0 0 0 4px #c5ab6618,0 15px 60px #0005}.eyebrow{font:10px/1.5 system-ui;letter-spacing:2px;color:#c9ad6c}h1{font-size:clamp(29px,6vw,42px);font-weight:normal}p,small,label{font:14px/1.7 system-ui;color:#d5d7ca}label{display:block;margin-top:28px}input,button{width:100%;padding:14px;margin-top:10px;border:1px solid #a88e57;border-radius:4px;font:16px system-ui}input{background:#102d35;color:#fff;letter-spacing:2px}button{cursor:pointer;background:#356660;color:#f0e0b7;font-family:Georgia,serif}button:disabled{opacity:.5}input:focus-visible,button:focus-visible{outline:2px solid #f6daa1;outline-offset:3px}#accessStatus{min-height:24px;color:#f1c78d}small{display:block;font-size:11px;margin-top:24px}