/* ===== Кнопка «Больше информации»: не растягивается, строго по центру ===== */
.expand-btn{width:auto!important;max-width:none!important;justify-content:center!important;text-align:center!important;align-self:center}
@media (max-width:768px){.expand-btn{padding:14px 28px!important;font-size:14px!important}}
/* === Оптимизация hero (1в1 как в ЛК): статичное свечение, без тяжёлых filter/blur === */
.hero-title-text span{text-shadow:0 0 12px var(--glow-soft),0 0 34px var(--glow-soft)}
@keyframes textGlow{0%,100%,50%{text-shadow:0 0 12px var(--glow-soft),0 0 34px var(--glow-soft)}}
.hero-moon{animation:moonFloat 6s ease-in-out infinite}
.hero-moon::before{background:radial-gradient(circle,rgba(228,228,232,.10) 0%,rgba(178,178,184,.05) 42%,transparent 70%);filter:none}
@keyframes orbGlow{0%,100%{opacity:.6}50%{opacity:1}}

/* === ДНЕВНОЙ HERO: тёплый свет + холодная тень (1в1 из ЛК) === */
[data-theme="light"] .hero-title-text::before{
content:'';
position:absolute;
inset:-15% -25%;
background:radial-gradient(ellipse 65% 60% at 70% 35%,
rgba(255,247,224,.5) 0%,rgba(255,247,224,.18) 45%,transparent 70%);
filter:blur(24px);
z-index:-1;
pointer-events:none;
animation:dayBacklight 7s ease-in-out infinite;
}
[data-theme="light"] .hero-title-text span{
color:#fdfdfe;
animation:dayGlow 5s ease-in-out infinite; /* подмена textGlow — обязательно! */
text-shadow:
0 1px 0 rgba(255,255,255,.95),
0 2px 4px  rgba(47,66,110,.20),
0 8px 16px rgba(47,66,110,.20),
0 18px 36px rgba(47,66,110,.24),
0 32px 64px rgba(47,66,110,.14);
}
[data-theme="light"] .hero-title-text span:nth-child(2){animation-delay:.5s}
@keyframes dayGlow{
0%,100%{text-shadow:
0 1px 0 rgba(255,255,255,.95),
0 2px 4px  rgba(47,66,110,.18),
0 8px 16px rgba(47,66,110,.18),
0 18px 36px rgba(47,66,110,.21),
0 32px 64px rgba(47,66,110,.12)}
50%{text-shadow:
0 1px 0 rgba(255,255,255,.95),
0 2px 5px  rgba(47,66,110,.26),
0 9px 18px rgba(47,66,110,.24),
0 22px 44px rgba(47,66,110,.3),
0 38px 72px rgba(47,66,110,.18)}
}
@keyframes dayBacklight{0%,100%{opacity:.72}50%{opacity:1}}
[data-theme="light"] .hero-moon{
--moon-fill:#fdfdfe;
--moon-stroke:#fdfdfe;
animation:moonFloat 6s ease-in-out infinite,dayMoonShadow 5s ease-in-out infinite;
}
[data-theme="light"] .hero-moon::before{
background:radial-gradient(circle,
rgba(120,146,196,.20) 0%,rgba(120,146,196,.07) 48%,transparent 72%);
}
@keyframes dayMoonShadow{
0%,100%{filter:
drop-shadow(0 2px 4px rgba(47,66,110,.22))
drop-shadow(0 10px 22px rgba(47,66,110,.22))
drop-shadow(0 24px 48px rgba(47,66,110,.20))}
50%{filter:
drop-shadow(0 3px 6px rgba(47,66,110,.3))
drop-shadow(0 14px 30px rgba(47,66,110,.28))
drop-shadow(0 32px 64px rgba(47,66,110,.26))}
}