/* ============================================================
   СТЕНД·OS — лендинг. Глобальные стили.
   Большинство стилей лежит инлайн прямо в index.html (так проще
   резать секции в блоки CMS). Здесь — только то, что инлайном
   не задать: сбросы, шрифты, @keyframes, адаптивная навигация,
   аккордеон FAQ и hover-состояния.
   ============================================================ */

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
html,body{margin:0;padding:0;background:#0e0e1f;}
body{font-family:'Roboto',sans-serif;-webkit-font-smoothing:antialiased;color:#fff;}
::selection{background:#d9fb5c;color:#0e0e1f;}

@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes pulseDot{0%,100%{opacity:.25}50%{opacity:.9}}
@keyframes spinSlow{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

[hidden]{display:none !important;}

/* ---------- Навигация ---------- */
.lp-nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(14,14,31,0.82);border-bottom:1px solid rgba(255,255,255,0.07);}
.lp-nav__inner{max-width:1180px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:20px;}
.lp-nav__logo{font-family:'Unbounded',sans-serif;font-weight:700;font-size:18px;letter-spacing:-0.5px;display:flex;align-items:center;gap:8px;flex:1;}
.lp-nav__mark{display:inline-flex;width:24px;height:24px;border-radius:7px;background:linear-gradient(180deg,#8066bd,#6d49c2);box-shadow:0 0 18px rgba(128,102,189,0.6);}
.lp-nav__links{display:flex;align-items:center;gap:6px;}
.lp-nav__link{text-decoration:none;color:#b9b4d4;font-size:13px;padding:8px 13px;border-radius:50px;transition:color .2s,background .2s;}
.lp-nav__link:hover{background:rgba(255,255,255,0.06);color:#fff;}
.lp-nav__cta{margin-left:10px;text-decoration:none;font-family:'Unbounded',sans-serif;font-weight:600;font-size:13px;color:#0e0e1f;background:#d9fb5c;padding:11px 22px;border-radius:50px;white-space:nowrap;box-shadow:0 6px 20px rgba(217,251,92,0.28);transition:transform .2s,box-shadow .2s;}
.lp-nav__cta:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(217,251,92,0.4);}
.lp-nav__burger{display:none;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);color:#fff;width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;cursor:pointer;font-size:18px;line-height:1;}
.lp-nav__overlay{position:fixed;inset:0;background:rgba(8,8,18,0.62);backdrop-filter:blur(2px);z-index:40;}
.lp-nav__drawer{position:absolute;top:100%;left:0;right:0;z-index:60;background:rgba(14,14,31,0.98);border-top:1px solid rgba(255,255,255,0.07);border-bottom:1px solid rgba(255,255,255,0.07);box-shadow:0 24px 50px rgba(0,0,0,0.5);padding:10px 18px 18px;display:flex;flex-direction:column;gap:2px;}
.lp-nav__dlink{text-decoration:none;color:#cdc8e6;font-size:15px;padding:13px 14px;border-radius:12px;transition:background .2s;}
.lp-nav__dlink:hover{background:rgba(255,255,255,0.06);}
.lp-nav__dcta{text-decoration:none;text-align:center;font-family:'Unbounded',sans-serif;font-weight:600;font-size:15px;color:#0e0e1f;background:#d9fb5c;padding:14px;border-radius:50px;margin-top:10px;}
@media (max-width:919px){
  .lp-nav__links{display:none;}
  .lp-nav__burger{display:flex;}
}
@media (min-width:920px){
  .lp-nav__drawer,.lp-nav__overlay{display:none !important;}
}

/* ---------- Карточки игр (Игротека) ---------- */
[data-card]:hover{transform:translateY(-4px);border-color:rgba(205,182,255,0.4) !important;}
.game-shot{width:100%;aspect-ratio:16/10;display:block;object-fit:cover;background:#16132e;border:0;}

/* ---------- FAQ ---------- */
.faq__item{border-bottom:1px solid rgba(255,255,255,0.08);}
.faq__q{width:100%;background:none;border:none;color:#fff;text-align:left;font-family:'Unbounded',sans-serif;font-weight:500;font-size:clamp(15px,2vw,18px);padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;}
.faq__sign{flex:none;font-size:24px;color:#cdb6ff;font-family:'Roboto',sans-serif;}
.faq__a{overflow:hidden;max-height:0;transition:max-height .35s ease;}
.faq__item.is-open .faq__a{max-height:320px;}
.faq__a p{font-size:15px;line-height:1.6;color:#9690b5;margin:0;padding:0 0 22px;}

/* ---------- Кнопки-акценты ---------- */
[data-hover="lift"]{transition:transform .2s,box-shadow .2s;}
[data-hover="lift"]:hover{transform:translateY(-2px);}

/* ---------- Уважение к настройкам анимации ---------- */
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;}
}