:root {
            --primary-blue: #003366;
            --secondary-blue: #01559B;
            --accent-orange: #FF6B00;
            --light-blue: #0EA5E9;
            --dark-bg: #0A1929;
            --light-bg: #F8FAFC;
            --text-dark: #1E293B;
            --text-light: #64748B;
            --white: #FFFFFF;
        }
        
        
        body {
            background: var(--dark-bg);
            color: var(--white);
        }
        
        /* Главный слайд с фоновой картинкой на весь экран */
        .hero-section {
            width: 100vw;
            height: 100vh;
            min-height: 100vh;
            position: relative;
            overflow: hidden;
            background: 
                linear-gradient(135deg, rgba(10, 25, 41, 0.85) 0%, rgba(0, 51, 102, 0.75) 100%),
                url('/history120/main.jpg');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            background-attachment: fixed;
        }
        
        /* Убрать transform параллакса чтобы не мешал */
        .hero-section {
            transform: none !important;
        }
        
        .particles {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
        }
        
        .particle {
            position: absolute;
            border-radius: 50%;
            background: rgba(255, 107, 0, 0.15);
            animation: float 15s infinite linear;
        }
        
        @keyframes float {
            0%, 100% { transform: translate(0, 0) rotate(0deg); }
            25% { transform: translate(100px, 100px) rotate(90deg); }
            50% { transform: translate(0, 200px) rotate(180deg); }
            75% { transform: translate(-100px, 100px) rotate(270deg); }
        }
        
        .hero-content {
            text-align: center;
            position: relative;
            z-index: 10;padding-top:0px !important;
            padding: 2em;
        }
        
        .logo-container {
            position: relative;
            margin-bottom: 3rem;padding-top:0px !important;
        }
        
        /* Стили для объемного сферического логотипа (монета 120/логотип) */
   .logo-sphere-3d {
    width: 300px;
    height: 300px;
    position: relative;
    transform-style: preserve-3d;
    animation: sphereRotation 20s linear infinite;
    margin: 0 auto;
}

@keyframes sphereRotation {
    0% { transform: rotateY(0deg); }
    100% { transform: rotateY(360deg); }
}

.sphere-front, .sphere-back {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    backface-visibility: hidden; /* ОСТАВИТЬ hidden - это правильно */
    overflow: hidden;
}

/* Передняя сторона монеты с числом 120 */
.sphere-front {
    background: #fff;
    transform: translateZ(30px);
    position: relative;
    box-shadow: 
        0 20px 50px rgba(0, 0, 0, 0.6),
        inset 0 0 40px rgba(255, 255, 255, 0.1),
        inset 0 0 0 5px rgba(255, 255, 255, 0.1),
        inset 0 0 0 10px rgba(0, 51, 102, 0.3);
}

.sphere-front::before {
    content: '';
    position: absolute;
    top: -20%;
    left: -20%;
    width: 140%;
    height: 140%;
    background: conic-gradient(
        from 0deg,
        transparent,
        rgba(255, 255, 255, 0.1),
        transparent 30%,
        rgba(255, 107, 0, 0.2),
        transparent 60%,
        rgba(14, 165, 233, 0.2),
        transparent
    );
    animation: sphereShine 8s linear infinite;
}

