/*
 * polish.css — additive visual polish shared across cabinet/marketing pages so
 * they feel as alive as the main landing. Purely cosmetic: hover feedback, soft
 * glow, smooth transitions, a gentle page fade-in. No layout-shifting rules
 * (transform only, never width/height/margin), so it can't break working pages.
 */

/* Плавное появление страницы. ВАЖНО: только opacity, без transform — transform в кейфреймах
   на body (с fill-mode both) заставляет браузер держать body containing-block'ом для
   position:fixed, из-за чего модалки/оверлеи привязываются к документу, а не к экрану,
   и их приходится прокручивать. Только фейд — этого не происходит. */
@keyframes mr-page-in { from { opacity: 0; } to { opacity: 1; } }
body { animation: mr-page-in 0.5s ease both; }

/* Кнопки — отзывчивость + лёгкое свечение */
.btn, button.btn, a.btn {
  transition: transform 0.14s ease, box-shadow 0.22s ease, filter 0.2s ease !important;
}
.btn:hover { transform: translateY(-1px); filter: brightness(1.08); }
.btn:active { transform: translateY(1px); }
.btn-primary, .btn-gold {
  box-shadow: 0 6px 22px rgba(255, 180, 60, 0.28);
}
.btn-primary:hover, .btn-gold:hover {
  box-shadow: 0 8px 30px rgba(255, 190, 70, 0.45);
}

/* Карточки — плавный подъём и мягкая тень при наведении */
.card, .sumcard, .pcard, .eco-card, .shot-card, .refcard, .pcard-head {
  transition: transform 0.2s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.card:hover, .sumcard:hover, .pcard:hover, .eco-card:hover, .shot-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 34px rgba(70, 100, 255, 0.16);
}

/* Ссылки/иконки меню — плавные переходы цвета */
a, nav a, .nav a, header a { transition: color 0.15s ease, opacity 0.15s ease, filter 0.15s ease; }
nav a:hover, .nav a:hover, header a:hover { filter: brightness(1.15); }

/* Мягкое пульсирующее свечение у ключевых акцентов с классом .glow (опционально) */
@keyframes mr-glow { 0%, 100% { filter: drop-shadow(0 0 4px rgba(120,160,255,.4)); } 50% { filter: drop-shadow(0 0 12px rgba(120,160,255,.8)); } }
.glow { animation: mr-glow 2.4s ease-in-out infinite; }

/* Hero product screenshot (replaces the bare logo) */
.hero-shot { position: relative; width: 100%; max-width: 520px; margin: 0 auto; }
.hero-shot img { width: 100%; height: auto; display: block; border-radius: 16px; border: 1px solid rgba(255,255,255,.12); box-shadow: 0 30px 80px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.05); }
.hero-shot-glow { position: absolute; inset: -14% -10% -8%; background: radial-gradient(60% 60% at 50% 38%, rgba(124,92,255,.5), rgba(80,140,255,.25) 45%, transparent 72%); filter: blur(42px); z-index: -1; }
.early-badge-live { display: flex; justify-content: center; margin: 0 auto 30px; }