*{box-sizing:border-box}body{margin:0;background:#f7f5ef;color:#171817;font:16px/1.65 system-ui,sans-serif}header,main,footer{max-width:780px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}a{color:inherit}.brand{font-size:26px;font-weight:900;text-decoration:none}.brand span{color:#e64b21}h1{font-size:clamp(34px,6vw,52px);line-height:1.1}h2{font-size:23px;margin-top:30px}.panel{background:white;border:1px solid #d9d7cf;border-radius:20px;padding:24px;margin:20px 0}.hero{background:#ffce3a;border:2px solid #171817;border-radius:20px;padding:24px;box-shadow:4px 4px #171817}.muted{color:#55594f}.header-nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}button{font:inherit;font-weight:700;background:#171817;color:white;border:0;border-radius:10px;padding:12px 20px;cursor:pointer}button:disabled{opacity:.5;cursor:default}label{display:flex;gap:12px;align-items:flex-start}input[type=checkbox]{width:22px;height:22px;flex-shrink:0;margin-top:4px;accent-color:#e64b21}#status{min-height:28px;margin-top:15px}footer{font-size:14px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e64b21;outline-offset:4px}