/* =========================================
   ANIMATIONS - VECNAYA PAMYAT
========================================= */

/* =========================
   FADE IN BASE
========================= */

.fade{
    opacity:0;
    transform:translateY(40px);
    transition:all 1s ease;
}

.fade.show{
    opacity:1;
    transform:translateY(0);
}

/* =========================
   HERO LUXURY ANIMATION
========================= */

@keyframes heroGlow {
    0% {
        text-shadow:0 0 0 rgba(197,164,109,0);
    }
    50% {
        text-shadow:0 0 25px rgba(197,164,109,0.25);
    }
    100% {
        text-shadow:0 0 0 rgba(197,164,109,0);
    }
}

.hero-content h1 {
    animation: heroGlow 6s ease-in-out infinite;
}

/* =========================
   GOLD PULSE (CTA EFFECT)
========================= */

@keyframes goldPulse {
    0% {
        box-shadow:0 0 0 rgba(197,164,109,0.2);
    }
    50% {
        box-shadow:0 0 35px rgba(197,164,109,0.4);
    }
    100% {
        box-shadow:0 0 0 rgba(197,164,109,0.2);
    }
}

.btn {
    animation: goldPulse 4s infinite;
}

/* =========================
   SOFT FLOAT CARDS
========================= */

@keyframes floatCard {
    0% { transform:translateY(0); }
    50% { transform:translateY(-6px); }
    100% { transform:translateY(0); }
}

.card:hover {
    animation: floatCard 3s ease-in-out infinite;
}

/* =========================
   GOLD SHIMMER LINE
========================= */

@keyframes shimmer {
    0% {
        background-position:-200px 0;
    }
    100% {
        background-position:200px 0;
    }
}

.gold-shimmer {
    background:linear-gradient(
        90deg,
        transparent,
        rgba(197,164,109,0.6),
        transparent
    );
    background-size:200px 100%;
    animation: shimmer 2.5s infinite;
}

/* =========================
   PAGE ENTER ANIMATION
========================= */

body {
    animation: pageIn 1.2s ease;
}

@keyframes pageIn {
    from {
        opacity:0;
        transform:scale(1.02);
    }
    to {
        opacity:1;
        transform:scale(1);
    }
}

/* =========================
   PREMIUM HOVER SOFT GLOW
========================= */

.card:hover {
    box-shadow:
        0 30px 80px rgba(0,0,0,0.6),
        0 0 25px rgba(197,164,109,0.1);
}

/* =========================
   TEXT LUXURY FADE
========================= */

.about h2,
.services h2,
.contacts h2 {
    animation: textFade 1.2s ease;
}

@keyframes textFade {
    from {
        opacity:0;
        transform:translateY(30px);
    }
    to {
        opacity:1;
        transform:translateY(0);
    }
}