/*
  VIRTUKRAINE — ОСНОВНЫЕ СТИЛИ
  1. Базовая типографика и сетка
  2. Шапка и навигация
  3. Первый экран
  4. Карточки и каталог групп
  5. Мобильное меню
  6. Тёмная тема
  7. Адаптивность

  Главные кнопки первого экрана находятся в самом конце файла
  в разделе «ФИНАЛЬНАЯ ИЕРАРХИЯ CTA».
*/

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#15171a;background:#fff;line-height:1.6}a{color:inherit}.container{width:min(1120px,calc(100% - 40px));margin:0 auto}.narrow{width:min(760px,calc(100% - 40px))}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid #e9ecef}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800;text-decoration:none;font-size:20px}nav{display:flex;gap:20px}nav a{text-decoration:none;color:#555b63;font-size:15px}.hero{padding:92px 0 72px;background:radial-gradient(circle at 85% 15%,rgba(64,133,255,.12),transparent 30%),linear-gradient(180deg,#f8fbff 0%,#fff 100%)}.hero-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:48px;align-items:center}.badge,.eyebrow{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#2467d8}h1{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:clamp(48px,8vw,86px);line-height:1.08;letter-spacing:-.035em;margin:18px 0 24px}h2{font-size:clamp(32px,5vw,52px);line-height:1.05;letter-spacing:-.035em;margin:10px 0 24px}h3{font-size:22px;margin:0 0 10px}.lead{font-size:21px;color:#555b63;max-width:720px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 14px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:14px;text-decoration:none;font-weight:800;transition:transform .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-1px)}.primary{background:#15171a;color:#fff;box-shadow:0 10px 28px rgba(21,23,26,.14)}.secondary{background:#fff;border:1px solid #dfe3e8}.light{background:#fff;color:#15171a}.full{width:100%;margin-top:12px}.note{font-size:13px;color:#747a82}.section{padding:84px 0}.alt{background:#f7f8fa}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.community-grid{display:grid;grid-template-columns:1fr;gap:18px;max-width:760px;margin:34px auto 0}.card{padding:28px;border:1px solid #e6e9ed;border-radius:22px;background:#fff;box-shadow:0 12px 36px rgba(20,25,32,.05)}.featured{border:2px solid #15171a}.tag{display:inline-block;padding:6px 10px;border-radius:999px;background:#15171a;color:#fff;font-size:12px;font-weight:800;margin-bottom:16px}.hero-card{padding:34px}.icon{font-size:40px;margin-bottom:28px}.rules{padding:0;list-style:none;margin:28px 0 32px}.rules li{padding:16px 0;border-bottom:1px solid #dde1e6}.rules li::before{content:"✓";font-weight:900;margin-right:12px}details{border-bottom:1px solid #e3e6ea;padding:18px 0}summary{cursor:pointer;font-weight:800;font-size:18px}details p{color:#5b6168}.cta{padding:78px 0;background:#15171a;color:#fff;text-align:center}.cta p{color:#c8ccd1;font-size:18px}footer{padding:28px 0;border-top:1px solid #e9ecef;color:#71767e;font-size:14px}.footer-row{display:flex;justify-content:space-between;gap:20px}@media(max-width:800px){nav{display:none}.hero{padding-top:64px}.hero-grid,.cards,.community-grid{display:grid;grid-template-columns:1fr;gap:18px;max-width:760px;margin:34px auto 0}.hero-card{margin-top:8px}.footer-row{flex-direction:column}}

/* Main chat button: larger and more expressive */
.featured .button.primary.full{
  min-height:72px;
  padding:20px 28px;
  font-size:20px;
  border-radius:18px;
  letter-spacing:.01em;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}

.featured .button.primary.full:hover{
  transform:translateY(-4px) scale(1.015);
  box-shadow:0 18px 42px rgba(21,23,26,.24);
  filter:brightness(1.08);
}

.featured .button.primary.full:active{
  transform:translateY(-1px) scale(.995);
}

/* Gentle hover animation for all chat cards */
.community-grid .card{
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}

.community-grid .card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 46px rgba(20,25,32,.10);
}


/* Keep the hero card title on one line on desktop, responsive on smaller screens */
.hero-card h2{
  font-size:clamp(30px,3vw,46px);
  line-height:1.08;
}

@media (min-width:900px){
  .hero-card h2{
    white-space:nowrap;
  }
}

/* Subtle entrance animation for the main hero card */
@keyframes softFadeUp{
  from{
    opacity:0;
    transform:translateY(16px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

.hero-card{
  animation:softFadeUp .7s ease both;
}


/* Button hover scale animation */
.button{
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}

.button:hover{
  transform:translateY(-2px) scale(1.035);
}

.button:active{
  transform:translateY(0) scale(.99);
}


/* Smooth section reveal */
.reveal{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .75s ease,transform .75s ease;
  will-change:opacity,transform;
}

.reveal.visible{
  opacity:1;
  transform:translateY(0);
}

/* Responsive layout and readable sizing */
body{
  font-size:18px;
}

p, li{
  font-size:clamp(17px,1.3vw,20px);
}

.site-header .brand{
  font-size:clamp(20px,1.8vw,26px);
}

nav a{
  font-size:16px;
  font-weight:700;
}

.hero{
  min-height:calc(100vh - 72px);
  display:flex;
  align-items:center;
}

.hero-grid{
  grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);
}

.hero-card{
  min-width:0;
}

.hero-card p{
  font-size:clamp(18px,1.4vw,22px);
}

.community-grid{
  width:100%;
}

.community-grid .card{
  padding:clamp(28px,3vw,42px);
}

.community-grid .card h3{
  font-size:clamp(28px,2.4vw,38px);
  line-height:1.15;
}

.community-grid .card p{
  font-size:clamp(18px,1.5vw,22px);
}

.button{
  min-height:56px;
  padding:16px 24px;
  font-size:clamp(17px,1.3vw,20px);
}

details summary{
  font-size:clamp(19px,1.5vw,23px);
}

@media(max-width:1100px){
  .hero{
    min-height:auto;
  }

  .hero-grid{
    grid-template-columns:1fr;
    gap:28px;
  }

  .hero-card h2{
    white-space:normal;
  }

  .hero-card{
    max-width:760px;
  }
}

@media(max-width:800px){
  .container,
  .narrow{
    width:min(100% - 28px,760px);
  }

  .site-header{
    position:static;
  }

  .nav{
    min-height:64px;
  }

  .hero{
    padding:56px 0 44px;
  }

  h1{
    font-size:clamp(46px,15vw,72px);
    line-height:1.08;
  }

  h2{
    font-size:clamp(34px,10vw,52px);
  }

  .lead{
    font-size:clamp(20px,5.5vw,24px);
  }

  .section{
    padding:64px 0;
  }

  .card{
    padding:24px;
    border-radius:20px;
  }

  .community-grid{
    gap:16px;
  }

  .button,
  .button.full{
    width:100%;
    min-height:60px;
    font-size:18px;
    padding:16px 18px;
  }

  .featured .button.primary.full{
    min-height:68px;
    font-size:20px;
  }

  .rules li{
    padding:18px 0;
  }

  .cta{
    padding:64px 0;
  }
}

@media(max-width:480px){
  body{
    font-size:17px;
  }

  .container,
  .narrow{
    width:min(100% - 22px,760px);
  }

  h1{
    font-size:clamp(42px,16vw,60px);
  }

  h2{
    font-size:clamp(32px,11vw,44px);
  }

  .hero-card h2{
    font-size:clamp(30px,9vw,40px);
  }

  .card{
    padding:22px;
  }

  .community-grid .card h3{
    font-size:clamp(26px,8vw,34px);
  }

  .community-grid .card p{
    font-size:18px;
  }

  .button,
  .button.full{
    font-size:18px;
  }
}

@media (prefers-reduced-motion: reduce){
  html{
    scroll-behavior:auto;
  }

  *,
  *::before,
  *::after{
    animation:none !important;
    transition:none !important;
  }

  .reveal{
    opacity:1;
    transform:none;
  }
}


/* Better hero-card text wrapping and proportions */
.hero-grid{
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:36px;
}

.hero-card{
  width:100%;
  max-width:100%;
  overflow:hidden;
}

.hero-card h2{
  font-size:clamp(32px,2.7vw,48px);
  line-height:1.08;
  letter-spacing:-.035em;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
  margin-bottom:22px;
}

.hero-card p{
  max-width:30ch;
  line-height:1.5;
}

@media (min-width:1400px){
  .hero-card h2{
    font-size:46px;
  }
}

@media (max-width:1100px){
  .hero-grid{
    grid-template-columns:1fr;
  }

  .hero-card{
    max-width:760px;
  }

  .hero-card p{
    max-width:42ch;
  }
}

@media (max-width:600px){
  .hero-card{
    padding:24px;
  }

  .hero-card h2{
    font-size:clamp(30px,9vw,40px);
    line-height:1.1;
  }

  .hero-card p{
    font-size:18px;
  }
}


/* Hero card: star on its own row, title on the next row, never split */
.hero-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:0;
  padding:clamp(24px,3vw,38px);
}

.hero-card .icon{
  display:block;
  width:100%;
  margin:0 0 clamp(22px,3vw,34px);
  font-size:clamp(34px,4vw,48px);
  line-height:1;
}

.hero-card h2{
  display:block;
  width:100%;
  margin:0 0 20px;
  font-size:clamp(28px,3.15vw,46px);
  line-height:1.05;
  letter-spacing:-.045em;
  white-space:nowrap;
  overflow:visible;
  overflow-wrap:normal;
  word-break:keep-all;
}

.hero-card p{
  width:100%;
  max-width:34ch;
  margin:0;
  font-size:clamp(18px,1.45vw,22px);
  line-height:1.5;
}

/* Give the right hero card enough room on desktop */
@media (min-width:1101px){
  .hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(500px,.95fr);
    gap:36px;
  }
}