@keyframes sphereShine {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.sphere-number {
    font-size: 5.5rem;
    font-weight: 900;
    color: white;width: 200px;
    position: relative;
    z-index: 2;
    text-shadow: 
        0 0 10px rgba(255, 255, 255, 0.5),
        0 0 20px var(--accent-orange),
        0 0 40px var(--accent-orange),
        0 2px 0 rgba(0, 0, 0, 0.5);
    animation: numberPulse 4s ease-in-out infinite;
}

@keyframes numberPulse {
    0%, 100% { 
        transform: scale(1);
        text-shadow: 
            0 0 10px rgba(255, 255, 255, 0.5),
            0 0 20px var(--accent-orange),
            0 0 40px var(--accent-orange),
            0 2px 0 rgba(0, 0, 0, 0.5);
    }
    50% { 
        transform: scale(1.05);
        text-shadow: 
            0 0 15px rgba(255, 255, 255, 0.7),
            0 0 30px var(--accent-orange),
            0 0 60px var(--accent-orange),
            0 3px 0 rgba(0, 0, 0, 0.5);
    }
}

.sphere-glow {
    position: absolute;
    width: 120%;
    height: 120%;
    border-radius: 50%;
    background: radial-gradient(circle at center,
        rgba(255, 107, 0, 0.6) 0%,
        rgba(1, 85, 155, 0.4) 30%,
        rgba(0, 51, 102, 0.2) 60%,
        transparent 80%);
    filter: blur(40px);
    animation: glowBreath 5s ease-in-out infinite;
}

@keyframes glowBreath {
    0%, 100% { 
        opacity: 0.7;
        transform: scale(0.95);
    }
    50% { 
        opacity: 1;
        transform: scale(1.05);
    }
}

/* Задняя сторона монеты с логотипом */
.sphere-back {
    background: radial-gradient(circle at 65% 65%,
        var(--light-blue) 0%,
        var(--secondary-blue) 40%,
        var(--primary-blue) 80%);
    transform: rotateY(180deg) translateZ(30px);
    padding: 30px;
    box-shadow: 
        inset 0 0 40px rgba(255, 255, 255, 0.1),
        inset 0 0 0 5px rgba(255, 255, 255, 0.1),
        inset 0 0 0 10px rgba(0, 51, 102, 0.3);
}

.sphere-logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: 
        drop-shadow(0 0 5px rgba(255, 255, 255, 0.3))
        drop-shadow(0 0 10px rgba(14, 165, 233, 0.3))
        brightness(1.1);
}

/* Орбитальные кольца вокруг монеты */
.sphere-orbit {
    position: absolute;
    border-radius: 50%;
    border: 1px solid;
    animation: orbitSpin 20s linear infinite;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.orbit-1 {
    width: 320px;
    height: 320px;
    border-color: rgba(255, 107, 0, 0.5);
    transform: translateZ(40px) rotateX(70deg);
    animation-delay: 0s;
    box-shadow: 0 0 30px rgba(255, 107, 0, 0.3);
}

.orbit-2 {
    width: 380px;
    height: 380px;
    border-color: rgba(1, 85, 155, 0.5);
    transform: translateZ(20px) rotateX(60deg) rotateY(45deg);
    animation-delay: -7s;
    box-shadow: 0 0 30px rgba(1, 85, 155, 0.3);
}

.orbit-3 {
    width: 440px;
    height: 440px;
    border-color: rgba(14, 165, 233, 0.5);
    transform: translateZ(0px) rotateX(50deg) rotateY(90deg);
    animation-delay: -14s;
    box-shadow: 0 0 30px rgba(14, 165, 233, 0.3);
}

@keyframes orbitSpin {
    0% { transform: translateZ(40px) rotateX(70deg) rotateZ(0deg); }
    100% { transform: translateZ(40px) rotateX(70deg) rotateZ(360deg); }
}

/* Звездный фон для монеты */
.logo-main::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    height: 500px;
    background: 
        radial-gradient(circle at center, transparent 30%, rgba(255, 107, 0, 0.05) 70%),
        repeating-conic-gradient(
            from 0deg,
            transparent 0deg 1deg,
            rgba(255, 255, 255, 0.02) 1deg 2deg
        );
    border-radius: 50%;
    animation: starField 100s linear infinite;
    z-index: -1;
}

