:root{--navy:#17194e;--gold:#c4a45c;--ink:#202642;--muted:#71778b;--line:#e4e6ed}*{box-sizing:border-box}body{margin:0;background:#f5f6f9;color:var(--ink);font-family:Arial,sans-serif}header{height:88px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.brand{display:flex;align-items:center;min-width:0}.brand img{display:block;width:300px;max-width:55vw;height:64px;object-fit:contain;object-position:left center}.hero{background:var(--navy);color:#fff;padding:60px 5%}.hero p{font-size:11px;letter-spacing:2px;color:#d5bd7b}.hero h1{font:400 clamp(38px,5vw,62px)/1.05 Georgia;margin:15px 0}.hero em{color:#d5bd7b}.hero div{color:#c9cce0;max-width:650px;line-height:1.7}main{padding:32px 5% 65px}.controls{display:flex;gap:20px;justify-content:space-between;align-items:center}.controls input{width:340px;max-width:100%;padding:14px;border:1px solid var(--line);border-radius:9px;background:#fff}#filters{display:flex;gap:5px;overflow:auto}button{border:0;background:transparent;padding:10px 12px;border-radius:7px;color:var(--muted);cursor:pointer}button.active{background:var(--navy);color:#fff}#count{font-size:12px;color:#8a8f9f;margin:28px 0 14px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;grid-template-columns:56px 1fr auto;gap:16px;align-items:start}.icon{height:56px;border-radius:9px;background:#ebeefe;color:var(--navy);display:grid;place-items:center;font-size:10px;font-weight:bold}.card small{color:#a8873f;text-transform:uppercase;letter-spacing:1px}.card h2{font:19px Georgia;margin:7px 0}.card p{color:var(--muted);font-size:13px;line-height:1.5}.meta{color:#9a9ead;font-size:10px}.download{align-self:center;text-decoration:none;border:1px solid #d9dce7;border-radius:8px;padding:10px;color:var(--navy);font-size:12px;font-weight:bold}.download:hover{background:var(--navy);color:#fff}.empty{background:#fff;border:1px dashed #c9ccda;padding:45px;text-align:center;grid-column:1/-1}footer{background:#fff;border-top:1px solid var(--line);padding:25px 5%;font-size:12px}footer b,footer span{display:block}footer span{color:var(--muted);margin-top:5px}@media(max-width:800px){.controls{align-items:stretch;flex-direction:column}.cards{grid-template-columns:1fr}}@media(max-width:520px){header{height:76px}header>span{display:none}.brand img{width:250px;max-width:85vw;height:54px}.hero{padding:45px 5%}.card{grid-template-columns:48px 1fr}.icon{height:48px}.download{grid-column:1/-1;text-align:center}}