@media (max-width:1100px){
  .hero-card{
    max-width:100%;
  }

  .hero-card h2{
    font-size:clamp(30px,6vw,44px);
  }
}

@media (max-width:600px){
  .hero-card{
    padding:22px;
  }

  .hero-card .icon{
    margin-bottom:20px;
    font-size:38px;
  }

  .hero-card h2{
    font-size:clamp(25px,7.1vw,34px);
    letter-spacing:-.05em;
    white-space:nowrap;
  }

  .hero-card p{
    max-width:none;
    font-size:18px;
    line-height:1.45;
  }
}

@media (max-width:380px){
  .hero-card{
    padding:18px;
  }

  .hero-card h2{
    font-size:clamp(22px,6.8vw,27px);
  }
}


/* Centered hero-card content with safe margins on all screen sizes */
.hero-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:clamp(34px,5vw,64px);
}

.hero-card h2{
  width:auto;
  max-width:100%;
  margin:0 auto 24px;
  font-size:clamp(34px,3.5vw,56px);
  line-height:1.08;
  letter-spacing:-.04em;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
  text-wrap:balance;
}

.hero-card p{
  width:auto;
  max-width:34ch;
  margin:0 auto;
  font-size:clamp(19px,1.5vw,23px);
  line-height:1.55;
  text-wrap:balance;
}

@media (max-width:800px){
  .hero-card{
    padding:32px 24px;
  }

  .hero-card h2{
    font-size:clamp(32px,9vw,44px);
    line-height:1.1;
    margin-bottom:20px;
  }

  .hero-card p{
    max-width:30ch;
    font-size:clamp(18px,5vw,21px);
    line-height:1.5;
  }
}

@media (max-width:480px){
  .hero-card{
    padding:28px 20px;
  }

  .hero-card h2{
    font-size:clamp(28px,8.5vw,38px);
  }

  .hero-card p{
    max-width:28ch;
    font-size:18px;
  }
}


/* Animated-feel layered gradient background */
body{
  background:
    radial-gradient(
      circle at 18% 12%,
      rgba(90,140,255,.18),
      transparent 30%
    ),
    radial-gradient(
      circle at 82% 42%,
      rgba(165,105,255,.16),
      transparent 34%
    ),
    radial-gradient(
      circle at 28% 78%,
      rgba(255,125,175,.14),
      transparent 36%
    ),
    linear-gradient(
      180deg,
      #f8fbff 0%,
      #eef4ff 28%,
      #f5efff 58%,
      #fff3f8 82%,
      #f6f9ff 100%
    );
  background-attachment:fixed;
  background-size:cover;
}

.hero{
  background:transparent;
}

.alt{
  background:rgba(255,255,255,.52);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.section{
  position:relative;
}

.card{
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}


/* Theme toggle */
.theme-toggle{
  flex:0 0 auto;
  width:46px;
  height:46px;
  border:1px solid rgba(21,23,26,.14);
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.82);
  color:#15171a;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(20,25,32,.08);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;
}

.theme-toggle:hover{
  transform:translateY(-2px) scale(1.06);
  box-shadow:0 12px 30px rgba(20,25,32,.14);
}

.theme-toggle:active{
  transform:scale(.96);
}

.theme-icon{
  font-size:24px;
  line-height:1;
}

/* Dark theme */
html[data-theme="dark"] body{
  color:#f4f6fb;
  background:
    radial-gradient(circle at 18% 12%, rgba(64,112,255,.24), transparent 30%),
    radial-gradient(circle at 82% 42%, rgba(151,78,255,.22), transparent 34%),
    radial-gradient(circle at 28% 78%, rgba(255,80,145,.16), transparent 36%),
    linear-gradient(180deg,#0b1020 0%,#11172b 30%,#171329 62%,#21131f 82%,#0e1422 100%);
  background-attachment:fixed;
  background-size:cover;
}

html[data-theme="dark"] .site-header{
  background:rgba(10,14,24,.78);
  border-bottom-color:rgba(255,255,255,.10);
}

html[data-theme="dark"] .brand,
html[data-theme="dark"] nav a,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] summary{
  color:#f7f8fb;
}

html[data-theme="dark"] .lead,
html[data-theme="dark"] p,
html[data-theme="dark"] .note,
html[data-theme="dark"] details p,
html[data-theme="dark"] footer{
  color:#cdd4e3;
}

html[data-theme="dark"] .card,
html[data-theme="dark"] .alt{
  background:rgba(18,23,38,.78);
  border-color:rgba(255,255,255,.12);
  box-shadow:0 18px 48px rgba(0,0,0,.28);
}

html[data-theme="dark"] .featured{
  border-color:rgba(255,255,255,.75);
}

html[data-theme="dark"] .secondary{
  background:rgba(255,255,255,.08);
  color:#f7f8fb;
  border-color:rgba(255,255,255,.16);
}

html[data-theme="dark"] .primary{
  background:#f5f7fb;
  color:#111318;
  box-shadow:0 12px 32px rgba(0,0,0,.28);
}

html[data-theme="dark"] .tag{
  background:#f5f7fb;
  color:#111318;
}

html[data-theme="dark"] .rules li,
html[data-theme="dark"] details,
html[data-theme="dark"] footer{
  border-color:rgba(255,255,255,.12);
}

html[data-theme="dark"] .theme-toggle{
  background:rgba(18,23,38,.88);
  color:#f7f8fb;
  border-color:rgba(255,255,255,.14);
}

html[data-theme="dark"] .cta{
  background:#080b12;
}

@media(max-width:800px){
  .nav{
    gap:14px;
  }

  .theme-toggle{
    width:44px;
    height:44px;
  }
}

