/* AOS Animation Library Styles */
[data-aos] {
  pointer-events: none;
}

[data-aos].aos-animate {
  pointer-events: auto;
}

[data-aos="fade-up"] {
  transform: translate3d(0, 40px, 0);
  opacity: 0;
}

[data-aos="fade-up"].aos-animate {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

[data-aos="fade-left"] {
  transform: translate3d(-40px, 0, 0);
  opacity: 0;
}

[data-aos="fade-left"].aos-animate {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

[data-aos="fade-right"] {
  transform: translate3d(40px, 0, 0);
  opacity: 0;
}

[data-aos="fade-right"].aos-animate {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

/* Transition settings */
[data-aos] {
  transition-duration: 600ms;
  transition-timing-function: ease-out;
}

[data-aos][data-aos-delay="100"] {
  transition-delay: 100ms;
}

[data-aos][data-aos-delay="200"] {
  transition-delay: 200ms;
}

[data-aos][data-aos-delay="300"] {
  transition-delay: 300ms;
}

[data-aos][data-aos-delay="400"] {
  transition-delay: 400ms;
}

[data-aos][data-aos-delay="600"] {
  transition-delay: 600ms;
}

/* Custom animations for SEO page */
.seo-hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.floating-elements {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}

.floating-elements::before,
.floating-elements::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  animation: float 6s ease-in-out infinite;
}

.floating-elements::before {
  width: 80px;
  height: 80px;
  top: 20%;
  left: 10%;
  animation-delay: 0s;
}

.floating-elements::after {
  width: 60px;
  height: 60px;
  top: 60%;
  right: 15%;
  animation-delay: 3s;
}

/* Smooth scroll behavior */
html {
  scroll-behavior: smooth;
}

/* Loading animation for counters */
.counter-loading {
  opacity: 0.7;
  transform: scale(0.9);
  transition: all 0.3s ease;
}

.counter-loaded {
  opacity: 1;
  transform: scale(1);
}

/* Hover effects */
.card-hover:hover {
  transform: translateY(-10px);
  transition: all 0.3s ease;
}

/* Responsive improvements */
@media (max-width: 768px) {
  .display-1 {
    font-size: 3rem;
  }
  
  .display-4 {
    font-size: 2rem;
  }
  
  .methodology-item {
    text-align: center;
  }
  
  .methodology-number {
    margin: 0 auto 1rem auto;
  }
}

/* Дополнительные цветовые классы для совместимости */
.text-yellow {
    color: #f7ca18 !important;
}

.bg-yellow {
    background-color: #f7ca18 !important;
}

.bg-soft-yellow {
    background-color: rgba(247, 202, 24, 0.1) !important;
}

.btn-yellow {
    background-color: #f7ca18;
    border-color: #f7ca18;
    color: #ffffff;
}

.btn-yellow:hover {
    background-color: #e6b800;
    border-color: #e6b800;
    color: #ffffff;
}

/* Nature Color Palette - Красивая природная палитра */
.text-nature-dark {
    color: #264653 !important; /* Темно-зеленый */
}

.bg-nature-dark {
    background-color: #264653 !important;
}

.bg-soft-nature-dark {
    background-color: rgba(38, 70, 83, 0.1) !important;
}

.text-nature-teal {
    color: #2a9d8f !important; /* Бирюзовый */
}

.bg-nature-teal {
    background-color: #2a9d8f !important;
}

.bg-soft-nature-teal {
    background-color: rgba(42, 157, 143, 0.15) !important;
}

.text-nature-yellow {
    color: #e9c46a !important; /* Теплый желтый */
}

.bg-nature-yellow {
    background-color: #e9c46a !important;
}

.bg-soft-nature-yellow {
    background-color: rgba(233, 196, 106, 0.15) !important;
}

.text-nature-orange {
    color: #f4a261 !important; /* Оранжевый */
}

.bg-nature-orange {
    background-color: #f4a261 !important;
}

.bg-soft-nature-orange {
    background-color: rgba(244, 162, 97, 0.15) !important;
}

.text-nature-coral {
    color: #e76f51 !important; /* Коралловый */
}

.bg-nature-coral {
    background-color: #e76f51 !important;
}

.bg-soft-nature-coral {
    background-color: rgba(231, 111, 81, 0.15) !important;
}

.btn-nature-dark {
    background-color: #264653;
    border-color: #264653;
    color: #ffffff;
}

.btn-nature-dark:hover {
    background-color: #1e3540;
    border-color: #1e3540;
    color: #ffffff;
}

.btn-nature-teal {
    background-color: #2a9d8f;
    border-color: #2a9d8f;
    color: #ffffff;
}

.btn-nature-teal:hover {
    background-color: #238c7f;
    border-color: #238c7f;
    color: #ffffff;
}

.btn-nature-yellow {
    background-color: #e9c46a;
    border-color: #e9c46a;
    color: #264653;
}

.btn-nature-yellow:hover {
    background-color: #e5b854;
    border-color: #e5b854;
    color: #264653;
}

.btn-nature-orange {
    background-color: #f4a261;
    border-color: #f4a261;
    color: #ffffff;
}

.btn-nature-orange:hover {
    background-color: #f29544;
    border-color: #f29544;
    color: #ffffff;
}

.btn-nature-coral {
    background-color: #e76f51;
    border-color: #e76f51;
    color: #ffffff;
}

.btn-nature-coral:hover {
    background-color: #e45a3c;
    border-color: #e45a3c;
    color: #ffffff;
}

/* Russian Flat UI Colors - Красивая цветовая схема */
.text-russian-blue {
    color: #778beb !important; /* Soft Blue */
}

.bg-russian-blue {
    background-color: #778beb !important;
}

.bg-soft-russian-blue {
    background-color: rgba(119, 139, 235, 0.1) !important;
}

.text-russian-peach {
    color: #f3a683 !important; /* Creamy Peach */
}

.bg-russian-peach {
    background-color: #f3a683 !important;
}

.bg-soft-russian-peach {
    background-color: rgba(243, 166, 131, 0.15) !important;
}

.text-russian-yellow {
    color: #f5cd79 !important; /* Summertime */
}

.bg-russian-yellow {
    background-color: #f5cd79 !important;
}

.bg-soft-russian-yellow {
    background-color: rgba(245, 205, 121, 0.15) !important;
}

.text-russian-pink {
    color: #cf6a87 !important; /* Old Geranium */
}

.bg-russian-pink {
    background-color: #cf6a87 !important;
}

.bg-soft-russian-pink {
    background-color: rgba(207, 106, 135, 0.15) !important;
}

.text-russian-rose {
    color: #f7d794 !important; /* Rosy Highlight */
}

.bg-russian-rose {
    background-color: #f7d794 !important;
}

.bg-soft-russian-rose {
    background-color: rgba(247, 215, 148, 0.15) !important;
}

.btn-russian-peach {
    background-color: #f3a683;
    border-color: #f3a683;
    color: #ffffff;
}

.btn-russian-peach:hover {
    background-color: #f19066;
    border-color: #f19066;
    color: #ffffff;
}

.btn-russian-yellow {
    background-color: #f5cd79;
    border-color: #f5cd79;
    color: #2c3e50;
}

.btn-russian-yellow:hover {
    background-color: #f1c361;
    border-color: #f1c361;
    color: #2c3e50;
}

.btn-russian-blue {
    background-color: #778beb;
    border-color: #778beb;
    color: #ffffff;
}

.btn-russian-blue:hover {
    background-color: #546de5;
    border-color: #546de5;
    color: #ffffff;
}