:root{font-family:system-ui,sans-serif;color:#eaf0f8;background:#0c1422;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:850px;margin:0 auto;padding:60px 24px}.eyebrow{letter-spacing:.18em;color:#ffc437;font-size:12px;font-weight:700}h1{font-size:clamp(32px,7vw,52px);letter-spacing:-.04em;margin:8px 0}h2{font-size:23px;margin-top:0}.intro{color:#b5c5d9;font-size:19px;line-height:1.5}section{background:#152136;border:1px solid #2c3b51;border-radius:16px;margin:30px 0;padding:28px}p{line-height:1.6}label{display:block;margin:20px 0;font-weight:600}input{display:block;width:100%;margin-top:8px;padding:13px;background:#0c1422;border:1px solid #536783;border-radius:7px;color:#fff;font:inherit}input:focus{outline:2px solid #ffc437;outline-offset:2px}button{border:0;border-radius:7px;background:#ffc437;color:#171b22;padding:14px 22px;font:inherit;font-weight:700;cursor:pointer}.secondary{background:#2c3d55;color:#f1f5fb}.hint{font-size:13px;color:#bdc9d9}.notice{background:#173e36;padding:18px;border-radius:8px}form{margin:0}button:focus-visible{outline:3px solid white;outline-offset:3px}

a{color:#ffc437;text-underline-offset:3px}code{overflow-wrap:anywhere}li{line-height:1.7}form+form{margin-top:16px}

textarea{width:100%;min-height:240px;padding:14px;background:#0c1422;color:#eaf0f8;border:1px solid #536783;border-radius:7px}