:root{--bg-start:#1e4da2;--bg-mid:#4c5fb7;--bg-end:#a46c79;--pill-bg:hsla(0,0%,100%,.14);--pill-bg-hover:hsla(0,0%,100%,.2);--pill-active-bg:#fff;--pill-active-text:#0e1b3d;--text-strong:#fff;--text-muted:hsla(0,0%,100%,.8);--shadow-strong:0 10px 25px rgba(0,0,0,.25);--shadow-soft:0 4px 10px rgba(0,0,0,.18);--radius-pill:999px;--container-max:1180px;--container:1140px;--gutter-col:32px;--gutter-row:36px;--radius:14px;--shadow:0 22px 40px rgba(16,24,40,.18);--title:#0f1728;--muted:#6b7280;--overlay:rgba(28,49,95,.58)}*{box-sizing:border-box}body,html{font-family:Inter,system-ui,sans-serif;height:100%;margin:0}.hero{align-items:flex-start;background:radial-gradient(1200px 600px at 20% -10%,#3f66c7 0,transparent 60%),linear-gradient(105deg,var(--bg-start) 0,var(--bg-mid) 45%,var(--bg-end) 100%);color:#fff;display:flex;min-height:46vh;overflow:hidden;position:relative}.container{margin:0 auto;max-width:var(--container-max);padding:clamp(40px,6vw,72px) clamp(16px,4vw,40px);width:100%}.hero h1{font-size:clamp(32px,6.2vw,48px);font-weight:800;letter-spacing:-.02em;line-height:1.06;margin:0 0 14px}.hero p{color:var(--text-muted);font-size:clamp(14px,1.6vw,16px);margin-bottom:24px}.filters{display:flex;flex-wrap:wrap;gap:14px 18px}.filters,.pill{align-items:center}.pill{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:var(--pill-bg);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);color:#fff;display:inline-flex;font-size:18px;font-weight:600;gap:10px;height:54px;padding:0 22px;text-decoration:none;transition:background .2s ease,transform .06s ease,box-shadow .2s ease,color .2s ease;white-space:nowrap}.pill:hover{background:#fff;color:#000}.pill:hover img{filter:brightness(0) invert(1)}.pill--active{background:var(--pill-active-bg);box-shadow:var(--shadow-strong);color:var(--pill-active-text)}.icon{display:inline-block;width:22px}.icon svg{display:block;height:100%;width:100%}.wrap{color:var(--title);margin:0 auto;max-width:var(--container);padding:60px 40px 80px}h2.section-title{font-size:24px;font-weight:800;margin:0 0 22px}.grid{column-gap:var(--gutter-col);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:var(--gutter-row)}.card{border:0!important;color:inherit;display:block;text-decoration:none}.thumb{background:#e6e8ef;border-radius:var(--radius);box-shadow:var(--shadow);height:300px;overflow:hidden;position:relative;transition:transform .18s ease,box-shadow .18s ease}.thumb img{display:block;height:300px!important;object-fit:cover;width:100%}.thumb:after{background:var(--overlay);content:"";inset:0;position:absolute}.title{color:var(--Heading,#000);font-size:24px;font-weight:500;line-height:130%}.meta,.title{font-style:normal}.meta{color:var(--Paragraph,#4d4d4d);font-size:20px;font-weight:400;line-height:150%;margin:0 2px}.card:hover .thumb{box-shadow:0 26px 48px rgba(16,24,40,.22);transform:translateY(-2px)}@media (max-width:1080px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid{grid-template-columns:1fr;row-gap:28px}.thumb{height:200px}}.pagination{font-family:system-ui,sans-serif;gap:8px;padding:60px 0 10px}.pagination,.pagination a,.pagination span{align-items:center;display:flex;justify-content:center}.pagination a,.pagination span{background-color:#f5f7fa;border-radius:50%;color:#333;font-size:14px;font-weight:500;height:36px;text-decoration:none;transition:all .2s ease-in-out;width:36px}.pagination a:hover{background-color:#ff7c3c;color:#fff}.pagination a.active,.pagination span.active{background-color:#ff7c3c;color:#fff;font-weight:600}.pagination span{background:transparent;cursor:default}.pill svg path,.pill--active svg path{transition:stroke .3s ease}.pill--active svg path,.pill:hover svg path{stroke:#000}