@font-face { font-family: 'Forum'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/forum-cyrillic-400-normal.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Forum'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/forum-latin-400-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/manrope-cyrillic-400-normal.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/manrope-latin-400-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url(/fonts/manrope-cyrillic-500-normal.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url(/fonts/manrope-latin-500-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url(/fonts/manrope-cyrillic-600-normal.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url(/fonts/manrope-latin-600-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root { --fon: #05060D; --fon-2: #0B1222; --linia: #1D2B47; --akcent: #4FB3FF; --akcent-svet: #9AD8FF; --tekst: #EEF3FF; --tekst-2: #9CADC8; }
* { box-sizing: border-box; scrollbar-width: none; } *::-webkit-scrollbar { display: none; }
body { margin: 0; background: radial-gradient(ellipse at 70% 0%, #0E1B3A 0%, #000 60%) fixed, #000; color: var(--tekst); font-family: 'Manrope', system-ui, sans-serif; font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
a { color: var(--akcent-svet); text-decoration: none; } a:hover { text-decoration: underline; }
::selection { background: var(--akcent); color: var(--fon); }
.shapka, main, .podval { width: min(1200px, 100% - 32px); margin-inline: auto; }
.shapka { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-block: 16px; border-bottom: 1px solid var(--linia); flex-wrap: wrap; }
.shapka nav { display: flex; gap: 18px; align-items: center; }
.znak { display: inline-flex; align-items: center; gap: 10px; }
.znak-ris { width: 40px; height: 40px; filter: drop-shadow(0 0 8px rgba(201,164,92,.35)); }
.znak-slovo { font-family: 'Forum', serif; font-size: 22px; letter-spacing: .16em; background: linear-gradient(180deg, #F3D9A0, #C9A45C); -webkit-background-clip: text; background-clip: text; color: transparent; }
.domoy:hover { text-decoration: none; }
.knopka { display: inline-block; background: rgba(10, 16, 32, .85); color: var(--akcent-svet); border: 1px solid var(--akcent); border-radius: 99px; padding: 8px 18px; font-weight: 600; font-size: 14px; line-height: 1.2; letter-spacing: .02em; white-space: nowrap; }
.knopka:hover { background: rgba(79, 179, 255, .14); text-decoration: none; }
main { padding-block: 32px; }
h1 { font-family: 'Forum', serif; font-weight: 400; font-size: clamp(28px, 3.4vw, 44px); line-height: 1.15; margin: 0 0 18px; }
h2 { font-family: 'Forum', serif; font-weight: 400; font-size: 22px; color: var(--akcent-svet); margin: 22px 0 6px; }
p { margin: 0 0 10px; color: var(--tekst); }
.dokument { max-width: 820px; } .dokument p { color: #D5DEEE; }
.karta-str { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 40px; align-items: start; }
.karta-str img { width: 300px; height: auto; border-radius: 12px; box-shadow: 0 10px 40px rgba(0,0,0,.6), 0 0 40px rgba(79,179,255,.12); position: sticky; top: 24px; user-select: none; -webkit-user-drag: none; }
.ryad { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; margin-top: 22px; }
.spisok-kart ul { list-style: none; margin: 0; padding: 0; columns: 4 180px; column-gap: 24px; }
.spisok-kart li { padding: 3px 0; break-inside: avoid; }
.podval { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-block: 16px 24px; border-top: 1px solid var(--linia); font-size: 13px; color: var(--tekst-2); }
.podval nav { display: flex; gap: 16px; flex-wrap: wrap; }
@media (max-width: 760px) { .karta-str { grid-template-columns: minmax(0, 1fr); } .karta-str img { position: static; margin-inline: auto; display: block; width: min(300px, 70vw); } }