
@font-face{font-family:"Exo 2";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/exo-2-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:"Exo 2";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/exo-2-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:"Exo 2";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/exo-2-cyrillic-700-normal.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Exo 2";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/exo-2-latin-700-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{color-scheme:dark;--guide-max:42rem;--hub-max:72rem;--pad:clamp(1rem,3vw,1.75rem);--line:rgba(255,255,255,.08);--muted:rgba(240,244,255,.62);--card:rgba(255,255,255,.04)}
*{box-sizing:border-box}
body{margin:0;background:#000;color:#f0f4ff;font:16px/1.55 "Exo 2",ui-sans-serif,system-ui,sans-serif}
a{color:#8fd4ff;text-decoration:none}
a:hover{color:#fff}
main,body>footer{width:min(100%,var(--guide-max));margin:0 auto;padding:var(--pad)}
body.is-hub main,body.is-hub>footer{width:min(100%,var(--hub-max))}
nav.crumbs,p.crumbs{font-size:13px;color:var(--muted);margin:0 0 .85rem}
.site-header{display:flex;align-items:center;gap:16px;min-height:64px;padding:10px var(--pad);position:relative;z-index:20;width:min(100%,var(--hub-max));margin:0 auto}
.site-header__brand{display:inline-flex;align-items:center;flex:0 0 auto}
img.platform-logo{display:block;height:36px;width:auto;max-width:min(58vw,137px);aspect-ratio:560/150;object-fit:contain;border:0;border-radius:0;background:none;filter:drop-shadow(0 0 10px rgba(255,255,255,.22))}
.site-header__actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.site-header details.lang-switch{position:relative;margin:0;padding:0;border:0;border-radius:0;background:transparent}
.site-header summary.lang-switch__btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;list-style:none;cursor:pointer;border-radius:10px;background:rgba(10,10,26,.72);border:1px solid var(--line)}
.site-header summary.lang-switch__btn::-webkit-details-marker{display:none}
.site-header .lang-switch__flag{display:block;width:18px;height:18px;border-radius:999px;overflow:hidden}
.site-header .lang-switch__flag svg{display:block;width:100%;height:100%}
.site-header .lang-switch__menu{position:absolute;top:calc(100% + 6px);right:0;z-index:30;min-width:148px;margin:0;padding:6px;list-style:none;border:1px solid var(--line);border-radius:12px;background:rgba(17,22,31,.98);box-shadow:0 12px 32px rgba(0,0,0,.35)}
.site-header .lang-switch__option{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;color:#fff;font-size:13px;font-weight:800}
.site-header .lang-switch__option[aria-current="page"],.site-header .lang-switch__option:hover{background:rgba(255,255,255,.08);color:#fff}
.site-header__login{display:inline-flex;align-items:center;border-radius:12px;padding:9px 16px;font-size:13px;font-weight:800;color:#fff;background:linear-gradient(135deg,#1e90ff,#125cb8);white-space:nowrap}
.site-header__login:hover{color:#fff;filter:brightness(1.04)}
.hub-hero{margin:0 0 1.25rem;padding:0 0 1.15rem;border-bottom:1px solid var(--line)}
.hub-kicker{margin:0 0 .45rem;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.hub-kicker a{color:inherit}
.hub-hero h1{margin:0;font-size:clamp(1.7rem,3.4vw,2.35rem);line-height:1.12;font-weight:800;letter-spacing:-.02em}
.hub-lead{margin:.55rem 0 0;max-width:38rem;font-size:1.02rem;line-height:1.45;color:var(--muted)}
.hub-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 1.35rem}
.hub-tabs a{display:inline-flex;align-items:center;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:#d7e6ff;font-size:13px;font-weight:800;line-height:1}
.hub-tabs a:hover{background:rgba(255,255,255,.08);color:#fff}
.hub-tabs a.is-active{background:linear-gradient(135deg,#1e90ff,#125cb8);border-color:transparent;color:#fff}
.hub-tiles{display:grid;grid-template-columns:1fr;gap:12px;margin:0}
a.hub-tile{display:flex;flex-direction:column;gap:8px;padding:18px 18px 16px;border-radius:18px;background:var(--card);border:1px solid var(--line);color:#f0f4ff;min-height:8.5rem}
a.hub-tile:hover{border-color:rgba(143,212,255,.35);background:rgba(30,144,255,.08);color:#fff}
a.hub-tile strong{font-size:1.15rem;font-weight:800;letter-spacing:-.01em}
a.hub-tile p{margin:0;flex:1;color:var(--muted);font-size:14px;line-height:1.45}
a.hub-tile span{font-size:13px;font-weight:800;color:#8fd4ff}
h1{margin:.2rem 0 .6rem;font-size:1.7rem;line-height:1.15;font-weight:800}
h2{font-size:1.05rem;font-weight:800}
.lead{font-size:1.05rem;color:#c8d0ff}
article{margin:0 0 12px;padding:16px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
article h2{margin:0 0 6px;font-size:1.05rem}
article p{margin:0;color:rgba(240,244,255,.72);font-size:14px}
.note{font-size:13px;line-height:1.45;color:rgba(200,210,255,.58)}
img,video{max-width:100%;height:auto;border-radius:16px;background:#0a0a1a;border:1px solid var(--line)}
body.is-article main{width:min(100%,48rem)}
body.is-article--media main{width:min(100%,68rem)}
.article-head{display:grid;gap:1.15rem;margin:0 0 1.15rem}
.article-intro .crumbs{margin:0 0 .55rem}
.article-intro h1{margin:0 0 .55rem;font-size:clamp(1.55rem,3.2vw,2.2rem);line-height:1.12;letter-spacing:-.02em}
.article-intro .lead{margin:0;max-width:40rem}
.media-hero{display:block;width:min(100%,20.5rem);margin:0 auto;aspect-ratio:3/4;max-height:min(68vh,34rem);object-fit:cover;border-radius:18px}
.media-hero.figure--wide{width:100%;max-width:100%;aspect-ratio:16/9;max-height:none;object-fit:cover}
.media-gallery{display:grid;grid-template-columns:1fr;gap:12px;margin:0 0 1.5rem}
.media-gallery .figure{display:block;width:100%;max-width:none;height:auto;max-height:none;margin:0;aspect-ratio:3/4;object-fit:cover;border-radius:16px;background:#050510}
.article-video{margin:0 0 1.5rem;padding:1.1rem 0 0;border-top:1px solid var(--line)}
.article-video h2{margin:0 0 .85rem}
.article-video .clip{display:block;width:min(100%,22rem);margin:0 auto;aspect-ratio:9/16;object-fit:contain;background:#050510;border-radius:16px}
.article-body{min-width:0}
.article-body>.figure{display:block;width:min(100%,22rem);margin:1rem auto;aspect-ratio:3/4;object-fit:cover}
.figure{display:block;width:auto;max-width:min(100%,390px);height:auto;max-height:78vh;margin:12px auto 16px;object-fit:contain}
.figure--wide{width:100%;max-width:100%;max-height:none}
video.clip{display:block;width:min(100%,390px);height:auto;margin:12px auto 16px}
.cta{display:inline-block;margin-top:.4rem;padding:12px 18px;background:linear-gradient(135deg,#ff1493,#c41073);color:#fff;text-decoration:none;border-radius:12px;font-weight:700;font-size:14px}
table{width:100%;border-collapse:collapse;font-size:14px}
td,th{border-bottom:1px solid var(--line);text-align:left;padding:.55rem .35rem}
th{color:var(--muted);font-weight:700}
details{margin:.4rem 0;padding:12px 14px;border-radius:12px;background:var(--card);border:1px solid var(--line)}
summary{cursor:pointer;font-weight:700}
.reviews{margin:0 0 .5rem}
.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.review-card{display:flex;flex-direction:column;gap:7px;color:#f0f4ff;font-size:14px;font-weight:700;min-width:0}
.review-card strong{display:block;line-height:1.25}
.review-card small{font-weight:400;color:var(--muted)}
.review-card img,img.card-art{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;margin:0;border-radius:14px}
.card-list{display:grid;grid-template-columns:1fr;gap:12px}
article.card{display:flex;gap:14px;align-items:flex-start;margin:0;min-width:0}
article.card .card-body{flex:1;min-width:0}
article.card .card-body h2{overflow-wrap:anywhere}
article.card .card-body p{overflow-wrap:anywhere}
article.card img.thumb{flex:0 0 72px;width:72px;height:96px;max-width:72px;aspect-ratio:3/4;object-fit:cover;border-radius:12px}
@media (min-width:640px){
  .hub-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .card-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .media-hero{width:100%;max-width:none;max-height:26rem;aspect-ratio:4/3;object-fit:contain;background:#050510}
  .media-hero.figure--wide{aspect-ratio:16/9;max-height:none;object-fit:cover}
  .media-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .article-video .clip{width:min(100%,24rem)}
}
@media (min-width:960px){
  .review-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .card-list{grid-template-columns:1fr}
  article.card{padding:18px}
  article.card img.thumb{flex-basis:88px;width:88px;height:118px;max-width:88px}
  body.is-article--media .article-head{grid-template-columns:minmax(0,1.2fr) minmax(15rem,.8fr);align-items:center;gap:2rem;margin:0 0 1.5rem}
  body.is-article--media .media-hero{width:100%;max-height:none;aspect-ratio:3/4;object-fit:cover}
  body.is-article--media .media-hero.figure--wide{aspect-ratio:4/3;object-fit:cover}
  .media-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .article-body{max-width:42rem}
}
@media (min-width:1200px){
  .review-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