/* Multi-page SEO navigation */
.page-hero{min-height:auto;padding:84px 0 64px}.page-hero h1{font-size:clamp(46px,7vw,76px)}.steps{padding-left:24px}.steps li{margin:12px 0}.link-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px}.text-link{display:flex;flex-direction:column;gap:8px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.text-link:hover{transform:translateY(-3px);box-shadow:0 18px 46px rgba(20,25,32,.10)}.text-link strong{font-size:22px}.text-link span{color:#5b6168}.seo-links .text-link{min-height:180px}.center-actions{justify-content:center}footer a{text-decoration:none}html[data-theme="dark"] .text-link span{color:#cdd4e3}@media(max-width:800px){.link-cards{grid-template-columns:1fr}.page-hero{padding:54px 0 44px}}

/* Mobile navigation fix: keep all page links visible */
@media (max-width:800px){
  .site-header{
    position:sticky;
    top:0;
  }

  .site-header .nav{
    min-height:auto;
    padding-top:10px;
    padding-bottom:10px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    column-gap:10px;
    row-gap:8px;
  }

  .site-header .brand{
    max-width:calc(100% - 58px);
    font-size:18px;
    line-height:1.2;
  }

  .site-header nav{
    display:flex;
    order:3;
    width:100%;
    gap:8px;
    overflow-x:auto;
    padding:3px 0 2px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .site-header nav::-webkit-scrollbar{
    display:none;
  }

  .site-header nav a{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    min-height:38px;
    padding:8px 13px;
    border:1px solid rgba(21,23,26,.12);
    border-radius:12px;
    background:rgba(255,255,255,.58);
    font-size:14px;
    line-height:1;
    white-space:nowrap;
  }

  html[data-theme="dark"] .site-header nav a{
    background:rgba(255,255,255,.07);
    border-color:rgba(255,255,255,.14);
  }
}

@media (max-width:390px){
  .site-header .container{
    width:calc(100% - 20px);
  }

  .site-header .brand{
    font-size:16px;
  }

  .site-header nav a{
    padding:8px 11px;
    font-size:13px;
  }
}

/* Mobile slide-out navigation */
.header-actions{display:flex;align-items:center;gap:10px}.menu-toggle{display:none;width:46px;height:46px;padding:0;border:1px solid #dfe3e8;border-radius:14px;background:#fff;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{display:block;width:22px;height:2px;border-radius:2px;background:#15171a}.menu-overlay,.mobile-menu{display:none}

@media(max-width:800px){
  .site-header .nav{min-height:64px;padding:9px 0;flex-wrap:nowrap}
  .desktop-nav{display:none!important}
  .site-header .brand{max-width:calc(100% - 116px);font-size:17px}
  .header-actions{margin-left:auto}
  .menu-toggle{display:flex}
  .menu-overlay{display:block;position:fixed;inset:0;z-index:80;background:rgba(5,8,15,.56);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;backdrop-filter:blur(3px)}
  .mobile-menu{display:block;position:fixed;top:0;right:0;z-index:90;width:min(84vw,340px);height:100dvh;padding:18px;background:#fff;box-shadow:-18px 0 50px rgba(0,0,0,.22);transform:translateX(105%);transition:transform .28s ease;overflow-y:auto}
  .mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 18px;border-bottom:1px solid #e6e9ed;font-size:22px}
  .menu-close{width:44px;height:44px;border:0;border-radius:12px;background:#f1f3f5;font-size:32px;line-height:1;cursor:pointer}
  .mobile-nav{display:flex;flex-direction:column;gap:8px;padding-top:18px}
  .mobile-nav a{display:flex;align-items:center;min-height:54px;padding:13px 16px;border-radius:14px;text-decoration:none;font-size:18px;font-weight:800;background:#f6f7f9;color:#15171a}
  body.menu-open{overflow:hidden}
  body.menu-open .menu-overlay{opacity:1;visibility:visible}
  body.menu-open .mobile-menu{transform:translateX(0)}
  html[data-theme="dark"] .menu-toggle{background:rgba(18,23,38,.88);border-color:rgba(255,255,255,.14)}
  html[data-theme="dark"] .menu-toggle span{background:#f7f8fb}
  html[data-theme="dark"] .mobile-menu{background:#0f1422;color:#f7f8fb}
  html[data-theme="dark"] .mobile-menu-head{border-color:rgba(255,255,255,.12)}
  html[data-theme="dark"] .menu-close{background:rgba(255,255,255,.08);color:#f7f8fb}
  html[data-theme="dark"] .mobile-nav a{background:rgba(255,255,255,.07);color:#f7f8fb}
}


.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}.article{line-height:1.75}.article p{margin:0 0 1rem}.article h2{margin-top:2rem}.article h3{margin-top:1.4rem}.toc{position:sticky;top:92px}.toc a{display:block;padding:.45rem 0;color:var(--muted);text-decoration:none}.toc a:hover{color:var(--text)}.quick-steps{counter-reset:steps}.quick-steps li{list-style:none;position:relative;padding-left:3rem;margin:1rem 0}.quick-steps li:before{counter-increment:steps;content:counter(steps);position:absolute;left:0;top:-.1rem;width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:800}.notice{border-left:4px solid var(--accent);padding:1rem 1.2rem;background:var(--card);border-radius:0 14px 14px 0}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.related-grid a{text-decoration:none}.footer-links{display:flex;flex-wrap:wrap;gap:12px}.footer-links a{color:inherit}.nav-more{display:none}@media(max-width:900px){.content-grid{grid-template-columns:1fr}.toc{position:static}.related-grid{grid-template-columns:1fr}.desktop-nav{display:none}.menu-toggle{display:flex}}@media(min-width:901px){.menu-toggle{display:none}}

.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-heading h2,.section-heading p{margin-bottom:.35rem}.search-box{display:grid;gap:6px;min-width:min(100%,320px);font-size:.85rem;color:var(--muted)}.search-box input{width:100%;padding:.85rem 1rem;border:1px solid var(--border);border-radius:14px;background:var(--card);color:var(--text);font:inherit}.group-card{display:flex;flex-direction:column}.group-card p{flex:1}.group-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:.6rem}.group-category{font-size:.83rem;color:var(--muted)}.search-empty{text-align:center;color:var(--muted);padding:2rem}.compact-link{display:flex;flex-direction:column;gap:.35rem;text-decoration:none}.compact-link span{color:var(--muted);font-size:.9rem}@media(max-width:700px){.section-heading{align-items:stretch;flex-direction:column}.search-box{min-width:0}.hero{padding-top:3.2rem}.hero-grid{gap:18px}.community-grid{grid-template-columns:1fr}}


/* Hero CTA hierarchy */
.hero-actions{align-items:center}
.hero-main-cta{
  min-height:60px;
  padding:17px 32px;
  font-size:18px;
  background:#fff;
  color:#15171a;
  border:1px solid rgba(21,23,26,.12);
  box-shadow:0 14px 34px rgba(21,23,26,.14);
}
.hero-main-cta:hover{
  transform:translateY(-2px) scale(1.015);
  box-shadow:0 18px 42px rgba(21,23,26,.2);
}
.hero-groups-cta{
  min-height:52px;
  padding:14px 22px;
  font-size:16px;
}
html[data-theme="dark"] .hero-main-cta{
  background:#fff;
  color:#111318;
  border-color:rgba(255,255,255,.9);
  box-shadow:0 14px 36px rgba(0,0,0,.32);
}
@media(max-width:560px){
  .hero-actions{display:grid;grid-template-columns:1fr;gap:12px}
  .hero-main-cta,.hero-groups-cta{width:100%}
  .hero-main-cta{min-height:62px;font-size:19px}
}


/* ==========================================================
   ФИНАЛЬНАЯ ИЕРАРХИЯ CTA НА ГЛАВНОЙ
   ========================================================== */
.hero-actions {
  align-items: center;
  gap: 14px;
}

/* Главная белая кнопка — основной акцент */
.hero-main-cta {
  min-height: 66px;
  padding: 19px 38px;
  font-size: 20px;
  background: #ffffff;
  color: #111318;
  border: 1px solid rgba(17, 19, 24, 0.12);
  box-shadow: 0 16px 38px rgba(17, 19, 24, 0.20);
}

.hero-main-cta:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 22px 48px rgba(17, 19, 24, 0.27);
}

/* Второстепенная кнопка — намеренно не белая */
.hero-groups-cta,
html[data-theme="dark"] .hero-groups-cta {
  min-height: 52px;
  padding: 14px 23px;
  font-size: 16px;
  background: #2467d8;
  color: #ffffff;
  border: 1px solid #2467d8;
  box-shadow: 0 9px 24px rgba(36, 103, 216, 0.22);
}

.hero-groups-cta:hover {
  background: #1d58bd;
  border-color: #1d58bd;
  box-shadow: 0 13px 30px rgba(36, 103, 216, 0.30);
}

html[data-theme="dark"] .hero-main-cta {
  background: #ffffff;
  color: #111318;
  border-color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.38);
}

@media (max-width: 560px) {
  .hero-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .hero-main-cta,
  .hero-groups-cta {
    width: 100%;
  }

  .hero-main-cta {
    min-height: 68px;
    font-size: 20px;
  }

  .hero-groups-cta {
    min-height: 54px;
    font-size: 16px;
  }
}

/* v16.6 — единые CTA на всех страницах */
.hero .actions {
  align-items: center;
  gap: 12px;
}

.hero-main-cta {
  min-height: 58px;
  padding: 16px 30px;
  border: 2px solid #fff;
  border-radius: 14px;
  background: #fff;
  color: #111827;
  font-size: 1.05rem;
  font-weight: 800;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
  text-decoration: none;
}

.hero-main-cta:hover {
  transform: translateY(-2px) scale(1.015);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.23);
}

.hero-groups-cta {
  min-height: 48px;
  padding: 12px 20px;
  font-size: .96rem;
  font-weight: 700;
  opacity: .9;
}

.hero-main-cta:focus-visible,
.hero-groups-cta:focus-visible,
a:focus-visible,
button:focus-visible {
  outline: 3px solid #60a5fa;
  outline-offset: 3px;
}

@media (max-width: 640px) {
  .hero .actions {
    align-items: stretch;
  }
  .hero-main-cta,
  .hero-groups-cta {
    width: 100%;
    justify-content: center;
  }
  .hero-main-cta {
    min-height: 60px;
    font-size: 1.08rem;
  }
}


/* Блок статуса «Проверенная» */
.verified-notice {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 18px;
  align-items: start;
  margin: 22px 0 28px;
  padding: 24px;
  border: 1px solid rgba(34, 197, 94, .32);
  background: linear-gradient(135deg, rgba(34, 197, 94, .10), rgba(59, 130, 246, .06));
}

.verified-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #22c55e;
  color: #fff;
  font-size: 26px;
  font-weight: 900;
  box-shadow: 0 10px 26px rgba(34, 197, 94, .25);
}

.verified-notice h3,
.verified-safety h2 {
  margin-top: 2px;
}

.verified-note {
  margin-top: 10px;
  font-size: .94rem;
  opacity: .82;
}

.text-link {
  display: inline-block;
  margin-top: 8px;
  font-weight: 800;
  text-decoration: none;
}

.text-link:hover {
  text-decoration: underline;
}

.verified-safety {
  padding: 30px;
  border: 1px solid rgba(34, 197, 94, .32);
  background: linear-gradient(135deg, rgba(34, 197, 94, .09), rgba(59, 130, 246, .05));
}

.verified-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 22px 0;
}

.verified-points > div {
  padding: 16px;
  border-radius: 16px;
  background: var(--card, rgba(255,255,255,.05));
  border: 1px solid var(--border, rgba(148,163,184,.18));
}

.verified-points strong,
.verified-points span {
  display: block;
}

.verified-points span {
  margin-top: 7px;
  font-size: .93rem;
  opacity: .82;
}

@media (max-width: 720px) {
  .verified-notice {
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .verified-points {
    grid-template-columns: 1fr;
  }

  .verified-safety {
    padding: 22px;
  }
}


/* Улучшенная карточка статуса «Проверенная» */
.verified-content {
  min-width: 0;
}

.verified-lead {
  margin-top: 10px;
  font-size: 1.02rem;
  line-height: 1.72;
}

.verified-checklist {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin: 18px 0 16px;
  padding: 0;
  list-style: none;
}

.verified-checklist li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border: 1px solid rgba(34, 197, 94, .26);
  border-radius: 999px;
  background: rgba(34, 197, 94, .08);
  font-size: .9rem;
  font-weight: 700;
}

.verified-checklist li::before {
  content: "✓";
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #22c55e;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
}

.verified-safety-heading {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 14px;
}

.verified-icon-large {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  font-size: 30px;
}

.verified-point-icon {
  display: grid !important;
  place-items: center;
  width: 30px;
  height: 30px;
  margin-bottom: 12px;
  border-radius: 10px;
  background: rgba(34, 197, 94, .14);
  color: #22c55e;
  font-size: 17px;
  font-weight: 900;
}

.verified-note-safe {
  padding: 14px 16px;
  border-left: 3px solid #22c55e;
  border-radius: 10px;
  background: rgba(34, 197, 94, .07);
}

@media (max-width: 720px) {
  .verified-checklist {
    display: grid;
    grid-template-columns: 1fr;
  }

  .verified-checklist li {
    border-radius: 14px;
  }

  .verified-safety-heading {
    align-items: flex-start;
  }
}

/* Логотип сайта в шапке на каждой странице */
.site-header .brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.site-header .brand-logo {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: block;
  border-radius: 10px;
  box-shadow: 0 5px 14px rgba(8, 27, 58, .18);
}

.site-header .brand-text {
  min-width: 0;
  line-height: 1.1;
}

@media (max-width: 560px) {
  .site-header .brand {
    gap: 9px;
  }

  .site-header .brand-logo {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
    border-radius: 8px;
  }

  .site-header .brand-text {
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100vw - 125px);
  }
}


/* Language selector */
.language-switcher{display:inline-flex;align-items:center;padding:4px;border:1px solid rgba(21,23,26,.14);border-radius:14px;background:rgba(255,255,255,.82);box-shadow:0 8px 24px rgba(20,25,32,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.language-option{min-width:34px;height:34px;padding:0 7px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:12px;font-weight:850;letter-spacing:.03em;color:#5b6168;transition:background .18s ease,color .18s ease,transform .18s ease}
.language-option:hover{transform:translateY(-1px);color:#15171a}.language-option.active{background:#15171a;color:#fff}
html[data-theme="dark"] .language-switcher{background:rgba(18,23,38,.88);border-color:rgba(255,255,255,.14)}
html[data-theme="dark"] .language-option{color:#cdd4e3}html[data-theme="dark"] .language-option:hover{color:#fff}html[data-theme="dark"] .language-option.active{background:#f5f7fb;color:#111318}
@media(max-width:520px){.language-switcher{padding:3px}.language-option{min-width:29px;height:32px;padding:0 5px;font-size:11px}.header-actions{gap:7px}.theme-toggle,.menu-toggle{width:42px;height:42px}.site-header .brand{max-width:calc(100% - 206px)}.site-header .brand-text{display:none}}


/* Stage 3.0 accessibility, breadcrumbs and rendering */
.skip-link{position:fixed;top:10px;left:10px;z-index:9999;padding:10px 14px;border-radius:10px;background:#111;color:#fff;text-decoration:none;font-weight:800;transform:translateY(-160%);transition:transform .18s ease}
.skip-link:focus{transform:translateY(0);outline:3px solid currentColor;outline-offset:3px}
.breadcrumbs{padding-top:22px;padding-bottom:0}
.breadcrumbs ol{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;font-size:14px;color:var(--muted)}
.breadcrumbs li+li::before{content:'›';margin-right:8px;opacity:.65}
.breadcrumbs a{color:inherit;text-decoration:none}
.breadcrumbs a:hover{text-decoration:underline}
.desktop-nav a[aria-current="page"],.mobile-nav a[aria-current="page"]{font-weight:850}
:focus-visible{outline:3px solid currentColor;outline-offset:3px}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1!important;transform:none!important}}

/* =========================================================
   Viewport-consistent adaptive background (desktop + mobile)
   Uses a fixed pseudo-element instead of background-attachment: fixed,
   which is rendered inconsistently by iOS Safari.
   ========================================================= */
html,
body{
  min-height:100%;
}

body{
  position:relative;
  isolation:isolate;
  background:#f6f9ff;
  background-attachment:scroll;
  background-image:none;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(ellipse 62% 54% at 15% 15%, rgba(90,140,255,.24) 0%, rgba(90,140,255,.10) 42%, transparent 72%),
    radial-gradient(ellipse 58% 68% at 88% 46%, rgba(165,105,255,.22) 0%, rgba(165,105,255,.08) 48%, transparent 74%),
    radial-gradient(ellipse 64% 48% at 28% 88%, rgba(255,125,175,.19) 0%, rgba(255,125,175,.07) 46%, transparent 75%),
    linear-gradient(180deg,#f8fbff 0%,#eef4ff 30%,#f5efff 61%,#fff3f8 84%,#f6f9ff 100%);
  background-repeat:no-repeat;
  transform:translateZ(0);
  will-change:transform;
}

html[data-theme="dark"] body{
  background:#0b1020;
  background-attachment:scroll;
  background-image:none;
}

html[data-theme="dark"] body::before{
  background:
    radial-gradient(ellipse 66% 56% at 14% 14%, rgba(64,112,255,.34) 0%, rgba(64,112,255,.13) 43%, transparent 72%),
    radial-gradient(ellipse 60% 70% at 88% 44%, rgba(151,78,255,.31) 0%, rgba(151,78,255,.11) 48%, transparent 74%),
    radial-gradient(ellipse 68% 50% at 27% 88%, rgba(255,80,145,.25) 0%, rgba(255,80,145,.08) 48%, transparent 76%),
    linear-gradient(180deg,#0b1020 0%,#111a38 31%,#17142f 62%,#21131f 84%,#0e1422 100%);
}

/* Portrait phones: move the violet and pink glow upward so the first
   screen keeps the same visual composition as the desktop hero. */
@media (max-width:800px){
  body::before{
    background:
      radial-gradient(ellipse 105% 44% at 12% 12%, rgba(90,140,255,.28) 0%, rgba(90,140,255,.11) 48%, transparent 75%),
      radial-gradient(ellipse 92% 50% at 104% 50%, rgba(165,105,255,.23) 0%, rgba(165,105,255,.08) 50%, transparent 76%),
      radial-gradient(ellipse 105% 38% at 18% 92%, rgba(255,125,175,.18) 0%, rgba(255,125,175,.06) 50%, transparent 78%),
      linear-gradient(180deg,#f8fbff 0%,#eef4ff 35%,#f5efff 67%,#fff3f8 90%,#f6f9ff 100%);
  }

  html[data-theme="dark"] body::before{
    background:
      radial-gradient(ellipse 108% 46% at 10% 12%, rgba(64,112,255,.38) 0%, rgba(64,112,255,.14) 48%, transparent 75%),
      radial-gradient(ellipse 96% 52% at 105% 48%, rgba(151,78,255,.29) 0%, rgba(151,78,255,.10) 51%, transparent 77%),
      radial-gradient(ellipse 108% 40% at 18% 91%, rgba(255,80,145,.22) 0%, rgba(255,80,145,.07) 51%, transparent 79%),
      linear-gradient(180deg,#0b1020 0%,#111a38 35%,#18152f 67%,#21131f 91%,#0e1422 100%);
  }
}

/* iPhone landscape and short screens */
@media (max-height:520px) and (orientation:landscape){
  body::before,
  html[data-theme="dark"] body::before{
    background-size:100% 145%;
    background-position:center top;
  }
}

@media (prefers-reduced-motion:reduce){
  body::before{will-change:auto;}
}

/* Mobile viewport overflow and verified-status card fix */
html,
body{
  width:100%;
  max-width:100%;
  overflow-x:clip;
}

.site-header{
  width:100%;
  max-width:100%;
}

@supports not (overflow:clip){
  html,
  body{
    overflow-x:hidden;
  }
}

@media (max-width:720px){
  #verified-status .container.narrow{
    width:calc(100% - 24px);
    max-width:100%;
  }

  .verified-safety{
    width:100%;
    max-width:100%;
    padding:20px;
    overflow:hidden;
  }

  .verified-safety-heading{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
    align-items:start;
  }

  .verified-icon-large{
    width:58px;
    height:58px;
    flex:none;
  }

  .verified-safety-heading > div:last-child{
    min-width:0;
    width:100%;
  }

  .verified-safety .eyebrow{
    display:block;
    font-size:12px;
    line-height:1.35;
    letter-spacing:.07em;
    overflow-wrap:anywhere;
  }

  .verified-safety h2{
    width:100%;
    max-width:100%;
    margin:8px 0 0;
    font-size:clamp(32px,10vw,43px);
    line-height:1.06;
    letter-spacing:-.035em;
    overflow-wrap:normal;
    word-break:normal;
    hyphens:none;
  }

  .verified-lead,
  .verified-points > div,
  .verified-note-safe{
    min-width:0;
    max-width:100%;
    overflow-wrap:break-word;
  }
}

@media (max-width:390px){
  #verified-status .container.narrow{
    width:calc(100% - 20px);
  }

  .verified-safety{
    padding:18px;
  }

  .verified-safety h2{
    font-size:30px;
  }
}

/* Mobile hero overflow fix (long page titles such as "Безопасность") */
@media (max-width:800px){
  .hero{
    width:100%;
    max-width:100%;
    padding:42px 0 54px;
    overflow:hidden;
  }

  .hero > .container,
  .hero-grid{
    width:calc(100% - 32px);
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
  }

  .hero-grid{
    grid-template-columns:minmax(0,1fr);
    margin-top:0;
  }

  .hero-grid > *,
  .hero-grid > div{
    min-width:0;
    max-width:100%;
  }

  .hero h1{
    width:100%;
    max-width:100%;
    font-size:clamp(40px,11vw,48px);
    line-height:1.02;
    letter-spacing:-.05em;
    overflow-wrap:break-word;
    word-break:normal;
    hyphens:none;
  }

  .hero .lead{
    width:100%;
    max-width:100%;
    font-size:clamp(18px,5.2vw,21px);
    overflow-wrap:break-word;
  }

  .hero .actions{
    width:100%;
    max-width:100%;
  }

  .hero .actions .button{
    max-width:100%;
  }

  .hero-card{
    width:100%;
    max-width:100%;
    min-width:0;
  }
}

@media (max-width:390px){
  .hero > .container,
  .hero-grid{
    width:calc(100% - 24px);
  }

  .hero h1{
    font-size:38px;
  }
}

/* === V4 VISUAL REBUILD === */
:root{--v4-bg:#070d1c;--v4-bg2:#0d1630;--v4-card:rgba(18,25,54,.86);--v4-border:rgba(128,155,255,.18);--v4-text:#f7f8ff;--v4-muted:#c7cee3;--v4-accent:#3aa8ff;--v4-purple:#8b5cf6}
body.v4-design{background:radial-gradient(circle at 18% 18%,rgba(0,119,255,.24),transparent 32%),radial-gradient(circle at 82% 40%,rgba(108,63,255,.22),transparent 35%),linear-gradient(180deg,#07101f 0%,#0a1022 55%,#070c18 100%);color:var(--v4-text);min-height:100vh}
body.v4-design:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 20%,rgba(30,88,255,.08),transparent 55%,rgba(158,52,255,.06));z-index:-1}
.v4-design .container{width:min(1180px,calc(100% - 40px))}
.v4-header{background:rgba(6,12,27,.84)!important;border-bottom:1px solid rgba(128,155,255,.18)!important;backdrop-filter:blur(20px)}
.v4-header .nav{min-height:68px}.v4-header .brand{display:flex;align-items:center;gap:10px;color:#fff}.v4-header .desktop-nav{gap:32px}.v4-header .desktop-nav a{color:#e8ecfb;font-size:15px}.v4-header .desktop-nav a[aria-current="page"]{color:#3aa8ff;border-bottom:3px solid #3aa8ff;padding:23px 0 19px}
.v4-design .language-switcher,.v4-design .theme-toggle{background:rgba(255,255,255,.04);border:1px solid var(--v4-border);border-radius:999px}.v4-design .language-option{color:#dfe5f7}.v4-design .language-option.active{background:#fff;color:#101527}
.v4-hero{padding:34px 0 42px;border-bottom:1px solid rgba(128,155,255,.14)}.v4-hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:54px;align-items:center}.hero-copy h1{font-size:clamp(42px,5vw,68px);line-height:1.06;letter-spacing:-.04em;margin:0 0 24px}.hero-copy h1 span{display:block;background:linear-gradient(90deg,#6f75ff,#b07aff);-webkit-background-clip:text;color:transparent}.v4-design .lead{color:var(--v4-muted);font-size:20px;max-width:570px}.hero-actions{display:grid;gap:12px;max-width:470px;margin:28px 0 16px}.hero-primary,.main-open,.chat-open{background:#fff;color:#101523!important;box-shadow:0 12px 30px rgba(0,0,0,.25)}.hero-secondary{border:1px solid rgba(255,255,255,.5);color:#fff;background:transparent}.trust-row{display:flex;gap:10px;flex-wrap:wrap}.trust-row span,.chat-meta span{padding:10px 12px;border:1px solid var(--v4-border);border-radius:10px;background:rgba(255,255,255,.035);font-size:13px;color:#d5dcef}
.v4-design .card{background:linear-gradient(135deg,rgba(14,23,48,.95),rgba(28,24,67,.92));border:1px solid var(--v4-border);box-shadow:0 22px 60px rgba(0,0,0,.28);color:#fff}.main-chat-card{padding:30px;border-radius:24px}.group-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.v4-design .tag{margin:0;background:#fff;color:#11162a;padding:6px 11px}.group-category{color:#dfe4f3;font-size:14px}.main-chat-card h2{font-size:34px;margin:24px 0 14px}.main-chat-card p{color:var(--v4-muted)}.verified-badge{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#37b8ff;color:white;font-size:15px;vertical-align:middle}.main-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0}.main-stats span{color:#fff;font-size:15px}.main-stats small{color:#aeb8d2}.main-open{width:100%;min-height:62px;font-size:19px;border-radius:12px}
.theme-chats{padding:42px 0 28px}.center-heading{text-align:center;margin-bottom:22px}.center-heading h2{font-size:34px;margin:0 0 8px}.center-heading p{color:var(--v4-muted);margin:0}.chat-list{display:grid;gap:16px}.chat-row{display:grid;grid-template-columns:1fr 330px;gap:28px;align-items:center;padding:24px;border-radius:20px}.chat-row h3{font-size:27px;margin:14px 0 6px}.chat-row p{color:var(--v4-muted);margin:0 0 14px;font-size:16px}.chat-meta{display:flex;gap:10px;flex-wrap:wrap}.chat-open{min-height:54px;border-radius:10px}.support-panel{padding:36px 0 56px}.support-panel .card{text-align:center}.v4-footer{border-top:1px solid var(--v4-border);padding:28px 0;background:rgba(5,10,22,.62)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-grid>div{display:flex;flex-direction:column;gap:8px}.footer-grid a{color:#cbd3e8;text-decoration:none}.footer-grid p{color:#98a4c0;font-size:14px}
.v4-design .section:not(.theme-chats):not(.support-panel){background:transparent}.v4-design footer{color:#cbd3e8}
@media(max-width:900px){.v4-hero-grid{grid-template-columns:1fr;gap:26px}.hero-copy{text-align:center}.hero-copy .lead{margin-inline:auto}.hero-actions{margin-inline:auto}.trust-row{justify-content:center}.chat-row{grid-template-columns:1fr}.chat-open{width:100%}.footer-grid{grid-template-columns:1fr 1fr}.v4-header .desktop-nav{display:none}}
@media(max-width:600px){.v4-design .container{width:min(100% - 22px,1180px)}.v4-header .nav{min-height:60px}.brand-text{font-size:16px}.v4-hero{padding:28px 0 30px}.hero-copy h1{font-size:clamp(36px,11vw,50px)}.v4-design .lead{font-size:17px}.main-chat-card{padding:20px}.main-chat-card h2{font-size:28px}.main-stats{grid-template-columns:1fr;gap:10px}.theme-chats{padding-top:30px}.center-heading h2{font-size:30px}.chat-row{padding:18px}.chat-row h3{font-size:24px}.chat-meta span{font-size:12px;padding:8px 9px}.footer-grid{grid-template-columns:1fr}.language-switcher{display:none}.hero-actions .button{width:100%}.trust-row{display:grid;grid-template-columns:1fr}.trust-row span{text-align:left}}

/* === v4.1 stability and translation UI fixes === */
html{scroll-padding-top:78px}
body.menu-open{overflow:hidden;touch-action:none}
.menu-toggle{display:none;background:transparent;border:0;padding:8px;cursor:pointer}
.menu-toggle span{display:block;width:24px;height:2px;margin:5px;background:currentColor;border-radius:2px}
.mobile-menu{position:fixed;top:0;right:0;z-index:1002;width:min(88vw,360px);height:100dvh;padding:20px;background:#0b1226;color:#fff;transform:translateX(105%);transition:transform .25s ease;overflow:auto;visibility:hidden}
.mobile-menu.open{transform:translateX(0);visibility:visible}
.menu-overlay{position:fixed;inset:0;z-index:1001;background:rgba(0,0,0,.58);opacity:0;pointer-events:none;transition:opacity .25s ease}
.menu-overlay.open{opacity:1;pointer-events:auto}
.mobile-menu-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.menu-close{border:0;background:transparent;color:inherit;font-size:34px;cursor:pointer}.mobile-nav{display:grid;gap:4px}.mobile-nav a{padding:13px;border-radius:10px;color:#e8edff}.mobile-nav a:hover{background:rgba(255,255,255,.07)}
.language-switcher{display:flex!important;align-items:center;gap:3px;padding:3px}.language-option{padding:6px 9px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:800}
.button:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #55b8ff;outline-offset:3px}
.chat-row,.main-chat-card,.hero-copy{min-width:0}.chat-row h3,.main-chat-card h2,.hero-copy h1{overflow-wrap:break-word}
@media(max-width:900px){.menu-toggle{display:block;color:#fff}.header-actions{display:flex;align-items:center;gap:8px}.v4-header .desktop-nav{display:none}}
@media(max-width:600px){.language-switcher{display:flex!important}.language-option{padding:5px 7px;font-size:12px}.theme-toggle{width:40px;height:40px}.v4-header .brand-text{max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-row{gap:18px}.group-top{align-items:flex-start}.group-category{text-align:right}.main-stats{grid-template-columns:repeat(3,minmax(0,1fr));font-size:12px}.main-stats span{font-size:13px}.main-open,.chat-open{min-height:56px}.trust-row{grid-template-columns:1fr}.footer-grid{gap:24px}}
@media(max-width:380px){.v4-design .container{width:calc(100% - 16px)}.language-option{padding:5px;font-size:11px}.brand-logo{width:32px;height:32px}.v4-header .brand-text{max-width:112px}.main-stats{grid-template-columns:1fr}.group-top{gap:8px}.group-category{font-size:12px}}

/* functional light theme */
html[data-theme="light"] body.v4-design{--v4-text:#10172a;--v4-muted:#56627a;--v4-card:rgba(255,255,255,.88);--v4-border:rgba(52,76,130,.18);background:linear-gradient(180deg,#eef5ff,#f7f3ff 55%,#fff7fa);color:var(--v4-text)}
html[data-theme="light"] body.v4-design:before{background:radial-gradient(circle at 18% 18%,rgba(0,119,255,.13),transparent 32%),radial-gradient(circle at 82% 40%,rgba(108,63,255,.12),transparent 35%)}
html[data-theme="light"] .v4-header{background:rgba(255,255,255,.86)!important}
html[data-theme="light"] .v4-header .brand,html[data-theme="light"] .v4-header .desktop-nav a,html[data-theme="light"] .menu-toggle{color:#11182a}
html[data-theme="light"] .v4-design .card{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(245,242,255,.95));color:#10172a;box-shadow:0 18px 44px rgba(40,55,95,.12)}
html[data-theme="light"] .main-chat-card p,html[data-theme="light"] .chat-row p,html[data-theme="light"] .center-heading p,html[data-theme="light"] .v4-design .lead{color:#56627a}
html[data-theme="light"] .group-category,html[data-theme="light"] .main-stats span{color:#28334b}
html[data-theme="light"] .main-stats small{color:#68738b}
html[data-theme="light"] .trust-row span,html[data-theme="light"] .chat-meta span{background:rgba(255,255,255,.72);color:#29344c}
html[data-theme="light"] .hero-secondary{color:#15203a;border-color:rgba(20,32,58,.35)}
html[data-theme="light"] .v4-footer{background:rgba(255,255,255,.65)}
html[data-theme="light"] .footer-grid a,html[data-theme="light"] .v4-design footer{color:#47536c}


/* === V4.2 unified design on every page + header overflow fix === */
body.v4-design{overflow-x:hidden}
.v4-header{position:sticky;top:0;z-index:1000}
.v4-header .nav{display:flex;align-items:center;justify-content:space-between;gap:22px;max-width:1440px}
.v4-header .brand{flex:0 1 auto;min-width:0}.v4-header .brand-text{white-space:nowrap}
.v4-header .desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.2vw,34px);margin-left:auto;min-width:0}
.v4-header .desktop-nav a{white-space:nowrap;font-weight:700}
.v4-header .header-actions{flex:0 0 auto;display:flex;align-items:center;gap:10px}
.v4-header .language-switcher{white-space:nowrap;flex-shrink:0}
.v4-inner-page main{min-height:70vh}
.v4-inner-page .breadcrumbs{padding-top:22px;color:var(--v4-muted)}
.v4-inner-page .breadcrumbs a{color:#78bdff}
.v4-inner-page .hero{padding:52px 0 38px;background:transparent;border-bottom:1px solid var(--v4-border)}
.v4-inner-page .hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:34px;align-items:center}
.v4-inner-page .hero h1{font-size:clamp(38px,5vw,64px);line-height:1.06;letter-spacing:-.035em;color:var(--v4-text)}
.v4-inner-page .badge,.v4-inner-page .eyebrow{color:#8ac9ff;font-weight:800;letter-spacing:.04em}
.v4-inner-page .lead,.v4-inner-page .article p,.v4-inner-page .info-card p,.v4-inner-page .related-grid p{color:var(--v4-muted)}
.v4-inner-page .hero-card,.v4-inner-page .info-card,.v4-inner-page .verified-safety,.v4-inner-page .related-grid>*{background:linear-gradient(135deg,rgba(14,23,48,.95),rgba(28,24,67,.92));border:1px solid var(--v4-border);border-radius:20px;box-shadow:0 22px 60px rgba(0,0,0,.22);color:var(--v4-text)}
.v4-inner-page .section{background:transparent;padding:42px 0}
.v4-inner-page .article{background:linear-gradient(135deg,rgba(14,23,48,.74),rgba(28,24,67,.7));border:1px solid var(--v4-border);border-radius:24px;padding:clamp(24px,4vw,46px)}
.v4-inner-page .article h2,.v4-inner-page .section h2,.v4-inner-page .info-card h3{color:var(--v4-text)}
.v4-inner-page .grid-3,.v4-inner-page .related-grid{gap:18px}
.v4-inner-page .info-card,.v4-inner-page .related-grid>*{padding:24px}
.v4-inner-page .button{border-radius:12px}
.v4-inner-page .hero-main-cta,.v4-inner-page .primary{background:#fff;color:#101523!important;border-color:#fff}
.v4-inner-page .hero-groups-cta{background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.42)}
.v4-inner-page .v4-footer,.v4-inner-page footer{background:rgba(5,10,22,.62);border-top:1px solid var(--v4-border);color:#cbd3e8}
@media(max-width:1180px){.v4-header .desktop-nav{gap:16px}.v4-header .desktop-nav a{font-size:14px}.v4-header .brand-text{font-size:18px}.v4-header .container{width:calc(100% - 24px)}}
@media(max-width:1020px){.v4-header .desktop-nav{display:none}.menu-toggle{display:block}.v4-header .nav{min-height:64px}.v4-inner-page .hero-grid{grid-template-columns:1fr}}
@media(max-width:640px){.v4-header .brand-text{max-width:150px;overflow:hidden;text-overflow:ellipsis}.v4-header .header-actions{gap:5px}.v4-header .theme-toggle{width:40px;height:40px}.v4-header .language-option{padding:5px 6px;font-size:11px}.v4-inner-page .hero{padding:32px 0 26px}.v4-inner-page .hero h1{font-size:clamp(34px,10vw,48px)}.v4-inner-page .hero-grid{gap:20px}.v4-inner-page .section{padding:30px 0}.v4-inner-page .actions{display:grid}.v4-inner-page .actions .button{width:100%}}
html[data-theme="light"] .v4-inner-page .hero-card,html[data-theme="light"] .v4-inner-page .info-card,html[data-theme="light"] .v4-inner-page .verified-safety,html[data-theme="light"] .v4-inner-page .related-grid>*,html[data-theme="light"] .v4-inner-page .article{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(245,242,255,.95));color:#10172a;box-shadow:0 18px 44px rgba(40,55,95,.12)}
html[data-theme="light"] .v4-inner-page .hero-groups-cta{color:#15203a!important;border-color:rgba(20,32,58,.35)}

/* v4.3 verified block + interaction fixes */
.home-page #verified-status{padding-top:28px;padding-bottom:28px}
.verified-more{display:flex;margin:22px auto 0;align-items:center;justify-content:center;max-width:320px}
a,button{touch-action:manipulation}
a.card,.compact-link,.button,.brand,.desktop-nav a,.mobile-nav a,.language-option{cursor:pointer}
.button,.compact-link,.desktop-nav a,.mobile-nav a,.language-option,.theme-toggle,.menu-toggle,.menu-close{position:relative;z-index:1}
@media (hover:hover){.button:hover,.compact-link:hover{transform:translateY(-2px)}}
@media (max-width:700px){
 .home-page #verified-status{padding:18px 0}
 .verified-safety-heading{align-items:flex-start}
 .verified-safety-heading h2{font-size:clamp(1.75rem,8vw,2.45rem);line-height:1.08}
 .verified-points{grid-template-columns:1fr!important}
 .verified-more{width:100%;max-width:none}
}

/* SEO 5.0: readable supporting content, breadcrumbs and internal links */
.seo-breadcrumbs{padding-top:24px;font-size:.92rem;opacity:.82}.seo-breadcrumbs a{text-decoration:none}.seo-info .card{padding:clamp(24px,4vw,48px)}.seo-info h2,.home-faq h2{margin-top:0}.seo-info h3{margin-top:28px}.seo-link-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:20px}.seo-link-grid a,.chat-title-link{color:inherit}.seo-link-grid a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 14px;border:1px solid var(--border-color,rgba(255,255,255,.14));border-radius:14px;text-decoration:none;font-weight:700}.seo-link-grid a:hover{transform:translateY(-2px)}.chat-title-link{text-decoration:none}.chat-title-link:hover{text-decoration:underline}.home-faq .faq-item{padding:0;margin:12px 0}.home-faq summary{cursor:pointer;padding:20px 24px;font-weight:800}.home-faq .faq-item p{padding:0 24px 22px;margin:0}.home-faq summary::marker{color:currentColor}@media(max-width:900px){.seo-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.seo-link-grid{grid-template-columns:1fr}.seo-breadcrumbs{padding-top:16px}.seo-info .card{padding:22px 18px}.home-faq summary{padding:18px}.home-faq .faq-item p{padding:0 18px 18px}}

/* Clickable trust links */
.trust-row a{color:inherit;text-decoration:none;display:flex;align-items:center;min-height:44px;border-radius:12px;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.trust-row a:hover{transform:translateY(-2px);background:rgba(255,255,255,.06);box-shadow:0 8px 24px rgba(0,0,0,.14)}
.trust-row a:focus-visible{outline:3px solid #38a8ff;outline-offset:3px}
#verified-status{scroll-margin-top:110px}
@media (max-width:760px){.trust-row a{width:100%;justify-content:flex-start;min-height:48px}}

/* v6.4 — unified modern design for every internal page */
.v4-inner-page .hero{
  padding:42px 0 48px;
  background:transparent;
  border-bottom:1px solid rgba(128,155,255,.14);
}
.v4-inner-page .hero-grid{
  grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);
  gap:54px;
  align-items:center;
}
.v4-inner-page .hero h1{
  font-size:clamp(42px,5vw,68px);
  line-height:1.06;
  letter-spacing:-.04em;
  margin:12px 0 24px;
  max-width:720px;
}
.v4-inner-page .hero .badge,
.v4-inner-page .hero .eyebrow{
  color:#78bdff;
  font-size:12px;
  letter-spacing:.1em;
}
.v4-inner-page .hero .lead{
  font-size:19px;
  line-height:1.55;
  max-width:620px;
}
.v4-inner-page .hero .actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.72fr);
  gap:12px;
  max-width:500px;
  margin:28px 0 14px;
}
.v4-inner-page .hero .button{
  min-height:52px;
  border-radius:13px;
}
.v4-inner-page .hero-main-cta{
  background:#fff!important;
  color:#101523!important;
  border:1px solid rgba(255,255,255,.8)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.25)!important;
}
.v4-inner-page .hero-groups-cta{
  background:linear-gradient(135deg,#315fda,#557bff)!important;
  color:#fff!important;
  border:1px solid rgba(139,168,255,.55)!important;
  box-shadow:0 12px 28px rgba(34,75,190,.28)!important;
}
.v4-inner-page .hero-card{
  min-height:0;
  padding:clamp(28px,4vw,42px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:left;
  border-radius:24px;
}
.v4-inner-page .hero-card h2{
  font-size:clamp(30px,4vw,48px);
  line-height:1.08;
  letter-spacing:-.035em;
  margin:0 0 16px;
  overflow-wrap:anywhere;
}
.v4-inner-page .hero-card p{
  font-size:17px;
  line-height:1.6;
  margin:0;
  max-width:520px;
}
.v4-inner-page .section{
  padding:54px 0;
}
.v4-inner-page .article,
.v4-inner-page .verified-safety,
.v4-inner-page .info-card,
.v4-inner-page .related-grid>*{
  backdrop-filter:blur(12px);
}
.v4-inner-page .article h2,
.v4-inner-page .section h2{
  font-size:clamp(30px,4vw,46px);
}
@media(max-width:1020px){
  .v4-inner-page .hero-grid{grid-template-columns:1fr;gap:26px}
  .v4-inner-page .hero-card{max-width:760px;width:100%}
}
@media(max-width:640px){
  .v4-inner-page .breadcrumbs{padding-top:16px}
  .v4-inner-page .hero{padding:26px 0 30px}
  .v4-inner-page .hero h1{font-size:clamp(34px,10vw,48px);margin-top:8px}
  .v4-inner-page .hero .lead{font-size:17px}
  .v4-inner-page .hero .actions{grid-template-columns:1fr;max-width:none}
  .v4-inner-page .hero-card{padding:24px}
  .v4-inner-page .hero-card h2{font-size:clamp(28px,9vw,40px)}
  .v4-inner-page .section{padding:34px 0}
}


/* v6.5 — единые CTA и перелинковка на всех внутренних страницах */
.page-quick-actions{padding:18px 0 8px}
.page-quick-actions .quick-actions-card{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;align-items:center;padding:24px 26px;border-radius:26px}
.page-quick-actions h2{margin:0 0 8px;font-size:clamp(1.35rem,2.4vw,2rem)}
.page-quick-actions p{margin:0;color:var(--muted)}
.page-quick-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.page-quick-buttons .button{width:100%;min-height:48px;text-align:center;justify-content:center}
.related-pages .related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.related-card{display:flex;flex-direction:column;min-height:164px;padding:20px;border-radius:22px;text-decoration:none;color:inherit;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.related-card:hover{transform:translateY(-4px);border-color:rgba(70,135,255,.55);box-shadow:0 16px 40px rgba(15,66,150,.14)}
.related-card strong{font-size:1.04rem;margin-bottom:8px}.related-card span{color:var(--muted);line-height:1.55}.related-card b{margin-top:auto;padding-top:14px;color:var(--accent)}
.join-final .join-final-card{text-align:center;padding:34px 26px;border-radius:28px}.join-final h2{margin:0 0 10px}.join-final p{max-width:680px;margin:0 auto 20px;color:var(--muted)}
.join-final-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
@media(max-width:900px){.page-quick-actions .quick-actions-card{grid-template-columns:1fr}.related-pages .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.page-quick-actions .quick-actions-card{padding:20px}.page-quick-buttons{grid-template-columns:1fr}.related-pages .related-grid{grid-template-columns:1fr}.join-final-actions{flex-direction:column}.join-final-actions .button{width:100%}}

/* v6.5.1 — prevent descenders (g, y, p, q, j) from being clipped in every heading */
h1,
.hero h1,
.hero-copy h1,
.v4-inner-page .hero h1,
h2,
.hero-card h2,
.v4-inner-page .hero-card h2 {
  overflow: visible !important;
  padding-bottom: .16em !important;
  line-height: 1.14 !important;
  text-rendering: geometricPrecision;
}

.hero-copy,
.hero-copy h1,
.hero-copy h1 span,
.hero-grid > div,
.v4-inner-page .hero-grid > div {
  overflow: visible !important;
}

.hero-copy h1 span {
  padding-bottom: .16em;
  margin-bottom: -.16em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

@media (max-width: 700px) {
  h1,
  .hero h1,
  .hero-copy h1,
  .v4-inner-page .hero h1 {
    line-height: 1.16 !important;
    padding-bottom: .2em !important;
  }
}

/* v6.5.4: keep the verified safety link on one line */
.verified-more{
  white-space:nowrap;
  width:max-content;
  max-width:100%;
  padding-left:24px;
  padding-right:24px;
}
@media (max-width:700px){
  .verified-more{
    width:max-content;
    max-width:calc(100% - 24px);
    font-size:clamp(13px,3.8vw,16px);
    padding-left:18px;
    padding-right:18px;
  }
}

/* v6.6 — premium motion system for every page */
:root{
  --motion-fast:220ms;
  --motion-base:620ms;
  --motion-slow:900ms;
  --motion-ease:cubic-bezier(.22,1,.36,1);
}

html{scroll-behavior:smooth}
body{animation:pageEnter .7s var(--motion-ease) both}
.site-header{animation:headerDrop .72s var(--motion-ease) .06s both}
.hero-copy>*{animation:heroRise .72s var(--motion-ease) both}
.hero-copy>*:nth-child(1){animation-delay:.10s}
.hero-copy>*:nth-child(2){animation-delay:.18s}
.hero-copy>*:nth-child(3){animation-delay:.26s}
.hero-copy>*:nth-child(4){animation-delay:.34s}
.hero-copy>*:nth-child(5){animation-delay:.42s}
.hero-card{animation:heroCardIn .85s var(--motion-ease) .2s both}

/* Scroll reveal works on existing .reveal elements and elements enhanced by JS */
.reveal,.motion-item{
  opacity:0;
  transform:translate3d(0,32px,0) scale(.985);
  filter:blur(5px);
  transition:
    opacity var(--motion-base) var(--motion-ease),
    transform var(--motion-base) var(--motion-ease),
    filter var(--motion-base) var(--motion-ease);
  transition-delay:var(--motion-delay,0ms);
  will-change:opacity,transform,filter;
}
.reveal.visible,.motion-item.visible{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:blur(0);
}
.motion-from-left{transform:translate3d(-38px,0,0) scale(.985)}
.motion-from-right{transform:translate3d(38px,0,0) scale(.985)}
.motion-zoom{transform:translate3d(0,18px,0) scale(.94)}
.motion-from-left.visible,.motion-from-right.visible,.motion-zoom.visible{transform:translate3d(0,0,0) scale(1)}

/* Smooth stagger inside grids */
.motion-stagger>*{--motion-delay:calc(var(--motion-index,0) * 70ms)}

/* Interactive cards */
.card,.glass,.hero-card,.quick-actions-card,.related-card,.join-final-card,
.feature-card,.group-card,.faq-item,.safety-card,.content-card{
  position:relative;
  transition:transform .32s var(--motion-ease),box-shadow .32s ease,border-color .32s ease,background-color .32s ease;
  transform-style:preserve-3d;
}
.card:hover,.glass:hover,.quick-actions-card:hover,.feature-card:hover,.group-card:hover,.safety-card:hover,.content-card:hover{
  transform:translateY(-5px);
  box-shadow:0 22px 55px rgba(10,45,110,.16);
}

/* Buttons: lift, sheen and click response */
.button,.verified-more,.theme-toggle,.menu-toggle{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transition:transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) ease,filter var(--motion-fast) ease;
}
.button::after,.verified-more::after{
  content:"";
  position:absolute;
  inset:-45% auto -45% -65%;
  width:42%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
  transition:left .62s var(--motion-ease);
  pointer-events:none;
  z-index:-1;
}
.button:hover,.verified-more:hover{transform:translateY(-3px) scale(1.015);filter:saturate(1.08)}
.button:hover::after,.verified-more:hover::after{left:125%}
.button:active,.verified-more:active,.theme-toggle:active,.menu-toggle:active{transform:scale(.96)}

/* Logo and small decorative details */
.logo-mark,.brand-mark,.site-logo img{animation:logoFloat 4.8s ease-in-out infinite}
.badge,.eyebrow,.verified-badge{animation:softPulse 3.4s ease-in-out infinite}

/* Mobile menu motion */
.mobile-nav a{
  opacity:0;
  transform:translateX(22px);
  transition:opacity .35s var(--motion-ease),transform .35s var(--motion-ease),background-color .2s ease;
}
.mobile-menu.open .mobile-nav a{opacity:1;transform:none}
.mobile-menu.open .mobile-nav a:nth-child(1){transition-delay:.06s}
.mobile-menu.open .mobile-nav a:nth-child(2){transition-delay:.10s}
.mobile-menu.open .mobile-nav a:nth-child(3){transition-delay:.14s}
.mobile-menu.open .mobile-nav a:nth-child(4){transition-delay:.18s}
.mobile-menu.open .mobile-nav a:nth-child(5){transition-delay:.22s}
.mobile-menu.open .mobile-nav a:nth-child(6){transition-delay:.26s}

/* FAQ open/close polish */
details{transition:background-color .25s ease,border-color .25s ease,transform .25s var(--motion-ease)}
details[open]{transform:translateY(-2px)}
details>summary{transition:color .2s ease}
details[open]>summary{color:var(--accent)}
details>*:not(summary){animation:detailsOpen .35s var(--motion-ease) both}

@keyframes pageEnter{from{opacity:0}to{opacity:1}}
@keyframes headerDrop{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}
@keyframes heroRise{from{opacity:0;transform:translateY(24px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes heroCardIn{from{opacity:0;transform:translateX(34px) scale(.96);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}
@keyframes logoFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(1.5deg)}}
@keyframes softPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes detailsOpen{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

@media (max-width:700px){
  .reveal,.motion-item{transform:translate3d(0,22px,0) scale(.99);filter:blur(3px)}
  .motion-from-left,.motion-from-right{transform:translate3d(0,22px,0) scale(.99)}
  .card:hover,.glass:hover,.quick-actions-card:hover,.feature-card:hover,.group-card:hover,.safety-card:hover,.content-card:hover{transform:none}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important}
  .reveal,.motion-item{opacity:1!important;transform:none!important;filter:none!important}
}