:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#14191d;color:#e9ecee;font:17px/1.7 system-ui,sans-serif;border-top:6px solid #ff971e}main{max-width:900px;margin:auto;padding:56px 24px}header{border-bottom:1px solid #40494e;padding-bottom:28px;margin-bottom:32px}.brand{font-size:clamp(34px,7vw,60px);font-weight:900;line-height:1.1;font-style:italic;letter-spacing:-2px;margin:0}.brand span{color:#ff971e}h1{font-size:27px;margin:22px 0 0}h2{font-size:21px;color:#ffb456;margin-top:32px}p,li{color:#c4cdd2}a{color:#ffb456;text-underline-offset:4px}nav{display:flex;flex-wrap:wrap;gap:12px 24px}footer{margin-top:48px;padding-top:20px;border-top:1px solid #40494e;font-size:14px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid white;outline-offset:5px}label{display:block;margin-top:20px}input,textarea{display:block;width:100%;margin-top:8px;padding:12px;background:#20292f;color:white;border:1px solid #657078;border-radius:4px;font:inherit}button{padding:14px 22px;margin-top:20px;background:#ff971e;color:#15191c;border:0;border-radius:4px;font:700 17px system-ui;cursor:pointer}.note{padding:18px;border-left:3px solid #ff971e;background:#20292f}
