:root{color-scheme:dark;font:17px/1.6 system-ui,sans-serif;background:#101d20;color:#f4eedf}*{box-sizing:border-box}body{margin:0}main{max-width:850px;margin:8vh auto;padding:24px}.eyebrow{color:#e8c57e;letter-spacing:.16em;font-size:12px}h1{font-size:clamp(36px,7vw,64px);line-height:1.08;font-weight:550;letter-spacing:-.04em}h2{font-size:21px}p{color:#bdcfca}section{padding:20px 26px;border:1px solid #3b5356;border-radius:14px;background:#17282b;margin:26px 0}nav{display:flex;gap:16px;flex-wrap:wrap;margin:28px 0}a,button{display:inline-block;border:1px solid #8eb5ad;border-radius:7px;background:#19443f;color:#fff5e8;padding:13px 22px;font:inherit;text-decoration:none;cursor:pointer}a:hover,button:hover{background:#275f57}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e8c57e;outline-offset:4px}form{display:flex;gap:12px;flex-wrap:wrap;align-items:center}label{width:100%;font-size:14px}input{font:inherit;background:#101d20;color:#fff5e8;border:1px solid #8eb5ad;border-radius:6px;padding:12px;width:min(100%,330px);min-height:48px}.note{font-size:13px;color:#9fb5ae}@media(max-width:500px){main{margin:3vh auto;padding:20px}section{padding:18px}nav a{width:100%;text-align:center}form button{width:100%}}