:root{color-scheme:dark;font:17px/1.6 system-ui,sans-serif;background:#101820;color:#eef3ed}*{box-sizing:border-box}body{margin:0}main{max-width:720px;margin:7vh auto;padding:28px}.eyebrow{font-size:.72rem;letter-spacing:.18em;color:#b6d9ac}h1{font-size:clamp(2rem,6vw,3rem);line-height:1.15;letter-spacing:-.03em;margin:22px 0}h2{font-size:1.3rem}p{color:#c6d2d1}form,section{background:#1b2a32;border:1px solid #38505a;border-radius:18px;padding:24px;margin:30px 0}label{display:block;font-weight:650;margin-bottom:10px}select,button{display:block;width:100%;font:inherit;border-radius:9px;padding:13px 14px}select{background:#101820;color:#eef3ed;border:1px solid #647c85}button{margin-top:20px;color:#102018;background:#c4f1a9;font-weight:700;border:0;cursor:pointer}a{color:#c4f1a9}button:hover{background:#daf8c8}select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #f0d586;outline-offset:4px}.note{font-size:.85rem}dl{display:grid;grid-template-columns:1fr 1fr;gap:9px 16px}dd{margin:0;overflow-wrap:anywhere}dt{color:#b4c2c7}@media(max-width:480px){main{padding:22px;margin:2vh auto}form,section{padding:18px}dl{grid-template-columns:1fr;gap:2px}dd{margin-bottom:10px}}
