/* NiceSlides.ru visual identity v1 — frontend-only override. */
:root{
  --ns-bg:#f4f7fb;
  --ns-ink:#0b1020;
  --ns-muted:#64748b;
  --ns-blue:#2563eb;
  --ns-cyan:#06b6d4;
  --ns-lime:#a3e635;
  --ns-violet:#7c3aed;
  --ns-card:#ffffff;
  --ns-line:#dbe4f0;
  --ns-shadow:0 24px 70px rgba(15,23,42,.12);
}
html,body{background:var(--ns-bg)!important;color:var(--ns-ink)!important}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}
.shell{width:min(1200px,calc(100% - 36px))!important}

/* Header / wordmark */
.site-header.site-header-v202{
  background:rgba(11,16,32,.94)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 12px 36px rgba(15,23,42,.12)!important;
  backdrop-filter:blur(18px)!important;
}
.header-inner-v202{min-height:74px!important}
.nice-brand-v1{gap:11px!important;color:#fff!important}
.nice-brand-mark-v1{
  width:38px;height:38px;display:inline-grid;place-items:center;flex:0 0 38px;
  border-radius:13px;background:linear-gradient(135deg,var(--ns-cyan),var(--ns-blue) 55%,var(--ns-violet));
  color:#fff;font-size:20px;font-weight:900;letter-spacing:-1px;
  box-shadow:0 10px 28px rgba(37,99,235,.33),inset 0 1px 0 rgba(255,255,255,.3);
}
.brand-text-v202{font-size:20px!important;font-weight:850!important;letter-spacing:-.65px!important;color:#fff!important}
.brand-text-v202 em,.footer-brand em{color:#67e8f9!important;font-style:normal!important}
.main-nav-v202 a{color:#cbd5e1!important}
.main-nav-v202 a:hover,.main-nav-v202 a.is-active{color:#fff!important}
.main-nav-v202 a::after{background:linear-gradient(90deg,var(--ns-cyan),var(--ns-lime))!important}
.main-nav-v202 img{filter:brightness(0) invert(1);opacity:.72}
.header-login-v202{
  background:#fff!important;color:var(--ns-ink)!important;border:1px solid rgba(255,255,255,.35)!important;
  box-shadow:none!important;border-radius:14px!important;font-weight:800!important
}
.header-login-v202 img{filter:none!important}
.mobile-menu-toggle span{background:#fff!important}

/* Hero */
.hero-home-v203{
  background:
    radial-gradient(circle at 74% 18%,rgba(34,211,238,.17),transparent 28%),
    radial-gradient(circle at 88% 74%,rgba(124,58,237,.18),transparent 32%),
    linear-gradient(135deg,#0b1020 0%,#111a34 54%,#132a49 100%)!important;
  color:#fff!important;
  isolation:isolate;
}
.hero-home-v203::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:34px 34px;
}
.hero-home-v203 .hero-grid-v203{min-height:610px!important;gap:34px!important}
.hero-copy-v203{position:relative;z-index:2!important}
.hero-title-v203{color:#fff!important;max-width:680px}
.hero-title-v203 span{display:block!important}
.hero-title-v203 mark{
  color:var(--ns-lime)!important;background:none!important;
  text-shadow:0 0 36px rgba(163,230,53,.16)
}
.hero-subtitle-v203{color:#c7d2fe!important;font-weight:750!important}
.hero-text-v203{color:#cbd5e1!important;max-width:650px!important}
.hero-primary-v203{
  background:linear-gradient(135deg,var(--ns-lime),#bef264)!important;color:#17220a!important;
  border:0!important;border-radius:16px!important;box-shadow:0 14px 30px rgba(163,230,53,.18)!important;
  font-weight:900!important
}
.hero-primary-v203:hover{transform:translateY(-2px)!important}
.hero-secondary-v203{color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.06)!important;border-radius:16px!important;padding:10px 16px!important}
.hero-visual-v203{display:flex!important;align-items:center!important;justify-content:center!important}
.hero-visual-v203 picture{
  position:relative;display:block;border-radius:34px;padding:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.14);box-shadow:0 34px 90px rgba(0,0,0,.28);
}
.hero-art-v203{filter:drop-shadow(0 18px 26px rgba(0,0,0,.20))!important}

/* Generator */
.generator-section-v204,.generator-home-v204{background:var(--ns-bg)!important}
.generator-card-v204{
  margin-top:-34px!important;position:relative;z-index:8!important;
  background:#fff!important;border:1px solid #dce5f0!important;border-radius:28px!important;
  box-shadow:0 28px 80px rgba(15,23,42,.15)!important;overflow:hidden!important
}
.generator-card-v204::before{
  content:"";display:block;height:5px;background:linear-gradient(90deg,var(--ns-cyan),var(--ns-blue),var(--ns-violet),var(--ns-lime))
}
.generator-card-v204 h2,.generator-card-v204 h3{color:var(--ns-ink)!important}
.generator-card-v204 textarea,.generator-card-v204 input,.generator-card-v204 select,
.generator-topic-control,.generator-select-v204,.dropzone{
  border-color:#d7e1ee!important;background:#f8fafc!important;border-radius:15px!important
}
.generator-card-v204 textarea:focus,.generator-card-v204 input:focus,.generator-card-v204 select:focus{border-color:var(--ns-blue)!important;box-shadow:0 0 0 4px rgba(37,99,235,.09)!important}
.btn-generate-v204,.generator-card-v204 .btn-primary{
  background:linear-gradient(135deg,var(--ns-blue),var(--ns-violet))!important;
  border:0!important;border-radius:16px!important;box-shadow:0 13px 28px rgba(37,99,235,.22)!important
}
.mode-tab,.generator-mode-select-v204{border-radius:14px!important}

/* Shared section identity */
.section-head h2,.section-head-v205 h2,.section-head-v207 h2,.pricing-head-v215 h2,.faq-head-v213 h2{color:var(--ns-ink)!important;letter-spacing:-.035em!important}
.section-head mark,.pricing-head-v215 mark{color:var(--ns-blue)!important;background:none!important}
.section-head p,.section-head-v205 p,.section-head-v207 p,.pricing-head-v215 p{color:var(--ns-muted)!important}
section:not(.hero-home-v203):not(.generator-section-v204){scroll-margin-top:84px}

/* Card system */
.ai-online-feature-v205,.input-method-card-v206,.benefit-card-v207,.free-card-v208,.use-case-card-v209,
.review-card-v213,.price-card-v215,.faq-item-v213,.template-card,.recent-card{
  border-color:var(--ns-line)!important;border-radius:22px!important;
  box-shadow:0 12px 36px rgba(15,23,42,.055)!important
}
.input-method-card-v206:hover,.template-card:hover,.recent-card:hover{transform:translateY(-3px)!important;box-shadow:0 20px 48px rgba(15,23,42,.11)!important}

/* AI and benefits — cooler, less orange */
.ai-online-v205{background:linear-gradient(180deg,#eef8ff 0%,#f8fbff 100%)!important}
.ai-online-badge-v205,.section-kicker{color:#075985!important;background:#cffafe!important}
.ai-online-feature-v205{background:#fff!important}
.benefits-v207{background:#fff!important}
.benefit-card-v207{background:linear-gradient(180deg,#fff,#f8fafc)!important}
.free-v208{background:linear-gradient(145deg,#111827,#0f1f3e)!important;color:#fff!important}
.free-v208 h2,.free-v208 h3,.free-v208 b{color:#fff!important}
.free-v208 p,.free-v208 span{color:#cbd5e1!important}
.free-card-v208{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.13)!important}

/* Templates */
.templates-section,.templates-v204{background:#f4f7fb!important}
.template-card{background:#fff!important;overflow:hidden!important}
.template-card.is-active,.template-card[aria-pressed="true"]{outline:3px solid rgba(37,99,235,.22)!important;border-color:var(--ns-blue)!important}

/* Pricing */
.pricing-v215{background:linear-gradient(180deg,#f8fafc,#eef2ff)!important}
.price-card-v215{background:#fff!important;border:1px solid #dce5f0!important}
.price-card-v215.active,.price-card-v215.is-featured{border:2px solid var(--ns-blue)!important;box-shadow:0 24px 64px rgba(37,99,235,.14)!important}
.price-tag-v215,.price-badge{background:#e0f2fe!important;color:#075985!important}
.price-card-v215 .price-button-v215,.price-card-v215 button{
  border-radius:14px!important;background:var(--ns-ink)!important;color:#fff!important
}
.price-card-v215.active .price-button-v215,.price-card-v215.active button{background:linear-gradient(135deg,var(--ns-blue),var(--ns-violet))!important}

/* Comparison/devices/reviews/FAQ */
.comparison-v210,.devices-v211{background:#fff!important}
.review-section-v213,.reviews-v213{background:#f8fafc!important}
.review-stars-v213{color:#f59e0b!important}
.faq-v213,.faq-section-v213{background:#fff!important}
.faq-item-v213{background:#fff!important}
.faq-item-v213[open]{border-color:#bfdbfe!important;background:#f8fbff!important}

/* Footer */
.site-footer-v217{background:#0b1020!important;color:#cbd5e1!important}
.footer-panel-v217,.footer-bottom-v217{border-color:rgba(255,255,255,.09)!important}
.footer-brand-v217,.footer-brand-v217 span{color:#fff!important}
.footer-links-col-v217 a{color:#cbd5e1!important}
.footer-links-col-v217 a:hover{color:#67e8f9!important}
.footer-col-title-v217 b{color:#fff!important}
.footer-made-v217{color:#94a3b8!important}
.footer-payments-v217{opacity:.55}

/* Inner pages */
.subhero,.article-hero,.presentation-meta{background:linear-gradient(135deg,#0b1020,#132a49)!important;color:#fff!important}
.article,.content-card,.cabinet-card,.contact-card{border-radius:22px!important;border-color:var(--ns-line)!important}

/* Payment is intentionally not live during closed RUB launch. */
body::after{content:"";display:none}

@media (max-width:980px){
  .hero-home-v203 .hero-grid-v203{min-height:auto!important;grid-template-columns:1fr!important;padding:54px 0 48px!important}
  .hero-copy-v203{padding:24px 0 0!important}
  .hero-visual-v203{max-width:620px;margin:0 auto!important}
  .generator-card-v204{margin-top:-18px!important}
}
@media (max-width:640px){
  .shell{width:min(100% - 24px,1200px)!important}
  .header-inner-v202{min-height:64px!important}
  .nice-brand-mark-v1{width:34px;height:34px;flex-basis:34px;border-radius:11px;font-size:18px}
  .brand-text-v202{font-size:18px!important}
  .hero-home-v203 .hero-grid-v203{padding:28px 0 36px!important;gap:22px!important}
  .hero-title-v203{font-size:42px!important;line-height:.98!important}
  .hero-subtitle-v203{font-size:18px!important}
  .hero-visual-v203 picture{border-radius:24px;padding:10px}
  .generator-card-v204{border-radius:22px!important}
}