:root{--bg:#f5f4ee;--text:#203b32;--muted:#62766b;--accent:#267854;--line:#d9dfd6;--card:#fff;--button:#fff}*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,sans-serif;background:var(--bg);color:var(--text)}main{max-width:1120px;margin:auto;padding:30px 24px 60px}nav{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;font-weight:700}.tag{font-size:12px;letter-spacing:2px;color:var(--accent)}header{padding:75px 0 45px;max-width:850px}h1{font-size:clamp(44px,7vw,82px);line-height:1.05;letter-spacing:-3px;margin:22px 0}header p{font-size:24px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}article{padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--card)}article span{font-size:12px;letter-spacing:2px;color:var(--accent)}h2{font-size:24px;line-height:1.2}p,small{color:var(--muted)}label{display:block;margin:18px 0;font-size:14px}input,button{width:100%;padding:15px;border-radius:10px;font:inherit}input{display:block;margin-top:6px;background:var(--bg);border:1px solid var(--line);color:var(--text)}button{border:0;background:var(--accent);color:var(--button);font-weight:700;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}footer{margin-top:50px;border-top:1px solid var(--line);padding-top:20px;font-size:13px;color:var(--muted)}@media(max-width:500px){header{padding-top:40px}h1{letter-spacing:-2px}article{padding:22px}}