:root{--ink:#17392e;--paper:#f3f2e9;--lime:#d9fb73}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 system-ui,sans-serif}header,main,footer{max-width:1140px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;align-items:center}a{color:inherit}nav{display:flex;gap:20px;flex-wrap:wrap}.badge{font-size:12px;letter-spacing:.1em;text-transform:uppercase}.notice{background:#e6e8dc;text-align:center;padding:10px;font-size:14px}.hero{padding:68px 0;display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center}h1{font-size:clamp(44px,6.5vw,82px);line-height:1.03;letter-spacing:-.06em;margin:20px 0}h2{font-size:34px;letter-spacing:-.04em;line-height:1.15}h3{font-size:22px}.lead{font-size:21px;max-width:620px}.button,button{display:inline-block;background:var(--ink);color:white;border:0;padding:14px 22px;border-radius:5px;font:inherit;text-decoration:none;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c17e1c;outline-offset:3px}.poster{background:var(--ink);color:var(--lime);padding:35px;transform:rotate(2deg);border-radius:7px}.poster b{font-size:76px;line-height:1.1;display:block;letter-spacing:-.07em}.poster p{color:#fff}.line{border-top:1px solid #b9c4b4;padding:32px 0;display:grid;grid-template-columns:90px 1fr 1fr;gap:20px}.line span{font-size:28px}.panel{background:white;padding:34px;border-radius:8px;margin:40px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:44px}label{display:block;margin:14px 0 6px}input:not([type=checkbox]),select,textarea{width:100%;padding:12px;border:1px solid #8c9f90;background:white;border-radius:4px;font:inherit}fieldset{border:1px solid #b9c4b4;margin:20px 0;padding:18px}fieldset label{display:block}small,.muted{color:#51685c}output{display:block;font-size:36px;font-weight:700}footer{border-top:1px solid #b9c4b4;font-size:14px}.privacy{font-size:14px}#status{padding:10px;font-weight:600}@media(max-width:720px){header{display:block}nav{margin-top:15px}.hero,.split{grid-template-columns:1fr}.hero{padding:30px 0}.poster{transform:none}.line{grid-template-columns:40px 1fr}.line p{grid-column:2}.panel{padding:20px}}

.article{max-width:780px;margin:auto}.article h1{font-size:clamp(34px,5vw,58px)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card{background:white;padding:24px;border-radius:8px}.article li{margin:12px 0} .article h2{font-size:28px} img{max-width:100%}