.gradient-text {
    background: linear-gradient(135deg, #4f46e5 0%, #9333ea 50%, #4f46e5 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shimmer 3s linear infinite, pulse-subtle 2s ease-in-out infinite;
    display: inline-block;
}

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

@keyframes pulse-subtle {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

@keyframes pulse-slow {
    0%, 100% { opacity: 0.3; transform: scale(1) translate(0, 0); }
    50% { opacity: 0.6; transform: scale(1.1) translate(10px, -10px); }
}

@keyframes float-slow {
    0%, 100% { transform: translate(0, 0) rotate(0deg); }
    33% { transform: translate(30px, -50px) rotate(5deg); }
    66% { transform: translate(-20px, 20px) rotate(-5deg); }
}

@keyframes float-delayed {
    0%, 100% { transform: translate(0, 0) rotate(0deg); }
    33% { transform: translate(-40px, 30px) rotate(-10deg); }
    66% { transform: translate(20px, -20px) rotate(10deg); }
}

.animate-float-slow {
    animation: float-slow 15s ease-in-out infinite;
}

.animate-float-delayed {
    animation: float-delayed 18s ease-in-out infinite;
}

.animate-pulse-slow {
    animation: pulse-slow 8s ease-in-out infinite;
}

/* Премиальная золотая кнопка */
.btn-premium-gold {
    background: linear-gradient(135deg, #FFD700 0%, #FDB931 50%, #B8860B 100%);
    background-size: 200% auto;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(253, 185, 49, 0.4);
    animation: gold-glow 3s infinite alternate;
    transition: all 0.3s ease;
}

.btn-premium-gold:hover {
    box-shadow: 0 0 30px rgba(253, 185, 49, 0.6);
    transform: scale(1.05) translateY(-2px);
}

/* Анимация блеска (блик) */
.btn-premium-gold::after {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
        to bottom right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0) 40%,
        rgba(255, 255, 255, 0.6) 50%,
        rgba(255, 255, 255, 0) 60%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: rotate(45deg);
    animation: shine 4s infinite;
}

@keyframes shine {
    0% { transform: translateX(-150%) translateY(-150%) rotate(45deg); }
    20%, 100% { transform: translateX(150%) translateY(150%) rotate(45deg); }
}

@keyframes gold-glow {
    0% { box-shadow: 0 0 10px rgba(253, 185, 49, 0.3); }
    100% { box-shadow: 0 0 25px rgba(253, 185, 49, 0.7); }
}

/* Анимация для Phygital карточки */
@keyframes phygital-glow {
    0%, 100% {
        box-shadow: 0 0 30px rgba(168, 85, 247, 0.6),
                    0 0 60px rgba(99, 102, 241, 0.4),
                    0 0 90px rgba(6, 182, 212, 0.3);
    }
    50% {
        box-shadow: 0 0 50px rgba(168, 85, 247, 0.8),
                    0 0 80px rgba(99, 102, 241, 0.6),
                    0 0 120px rgba(6, 182, 212, 0.5);
    }
}

@keyframes phygital-border-rotate {
    0% { background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
}

.phygital-card {
    position: relative;
}

/* Анимации только на десктопе */
@media (min-width: 1024px) {
    .phygital-card {
        animation: phygital-glow 3s ease-in-out infinite;
    }

    .phygital-card::before {
        content: "";
        position: absolute;
        inset: -3px;
        background: linear-gradient(90deg, #a855f7, #6366f1, #06b6d4, #a855f7);
        background-size: 200% 100%;
        border-radius: 1.5rem;
        z-index: -1;
        animation: phygital-border-rotate 3s linear infinite;
        opacity: 0.7;
    }
}

/* Статичное сияние на мобильных */
@media (max-width: 1023px) {
    .phygital-card {
        box-shadow: 0 0 40px rgba(168, 85, 247, 0.6),
                    0 0 60px rgba(99, 102, 241, 0.4);
    }
}

/* Утилита для скрытия скроллбара */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

[data-lucide] {
    transition: transform 0.3s ease;
}

/* Мобильный прозрачный хедер */
@media (max-width: 1023px) {
    header {
        background-color: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        border-bottom-color: transparent !important;
        transition: all 0.3s ease-in-out;
    }

    header.scrolled {
        background-color: rgba(255, 255, 255, 0.8) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
        border-bottom-color: rgb(241, 245, 249) !important;
    }
    
    /* Изменяем цвет текста в прозрачном хедере для лучшей видимости на видео */
    header:not(.scrolled) .text-slate-600,
    header:not(.scrolled) .text-slate-900 {
        color: white !important;
    }
    
    header:not(.scrolled) .bg-white {
        background-color: rgba(255, 255, 255, 0.2) !important;
        backdrop-filter: blur(4px);
    }

    header:not(.scrolled) #mobile-menu-btn {
        color: white !important;
    }

    header:not(.scrolled) #mobile-menu-btn i {
        stroke-width: 3px;
        filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));
    }

    /* Чтобы логотип был виден на видео, если он темный */
    header:not(.scrolled) img {
        filter: brightness(0) invert(1);
    }

    header:not(.scrolled) {
        position: fixed !important;
        width: 100%;
        top: 0;
    }
}
/* Анимация пульсации для лоадера */
@keyframes loader-pulse {
    0%, 100% { transform: scale(1); opacity: 0.5; }
    50% { transform: scale(1.1); opacity: 1; }
}
.animate-loader-pulse {
    animation: loader-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Анимированный градиент для выделенного текста */
.animate-text-glow {
    background: linear-gradient(135deg, #818cf8 0%, #34d399 25%, #818cf8 50%, #34d399 75%, #818cf8 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shimmer 4s linear infinite;
    display: inline-block;
}

.animate-text-glow-emerald {
    background: linear-gradient(135deg, #34d399 0%, #fbbf24 25%, #34d399 50%, #fbbf24 75%, #34d399 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shimmer 4s linear infinite;
    display: inline-block;
}

/* Стили для слайдера технологий */
.tech-nav-item.active {
    background-color: rgba(255, 255, 255, 0.15);
    border-left-color: #6366f1;
    transform: translateX(10px);
}

.tech-nav-item:not(.active) .tech-progress-bar {
    display: none;
}

/* Стили для аккордеона */
.tech-accordion summary {
    transition: all 0.3s ease;
}

.tech-accordion[open] summary {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 1rem;
    margin-bottom: 0.5rem;
}

.tech-accordion summary::-webkit-details-marker {
    display: none;
}

/* Плавное скрытие лоадера */
.video-loader {
    transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
}
.video-loaded .video-loader {
    opacity: 0;
    visibility: hidden;
}
/* Анимация прогресс-бара */
.tech-progress-bar {
    width: 0;
    transition: none;
}

@keyframes sway {
    0%, 100% { transform: rotate(-5deg); }
    50% { transform: rotate(5deg); }
}
.animate-sway {
    animation: sway 3s ease-in-out infinite;
    transform-origin: center center;
}