:root{font-family:system-ui,sans-serif;color:#223c36;background:#edf1e9}*{box-sizing:border-box}body{margin:0;padding:32px 20px}main{max-width:540px;margin:4vh auto;background:#fffef8;padding:clamp(24px,5vw,48px);border-radius:24px;box-shadow:0 15px 60px #203a3010}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700}h1{font-family:Georgia,serif;font-size:clamp(32px,7vw,44px);line-height:1.08;font-weight:400}p{line-height:1.6}label{display:block;margin:22px 0 8px;font-weight:600}input{width:100%;padding:14px;border:1px solid #aab9ad;border-radius:10px;background:white;font-size:16px}#code{text-transform:uppercase;letter-spacing:.2em;font-size:26px}.hint{font-size:13px;color:#5b6a60}button{width:100%;border:0;border-radius:10px;background:#234f40;color:white;padding:17px;font:600 16px system-ui;cursor:pointer}button:disabled{opacity:.5}#status{font-weight:600;overflow-wrap:anywhere}input:focus-visible,button:focus-visible{outline:3px solid #bc872f;outline-offset:3px}