@keyframes starField {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

        /* Адаптивность */
        @media (max-width: 768px) {
            .logo-sphere-3d {
                width: 220px;
                height: 220px;
            }
            
            .sphere-number {
                font-size: 4rem;
            }
            
            .orbit-1 {
                width: 250px;
                height: 250px;
            }
            
            .orbit-2 {
                width: 300px;
                height: 300px;
            }
            
            .orbit-3 {
                width: 350px;
                height: 350px;
            }
            
            .logo-main::before {
                width: 350px;
                height: 350px;
            }
        }

        @media (max-width: 480px) {
            .logo-sphere-3d {
                width: 180px;
                height: 180px;
            }
            
            .sphere-number {
                font-size: 3rem;
            }
            
            .sphere-back {
                padding: 15px;
            }
            
            .orbit-1 {
                width: 200px;
                height: 200px;
            }
            
            .orbit-2 {
                width: 240px;
                height: 240px;
            }
            
            .orbit-3 {
                width: 280px;
                height: 280px;
            }
            
            .logo-main::before {
                width: 280px;
                height: 280px;
            }
        }
        
        .hero-title {
            font-size: 3.5rem;
            font-weight: 900;
            margin-bottom: 1.5rem;
            background: linear-gradient(90deg, 
                var(--white) 0%,
                var(--light-blue) 30%,
                var(--accent-orange) 70%,
                var(--white) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            line-height: 1.2;
        }
        
        .hero-subtitle {
            font-size: 1.5rem;
            opacity: 0.95;
            max-width: 800px;
            margin: 0 auto;
            line-height: 1.6;
            font-weight: 300;
        }
        
        .scroll-hint {
            position: absolute;
            bottom: 2rem;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 1rem;
            animation: bounceHint 2s infinite;
            z-index: 10;
        }
        
        .mouse {
            width: 30px;
            height: 50px;
            border: 2px solid var(--white);
            border-radius: 20px;
            position: relative;
        }
        
        .wheel {
            width: 4px;
            height: 10px;
            background: var(--accent-orange);
            border-radius: 2px;
            position: absolute;
            top: 10px;
            left: 50%;
            transform: translateX(-50%);
            animation: scrollWheel 2s infinite;
        }
        
        @keyframes bounceHint {
            0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); }
            40% { transform: translateX(-50%) translateY(-10px); }
            60% { transform: translateX(-50%) translateY(-5px); }
        }
        
        @keyframes scrollWheel {
            0% { opacity: 1; top: 10px; }
            100% { opacity: 0; top: 30px; }
        }
        
        /* Таймлайн секция */
        .timeline-section {
            padding: 8rem 2rem;
            background: var(--light-bg);
            width: 100%;
            overflow: hidden;
        }
        
        .section-header {
            text-align: center;
            margin-bottom: 6rem;
        }
        
        .section-title {
            font-size: 3.5rem;
            color: var(--primary-blue);
            margin-bottom: 1rem;
            position: relative;
            display: inline-block;
        }
        
        .section-title:after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 4px;
            background: linear-gradient(90deg, 
                var(--primary-blue),
                var(--accent-orange),
                var(--light-blue));
        }
        
        /* Таймлайн с увеличенной шириной */
        .timeline-container {
            max-width: 1800px;
            margin: 0 auto;
            position: relative;
        }
        
        .timeline-track {
            position: absolute;
            left: 50%;
            top: 0;
            bottom: 0;
            width: 4px;
            background: linear-gradient(to bottom,
                var(--primary-blue) 0%,
                var(--accent-orange) 50%,
                var(--light-blue) 100%);
            transform: translateX(-50%);
        }
        
        .timeline-item {
            display: flex;
            align-items: center;
            margin-bottom: 8rem;
            opacity: 0;
        }
        
        .timeline-item:nth-child(odd) {
            flex-direction: row;
            transform: translateX(-300px);
        }
        
        .timeline-item:nth-child(even) {
            flex-direction: row-reverse;
            transform: translateX(300px);
        }
        
        .timeline-content {
            flex: 0 0 700px;
            padding: 3rem;
            background: var(--white);
            border-radius: 20px;
            box-shadow: 0 20px 60px rgba(0, 51, 102, 0.15);
            position: relative;
            transition: all 0.5s ease;
            margin: 0 6rem;
        }
        
        .timeline-item:nth-child(odd) .timeline-content {
            border-right: 5px solid var(--accent-orange);
        }
        
        .timeline-item:nth-child(even) .timeline-content {
            border-left: 5px solid var(--light-blue);
        }
        
        .timeline-year {
            position: absolute;
            top: 50%;
            width: 120px;
            height: 120px;
            background: linear-gradient(135deg, 
                var(--primary-blue) 0%,
                var(--secondary-blue) 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            font-weight: 800;
            color: var(--white);
            z-index: 3;
            box-shadow: 0 10px 30px rgba(0, 51, 102, 0.3);
            transform: translateY(-50%);
        }
        
        .timeline-item:nth-child(odd) .timeline-year {
            right: -80px;
        }
        
        .timeline-item:nth-child(even) .timeline-year {
            left: -80px;
        }
        
        .timeline-image {
            flex: 0 0 700px;
            height: 450px;
            border-radius: 15px;
            overflow: hidden;
            position: relative;
            transition: all 0.5s ease;
            box-shadow: 0 15px 45px rgba(0, 0, 0, 0.2);
        }
        
        .timeline-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .timeline-image:hover img {
            transform: scale(1.1);
        }
        
        .timeline-text {
            color: var(--text-dark);
            font-size: 1.2rem;
            line-height: 1.7;
            margin-bottom: 1.5rem;
        }
        
        .timeline-highlight {
            background: linear-gradient(90deg, 
                rgba(255, 107, 0, 0.1) 0%,
                rgba(255, 107, 0, 0.05) 100%);
            padding: 0.8rem 1.2rem;
            border-radius: 10px;
            border-left: 3px solid var(--accent-orange);
            margin: 1.2rem 0;
            font-weight: 600;
            color: var(--text-dark);
        }
        
        /* Интерактивная галерея */
        .gallery-section {
            padding: 8rem 2rem;
            background: linear-gradient(135deg, var(--primary-blue) 0%, var(--dark-bg) 100%);
            width: 100%;
            overflow: hidden;
        }
        
        .gallery-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 2rem;
            max-width: 1400px;
            margin: 4rem auto 0;
            padding: 0 1rem;
        }
        
        .gallery-item {
            position: relative;
            border-radius: 15px;
            overflow: hidden;
            height: 280px;
            cursor: pointer;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
        }
        
        .gallery-item:hover {
            transform: translateY(-10px) scale(1.05);
            box-shadow: 0 20px 40px rgba(255, 107, 0, 0.3);
        }
        
        .gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.6s ease;
        }
        
        .gallery-item:hover img {
            transform: scale(1.1);
        }
        
        .gallery-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(transparent, rgba(0, 51, 102, 0.9));
            color: white;
            padding: 2rem;
            transform: translateY(100%);
            transition: transform 0.4s ease;
        }
        
        .gallery-item:hover .gallery-overlay {
            transform: translateY(0);
        }
        
        .gallery-overlay h3 {
            font-size: 1.3rem;
            margin-bottom: 0.5rem;
            color: var(--white);
        }
        
        .gallery-overlay p {
            font-size: 0.9rem;
            opacity: 0.9;
            color: var(--light-blue);
        }
        
        /* Финальная секция с эффектом чести и славы */
        .final-section {
            height: 100vh;
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, 
                #0A1929 0%,
                #001F3F 30%,
                #003366 60%,
                #0A1929 100%);
            overflow: hidden;
            padding: 2rem;
            padding-top: 120px;
        }

        /* Огонь частиц */
        .fire-particles {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }

        /* Медаль чести */
        .honor-medal {
            position: relative;
            width: 400px;
            height: 400px;
            margin-bottom: 4rem;
            z-index: 2;
        }

        .medal-circle {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 300px;
            height: 300px;
            background: radial-gradient(circle at center,
                rgba(255, 215, 0, 0.2) 0%,
                rgba(255, 215, 0, 0) 70%);
            border-radius: 50%;
        }

        .medal-inner {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 200px;
            height: 200px;
            background: linear-gradient(135deg,
                #FFD700 0%,
                #FFEC8B 30%,
                #FFD700 70%,
                #DAA520 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 
                0 0 80px rgba(255, 215, 0, 0.6),
                inset 0 0 40px rgba(255, 255, 255, 0.4);
            animation: medalGlow 3s ease-in-out infinite;
        }

        @keyframes medalGlow {
            0%, 100% { 
                box-shadow: 
                    0 0 80px rgba(255, 215, 0, 0.6),
                    inset 0 0 40px rgba(255, 255, 255, 0.4);
            }
            50% { 
                box-shadow: 
                    0 0 120px rgba(255, 215, 0, 0.8),
                    inset 0 0 60px rgba(255, 255, 255, 0.6);
            }
        }

        .medal-number {
            font-size: 5rem;
            font-weight: 900;
            color: #003366;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
            position: relative;
            z-index: 3;
        }

        .medal-glow {
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background: radial-gradient(circle at center,
                rgba(255, 255, 255, 0.3) 0%,
                transparent 70%);
            animation: rotateGlow 4s linear infinite;
        }

        @keyframes rotateGlow {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        /* Лучи медали */
        .medal-rays {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 400px;
            height: 400px;
        }

        .ray {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 2px;
            height: 150px;
            background: linear-gradient(to top,
                rgba(255, 215, 0, 0.8),
                rgba(255, 215, 0, 0));
            transform-origin: bottom center;
            animation: rayPulse 2s ease-in-out infinite;
        }

        .ray-1 { transform: rotate(0deg) translateY(-75px); animation-delay: 0s; }
        .ray-2 { transform: rotate(45deg) translateY(-75px); animation-delay: 0.25s; }
        .ray-3 { transform: rotate(90deg) translateY(-75px); animation-delay: 0.5s; }
        .ray-4 { transform: rotate(135deg) translateY(-75px); animation-delay: 0.75s; }
        .ray-5 { transform: rotate(180deg) translateY(-75px); animation-delay: 1s; }
        .ray-6 { transform: rotate(225deg) translateY(-75px); animation-delay: 1.25s; }
        .ray-7 { transform: rotate(270deg) translateY(-75px); animation-delay: 1.5s; }
        .ray-8 { transform: rotate(315deg) translateY(-75px); animation-delay: 1.75s; }

        @keyframes rayPulse {
            0%, 100% { opacity: 0.5; height: 150px; }
            50% { opacity: 1; height: 180px; }
        }

        /* Эмблема на медали с логотипом */
        .medal-emblem {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 4;
            width: 120px;
            height: 120px;
        }

        .emblem-shield {
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0.95);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            box-shadow: 
                0 5px 20px rgba(0, 0, 0, 0.3),
                inset 0 0 15px rgba(0, 51, 102, 0.1);
            overflow: hidden;
            padding: 15px;
            animation: emblemFloat 3s ease-in-out infinite;
        }

        @keyframes emblemFloat {
            0%, 100% { 
                transform: translateY(0) scale(1);
                box-shadow: 
                    0 5px 20px rgba(0, 0, 0, 0.3),
                    inset 0 0 15px rgba(0, 51, 102, 0.1);
            }
            50% { 
                transform: translateY(-5px) scale(1.05);
                box-shadow: 
                    0 8px 30px rgba(0, 0, 0, 0.4),
                    inset 0 0 20px rgba(0, 51, 102, 0.2);
            }
        }

        .university-logo {
            width: 100%;
            height: 100%;
            object-fit: contain;
            filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
            transition: transform 0.3s ease;
        }

        .emblem-shield:hover .university-logo {
            transform: scale(1.1);
        }

        /* Лавровые ветви */
        .laurel-left,
        .laurel-right {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            font-size: 2rem;
            color: #228B22;
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
            text-shadow: 0 0 10px rgba(34, 139, 34, 0.5);
        }

        .laurel-left {
            left: -40px;
        }

        .laurel-right {
            right: -40px;
        }

        .laurel-left i,
        .laurel-right i {
            animation: leafFloat 3s ease-in-out infinite;
        }

        .laurel-left i:nth-child(1) { animation-delay: 0s; }
        .laurel-left i:nth-child(2) { animation-delay: 0.5s; }
        .laurel-left i:nth-child(3) { animation-delay: 1s; }
        .laurel-right i:nth-child(1) { animation-delay: 0.25s; }
        .laurel-right i:nth-child(2) { animation-delay: 0.75s; }
        .laurel-right i:nth-child(3) { animation-delay: 1.25s; }

        @keyframes leafFloat {
            0%, 100% { transform: translateY(0) rotate(0deg); }
            50% { transform: translateY(-10px) rotate(5deg); }
        }

        /* Контентная часть */
        .final-content {
            position: relative;
            z-index: 2;
            text-align: center;
            max-width: 800px;
        }

        .final-title {
            font-size: 3.5rem;
            font-weight: 900;
            margin-bottom: 1.5rem;
            background: linear-gradient(45deg, 
                #FFFFFF 0%,
                #FFD700 30%,
                #FF6B00 70%,
                #FFFFFF 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
            line-height: 1.2;
        }

        .final-subtitle {
            font-size: 1.5rem;
            color: rgba(255, 255, 255, 0.9);
            margin-bottom: 3rem;
            font-weight: 300;
            line-height: 1.6;
        }

        /* Статистика героев */
        .hero-stats {
            display: flex;
            justify-content: center;
            gap: 4rem;
            margin: 3rem 0;
        }

        .stat-item {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .stat-number {
            font-size: 3.5rem;
            font-weight: 900;
            color: #FFD700;
            text-shadow: 0 0 20px rgba(255, 215, 0, 0.5);
            margin-bottom: 0.5rem;
            animation: numberGlow 2s ease-in-out infinite;
        }

        @keyframes numberGlow {
            0%, 100% { text-shadow: 0 0 20px rgba(255, 215, 0, 0.5); }
            50% { text-shadow: 0 0 30px rgba(255, 215, 0, 0.8); }
        }

        .stat-label {
            font-size: 1.1rem;
            color: rgba(255, 255, 255, 0.8);
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        /* Лента */
        .ribbon-container {
            position: relative;
            margin: 3rem 0;
        }

        .ribbon {
            position: relative;
            background: linear-gradient(90deg,
                #003366 0%,
                #0EA5E9 50%,
                #003366 100%);
            padding: 1.5rem 3rem;
            display: inline-block;
            clip-path: polygon(95% 0%, 100% 50%, 95% 100%, 5% 100%, 0% 50%, 5% 0%);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
        }

        .ribbon-content {
            display: flex;
            align-items: center;
            gap: 2rem;
        }

        .ribbon-year {
            font-size: 1.8rem;
            font-weight: 900;
            color: #FFD700;
            min-width: 100px;
        }

        .ribbon-text {
            font-size: 1.2rem;
            color: #FFFFFF;
            font-weight: 600;
            white-space: nowrap;
        }

        .ribbon-ends {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            pointer-events: none;
        }

        .ribbon-end {
            position: absolute;
            top: 0;
            width: 30px;
            height: 100%;
            background: #001F3F;
        }

        .ribbon-end.left {
            left: -15px;
            clip-path: polygon(100% 0, 100% 100%, 0 50%);
        }

        .ribbon-end.right {
            right: -15px;
            clip-path: polygon(0 0, 0 100%, 100% 50%);
        }

        /* Девиз */
        .motto-container {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 2rem;
            margin: 2rem 0;
        }

        .motto-line {
            flex: 1;
            height: 2px;
            background: linear-gradient(90deg,
                transparent,
                #FFD700,
                transparent);
        }

        .motto-text {
            font-size: 1.2rem;
            color: rgba(255, 255, 255, 0.8);
            font-style: italic;
            text-align: center;
            padding: 0 1rem;
        }

        /* Искры славы */
        .glory-sparks {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
            background: radial-gradient(circle at 50% 50%,
                transparent 0%,
                rgba(255, 215, 0, 0.05) 30%,
                transparent 70%);
            animation: sparksPulse 4s ease-in-out infinite;
        }

        @keyframes sparksPulse {
            0%, 100% { opacity: 0.3; }
            50% { opacity: 0.6; }
        }
        
        /* Прогресс скролла */
        .scroll-progress {
            position: fixed;
            top: 0;
            left: 0;
            width: 0%;
            height: 4px;
            background: linear-gradient(90deg, 
                var(--accent-orange),
                var(--light-blue),
                var(--secondary-blue));
            z-index: 10000;
            transition: width 0.1s ease;
        }
        
        /* Адаптивность */
        @media (max-width: 1600px) {
            .timeline-content,
            .timeline-image {
                flex: 0 0 600px;
            }
        }
        
        @media (max-width: 1400px) {
            .timeline-content,
            .timeline-image {
                flex: 0 0 550px;
            }
        }
        
        @media (max-width: 1200px) {
            .timeline-content,
            .timeline-image {
                flex: 0 0 500px;
            }
            
            .gallery-container {
                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
                gap: 1.5rem;
            }
            
            .gallery-item {
                height: 250px;
            }
            
            /* Адаптивность для логотипа */
            .medal-emblem {
                width: 100px;
                height: 100px;
            }
            
            .emblem-shield {
                padding: 12px;
            }
            
            .honor-medal {
                width: 350px;
                height: 350px;
            }
            
            .medal-circle {
                width: 250px;
                height: 250px;
            }
            
            .medal-inner {
                width: 180px;
                height: 180px;
            }
            
            .medal-number {
                font-size: 4rem;
            }
            
            .final-title {
                font-size: 3rem;
            }
            
            .hero-stats {
                gap: 3rem;
            }
            
            .stat-number {
                font-size: 3rem;
            }
        }
        
        @media (max-width: 992px) {
            .hero-title { font-size: 2.5rem; }
            .hero-subtitle { font-size: 1.2rem; }
            .section-title { font-size: 2.5rem; }
            
            .timeline-item {
                flex-direction: column !important;
                margin-bottom: 6rem;
            }
            
            .timeline-content,
            .timeline-image {
                flex: 0 0 100%;
                max-width: 700px;
                margin: 1rem auto !important;
            }
            
            .timeline-year {
                position: relative;
                top: 0;
                left: 0 !important;
                right: 0 !important;
                margin: 2rem auto;
                transform: none !important;
            }
            
            .timeline-item:nth-child(odd),
            .timeline-item:nth-child(even) {
                transform: translateY(100px);
            }
            
            .gallery-section {
                padding: 4rem 1rem;
            }
            
            .gallery-container {
                grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
                gap: 1rem;
            }
            
            .gallery-item {
                height: 220px;
            }
            
            .gallery-overlay {
                padding: 1.5rem;
            }
            
            .gallery-overlay h3 {
                font-size: 1.1rem;
            }
            
            .final-title {
                font-size: 2.5rem;
            }
            
            .final-subtitle {
                font-size: 1.2rem;
            }
        }
        
        @media (max-width: 768px) {
            .hero-title { font-size: 2rem; }
            .hero-content { padding: 2rem; }
            
            .timeline-content,
            .timeline-image {
                max-width: 100%;
            }
            
            .timeline-content {
                padding: 2rem;
            }
            
            .timeline-image {
                height: 300px;
            }
            
            .gallery-container {
                grid-template-columns: 1fr;
                max-width: 400px;
            }
            
            .gallery-item {
                height: 250px;
            }
            
            .final-title {
                font-size: 2rem;
            }
            
            .final-subtitle {
                font-size: 1rem;
            }
            
            .final-section {
                padding: 1rem;
            }
            
            .honor-medal {
                width: 300px;
                height: 300px;
                margin-bottom: 2rem;
            }
            
            .medal-circle {
                width: 200px;
                height: 200px;
            }
            
            .medal-inner {
                width: 150px;
                height: 150px;
            }
            
            .medal-number {
                font-size: 3rem;
            }
            
            .medal-emblem {
                width: 80px;
                height: 80px;
            }
            
            .emblem-shield {
                padding: 10px;
            }
            
            .hero-stats {
                flex-direction: column;
                gap: 2rem;
            }
            
            .ribbon {
                padding: 1rem 1.5rem;
            }
            
            .ribbon-content {
                flex-direction: column;
                gap: 0.5rem;
            }
            
            .ribbon-year {
                font-size: 1.5rem;
            }
            
            .ribbon-text {
                font-size: 1rem;
                text-align: center;
            }
            
            .laurel-left,
            .laurel-right {
                display: none;
            }
        }
        
        @media (max-width: 480px) {
            .final-title {
                font-size: 1.8rem;
            }
            
            .honor-medal {
                width: 250px;
                height: 250px;
            }
            
            .medal-circle {
                width: 180px;
                height: 180px;
            }
            
            .medal-inner {
                width: 130px;
                height: 130px;
            }
            
            .medal-number {
                font-size: 2.5rem;
            }
            
            .medal-emblem {
                width: 70px;
                height: 70px;
            }
            
            .emblem-shield {
                padding: 8px;
            }
        }