.latest-page { --latest-bg: #0c110e; --latest-panel: #152018; --latest-line: #31453a; --latest-lime: #baff5e; background: var(--latest-bg); color: #f4f8f2; font-family: 'IBM Plex Sans', 'IBM Plex Sans Arabic', sans-serif; }
.latest-page [hidden] { display: none !important; }
.latest-page .container { max-width: 1320px; }
.latest-page h1, .latest-page h2, .latest-page h3, .latest-page p { margin-top: 0; }
.latest-page a:focus-visible, .latest-page input:focus-visible, .latest-page select:focus-visible { outline: 3px solid var(--latest-lime); outline-offset: 3px; }
.latest-kicker { color: var(--latest-lime); font-size: .74rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.latest-button { display: inline-flex; justify-content: center; align-items: center; min-height: 46px; padding: 10px 18px; border: 1px solid var(--latest-lime); border-radius: 4px; font-size: .88rem; font-weight: 800; text-decoration: none; transition: transform .2s; }
.latest-button:hover { transform: translateY(-2px); }
.latest-button--primary { background: var(--latest-lime); color: #0b1509; }
.latest-button--outline { color: #f3f8ef; background: #101b14; }
.latest-hero { position: relative; overflow: hidden; border-bottom: 1px solid var(--latest-line); background: radial-gradient(circle at 76% 36%, #47673b75, transparent 39%), linear-gradient(135deg, #0e2014, #0b110e 70%); }
.latest-hero__layout { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .85fr); align-items: center; gap: clamp(25px, 5vw, 80px); min-height: 570px; padding-block: 75px; }
.latest-hero h1 { max-width: 800px; margin-bottom: 20px; font-size: clamp(2.8rem, 5.3vw, 5.4rem); line-height: 1; letter-spacing: -.055em; text-wrap: balance; }
.latest-hero__copy > p:not(.latest-kicker) { max-width: 610px; color: #bfd0bf; font-size: 1.08rem; line-height: 1.7; }
.latest-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 27px; }
.latest-hero__stats { display: flex; align-items: baseline; gap: 9px; margin-top: 33px; color: #b7c9b7; }
.latest-hero__stats strong { color: #fff; font-size: 2.1rem; }
.latest-hero__cards { position: relative; height: 405px; perspective: 700px; }
.latest-hero__card { position: absolute; top: 50%; left: 50%; width: clamp(175px, 17vw, 235px); filter: drop-shadow(0 24px 25px #0009) drop-shadow(0 0 14px #baff5e32); }
.latest-hero__card--1 { z-index: 3; transform: translate(-50%, -50%) rotate(-2deg); }
.latest-hero__card--2 { z-index: 2; transform: translate(-108%, -47%) rotate(-12deg) scale(.92); }
.latest-hero__card--3 { z-index: 1; transform: translate(9%, -47%) rotate(12deg) scale(.92); }
.latest-directory { padding-block: clamp(65px, 8vw, 105px); }
.latest-directory__head { max-width: 780px; margin-bottom: 28px; }
.latest-directory__head h2, .latest-guide h2 { margin-bottom: 10px; font-size: clamp(2.2rem, 4vw, 3.5rem); line-height: 1.07; letter-spacing: -.04em; }
.latest-directory__head > p:last-child { color: #afc2b0; line-height: 1.65; }
.latest-filters { display: flex; flex-wrap: wrap; align-items: end; gap: 13px; margin-bottom: 30px; padding: 17px; border: 1px solid var(--latest-line); background: #121d15; }
.latest-filters label { display: flex; flex-direction: column; gap: 6px; color: #d3e0d1; font-size: .8rem; font-weight: 800; }
.latest-filters label:first-child { flex: 1 1 250px; }
.latest-filters input, .latest-filters select { min-height: 42px; padding: 8px 12px; border: 1px solid #536950; border-radius: 4px; background: #09120c; color: #fff; font: inherit; }
.latest-filters input { width: 100%; }
.latest-filters input::placeholder { color: #8ea08d; }
.latest-filters select { min-width: 160px; }
.latest-filters__count { min-width: 120px; margin: 0 0 9px auto; color: var(--latest-lime); font-size: .83rem; font-weight: 800; }
.latest-groups { display: grid; gap: clamp(42px, 6vw, 76px); }
.latest-group { scroll-margin-top: 90px; }
.latest-group__head { display: flex; align-items: baseline; justify-content: space-between; gap: 15px; margin-bottom: 22px; padding-bottom: 13px; border-bottom: 1px solid var(--latest-line); }
.latest-group__head h3 { margin: 0; font-size: clamp(1.4rem, 2.5vw, 2rem); line-height: 1.15; }
.latest-group__head span { flex: none; color: #b6cbb4; font-size: .82rem; font-weight: 700; }
.latest-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 24px 16px; }
.latest-grid__item { display: block; min-width: 0; color: #f7faf6; text-decoration: none; transition: transform .2s, filter .2s; }
.latest-grid__item:hover { transform: translateY(-5px); filter: drop-shadow(0 18px 16px #0008); }
.latest-grid__art { display: block; width: 100%; }
.latest-empty { padding: 28px; border: 1px solid var(--latest-line); color: #bcd0ba; }
.latest-guide { padding-block: clamp(65px, 8vw, 100px); border-top: 1px solid var(--latest-line); background: #121e16; }
.latest-guide h2 { max-width: 780px; margin-bottom: 28px; }
.latest-guide__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.latest-guide article { padding: clamp(19px, 2.5vw, 30px); border: 1px solid #37513a; background: #19291d; }
.latest-guide article > span { color: var(--latest-lime); font-size: .76rem; font-weight: 800; }
.latest-guide h3 { margin: 14px 0 10px; font-size: 1.15rem; }
.latest-guide article p { margin: 0; color: #b9cbb8; font-size: .91rem; line-height: 1.7; }
.latest-guide__links { display: flex; flex-wrap: wrap; gap: 25px; margin-top: 25px; }
.latest-guide__links a { color: var(--latest-lime); font-weight: 800; }
[dir="rtl"] .latest-page, [dir="rtl"] .latest-page h1, [dir="rtl"] .latest-page h2, [dir="rtl"] .latest-page h3 { font-family: 'IBM Plex Sans Arabic', 'IBM Plex Sans', sans-serif; }
@media (max-width: 1180px) { .latest-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 850px) { .latest-hero__layout { grid-template-columns: 1fr; padding-block: 58px 40px; } .latest-hero__cards { height: 370px; } .latest-guide__grid { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .latest-hero h1 { font-size: clamp(2.5rem, 10vw, 3.9rem); } .latest-hero__cards { height: 300px; } .latest-hero__card { width: min(40vw, 180px); } .latest-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px 10px; } .latest-filters label { width: 100%; } .latest-filters select { width: 100%; } .latest-filters__count { width: 100%; margin: 0; } }
@media (prefers-reduced-motion: reduce) { .latest-button, .latest-grid__item { transition: none; } }