:root{color-scheme:light;font:16px/1.6 system-ui,sans-serif;color:#172538;background:#f3f6f8}*{box-sizing:border-box}body{margin:0;padding:48px 20px}main{max-width:620px;margin:auto;background:white;padding:clamp(24px,5vw,48px);border:1px solid #dae2e8;border-radius:20px;box-shadow:0 20px 70px #16334b0d}h1{font-size:clamp(28px,5vw,38px);line-height:1.15;letter-spacing:-.03em}h2{font-size:22px}a{color:#086d69;text-underline-offset:3px}label{display:block;font-weight:650;margin:20px 0 6px}input{width:100%;min-height:48px;border:1px solid #91a3b2;border-radius:8px;padding:10px;font:inherit}button,.button{display:inline-block;background:#086d69;color:white;border:0;border-radius:8px;min-height:48px;padding:12px 22px;font:inherit;font-weight:650;text-decoration:none;cursor:pointer}button{margin-top:20px}a:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid #c77410;outline-offset:3px}.key{display:block;padding:16px;background:#edf5f4;overflow-wrap:anywhere;font-size:18px}.eyebrow{color:#086d69;font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}[role=alert]{border-left:4px solid #a72729;padding:12px;background:#fff1f1;color:#7c2022}