<?xml version="1.0" encoding="UTF-8" standalone="no"?><!--75B8OuC6ejZpIB6WYecpj--><html class="great_vibes_91c5bc2f-module__WgUhTq__variable jura_ae207559-module__WUm2lW__variable" lang="ru">
    <head>
        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta charSet="utf-8">
        <meta content="width=device-width, initial-scale=1" name="viewport">
        <link as="font" crossorigin="" href="/_next/static/media/2efc0c479abd2474-s.p.f4ebe13e.woff2" rel="preload" type="font/woff2">
        <link as="font" crossorigin="" href="/_next/static/media/9ee96739b121ce9a-s.p.387f1507.woff2" rel="preload" type="font/woff2">
        <link as="font" crossorigin="" href="/_next/static/media/a056574f751321d1-s.p.3ffdf00b.woff2" rel="preload" type="font/woff2">
        <link as="font" crossorigin="" href="/_next/static/media/f48d461c03e0a8ec-s.p.4f85faee.woff2" rel="preload" type="font/woff2">
        <link data-precedence="next" href="/_next/static/chunks/49c13d54e8a0245f.css" rel="stylesheet">
        <link as="script" fetchPriority="low" href="/_next/static/chunks/0d563d1b247b5fa6.js" rel="preload">
        <script async="" src="/_next/static/chunks/112f346e31f991df.js"></script><script async="" src="/_next/static/chunks/920501d033334f9d.js"></script><script async="" src="/_next/static/chunks/58e77fc17acbf1e7.js"></script><script async="" src="/_next/static/chunks/da46ae0487a42197.js"></script><script async="" src="/_next/static/chunks/turbopack-2e4bda91dec50fde.js"></script><script async="" src="/_next/static/chunks/d3dded16c0761c1e.js"></script><script async="" src="/_next/static/chunks/ff1a16fafef87110.js"></script><script async="" src="/_next/static/chunks/247eb132b7f7b574.js"></script><script async="" src="/_next/static/chunks/5c6ecc8f236d5743.js"></script><script async="" src="/_next/static/chunks/4c3aec0619a266a7.js"></script><script async="" src="/_next/static/chunks/c1dbfb00078f746e.js"></script><script async="" src="/_next/static/chunks/ae13b4c2f9660a76.js"></script>
        <meta content="" name="next-size-adjust">
        <script noModule="" src="/_next/static/chunks/a6dad97d9634a72d.js"></script>
    </head>
    <body class="font-jura">
        <div hidden="">
            <!--$-->
            <!--/$-->
        </div>
        <div class="min-h-screen bg-white">
            <section class="relative flex flex-col justify-center items-center min-h-screen px-4 text-center">
                <div class="absolute inset-0 bg-cover bg-center bg-no-repeat" style="background-image:url('/fon.png')"></div>
                <div class="relative z-10 max-w-4xl mx-auto w-full">
                    <h1 class="text-2xl sm:text-3xl md:text-4xl text-white/90 mb-12 font-light">СПО "Альтаир" им. В.П. Правика</h1>
                    <p class="text-5xl sm:text-6xl md:text-7xl lg:text-8xl font-great-vibes text-white mb-6 leading-tight">Юбилей 40 лет</p>
                    <h2 class="text-2xl sm:text-3xl md:text-4xl text-white leading-relaxed max-w-2xl mx-auto mb-12 font-light">Окунитесь в атмосферу волшебного леса и магии...</h2>
                    <button class="border-2 cursor-pointer border-white rounded-full p-4 hover:bg-white/10 transition-colors duration-300 animate-bounce">
                        <svg xmlns="http://www.w3.org/2000/svg" class="w-8 h-8 sm:w-10 sm:h-10 text-white" fill="currentColor" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 512 512" width="1em">
                            <path d="M256 294.1L383 167c9.4-9.4 24.6-9.4 33.9 0s9.3 24.6 0 34L273 345c-9.1 9.1-23.7 9.3-33.1.7L95 201.1c-4.7-4.7-7-10.9-7-17s2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l127.1 127z"></path>
                        </svg>
                    </button>
                </div>
            </section>
            <section class="py-16 sm:py-20 lg:py-24 bg-white" xmlns="">
                <div class="max-w-4xl mx-auto px-4">
                    <div class="text-center">
                        <h2 class="text-3xl sm:text-4xl font-bold text-gray-900 mb-8">Дорогие друзья!</h2>
                        <div class="bg-gray-50 rounded-2xl p-8 sm:p-12">
                            <p class="text-lg sm:text-xl text-gray-700 leading-relaxed">
                                Сердечно приглашаем вас на юбилей
                                <!-- -->
                                 <span class="text-[#AB80DF] font-semibold">Студенческого педагогического отряда "Альтаир" им. Правика</span>. Давайте вместе окунёмся в атмосферу незабываемых лет, полных энтузиазма и студенческого задора. Будем рады встрече с каждым, кто причастен к нашей большой истории!
                            </p>
                        </div>
                    </div>
                </div>
            </section>
            <section class="py-16 sm:py-20 lg:py-24 bg-gray-50">
                <div class="max-w-6xl mx-auto px-4">
                    <div class="text-center mb-12">
                        <h2 class="text-3xl sm:text-4xl font-bold text-gray-900 mb-4">Детали мероприятия</h2>
                    </div>
                    <div class="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-5xl mx-auto">
                        <div class="bg-white rounded-xl p-8 text-center border border-gray-200 hover:border-[#AB80DF] transition-colors duration-300">
                            <div class="flex justify-center mb-6">
                                <div class="w-16 h-16 rounded-full bg-[#AB80DF] flex items-center justify-center">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="w-8 h-8 text-white" fill="currentColor" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 384 512" width="1em">
                                        <path d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"></path>
                                    </svg>
                                </div>
                            </div>
                            <h3 class="text-2xl font-bold text-gray-900 mb-4" xmlns="">Где?</h3>
                            <div class="text-lg text-gray-600 leading-relaxed whitespace-pre-line">КРК 'Ладога'
Советская 109/1
Зал 'Лофт'</div>
                        </div>
                        <div class="bg-white rounded-xl p-8 text-center border border-gray-200 hover:border-[#AB80DF] transition-colors duration-300">
                            <div class="flex justify-center mb-6">
                                <div class="w-16 h-16 rounded-full bg-[#AB80DF] flex items-center justify-center">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="w-8 h-8 text-white" fill="currentColor" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 448 512" width="1em">
                                        <path d="M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z"></path>
                                    </svg>
                                </div>
                            </div>
                            <h3 class="text-2xl font-bold text-gray-900 mb-4" xmlns="">Когда?</h3>
                            <div class="text-lg text-gray-600 leading-relaxed whitespace-pre-line">29
Ноября</div>
                        </div>
                        <div class="bg-white rounded-xl p-8 text-center border border-gray-200 hover:border-[#AB80DF] transition-colors duration-300">
                            <div class="flex justify-center mb-6">
                                <div class="w-16 h-16 rounded-full bg-[#AB80DF] flex items-center justify-center">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="w-8 h-8 text-white" fill="currentColor" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 24 24" width="1em">
                                        <path d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm11.575-4.75a.825.825 0 1 0-1.65 0v5.5c0 .296.159.57.416.716l3.5 2a.825.825 0 0 0 .818-1.432l-3.084-1.763Z"></path>
                                    </svg>
                                </div>
                            </div>
                            <h3 class="text-2xl font-bold text-gray-900 mb-4" xmlns="">Во сколько?</h3>
                            <div class="text-lg text-gray-600 leading-relaxed whitespace-pre-line">16:00</div>
                        </div>
                    </div>
                </div>
            </section>
            <section class="py-16 sm:py-20 lg:py-24 bg-white">
                <div class="max-w-4xl mx-auto px-4">
                    <div class="text-center mb-12">
                        <h2 class="text-3xl sm:text-4xl font-bold text-gray-900 mb-4">Дресс-код</h2>
                        <div class="w-20 h-1 bg-[#AB80DF] mx-auto rounded-full"></div>
                    </div>
                    <div class="bg-gray-50 rounded-2xl p-8 sm:p-12">
                        <div class="text-center mb-8">
                            <p class="text-xl text-gray-700 leading-relaxed">Наш юбилей &mdash; это путешествие в сказку, и мы приглашаем вас стать частью этого волшебства. Давайте вместе создадим неповторимую атмосферу таинственного леса, где возможно всё!</p>
                        </div>
                        <div class="grid lg:grid-cols-2 gap-8">
                            <div class="space-y-6">
                                <h4 class="text-2xl font-bold text-gray-900 mb-6 text-center lg:text-left">Элементы стиля</h4>
                                <div class="space-y-4">
                                    <div class="group p-4 rounded-lg bg-white border border-gray-200 hover:border-[#AB80DF] transition-all duration-300">
                                        <div class="flex items-start space-x-4">
                                            <div class="text-2xl">&#127807;</div>
                                            <div class="flex-1">
                                                <h5 class="font-semibold text-gray-900 mb-1">Флора</h5>
                                                <p class="text-gray-600 text-sm leading-relaxed">листья, папоротники, ветки, цветы, древесная кора</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="group p-4 rounded-lg bg-white border border-gray-200 hover:border-[#AB80DF] transition-all duration-300">
                                        <div class="flex items-start space-x-4">
                                            <div class="text-2xl">&#129419;</div>
                                            <div class="flex-1">
                                                <h5 class="font-semibold text-gray-900 mb-1">Фауна</h5>
                                                <p class="text-gray-600 text-sm leading-relaxed">крылья бабочек или фей, перья, оленьи рога, следы зверей</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="group p-4 rounded-lg bg-white border border-gray-200 hover:border-[#AB80DF] transition-all duration-300">
                                        <div class="flex items-start space-x-4">
                                            <div class="text-2xl">✨</div>
                                            <div class="flex-1">
                                                <h5 class="font-semibold text-gray-900 mb-1">Магия</h5>
                                                <p class="text-gray-600 text-sm leading-relaxed">капли росы, сверкающие блики, сказочные узоры, лунное сияние</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="group p-4 rounded-lg bg-white border border-gray-200 hover:border-[#AB80DF] transition-all duration-300">
                                        <div class="flex items-start space-x-4">
                                            <div class="text-2xl">&#128081;</div>
                                            <div class="flex-1">
                                                <h5 class="font-semibold text-gray-900 mb-1">Детали</h5>
                                                <p class="text-gray-600 text-sm leading-relaxed">венки, кружево, струящиеся ткани, тематические аксессуары</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="space-y-6">
                                <h4 class="text-2xl font-bold text-gray-900 mb-6 text-center lg:text-left">Основные цвета</h4>
                                <div class="grid grid-cols-2 gap-4">
                                    <div class="p-4 rounded-lg bg-white border border-gray-200 text-center">
                                        <div class="w-16 h-16 rounded-full bg-[#A2EEFF] border-2 border-white shadow-sm mx-auto mb-2"></div>
                                        <h5 class="font-medium text-gray-900">Небесный</h5>
                                    </div>
                                    <div class="p-4 rounded-lg bg-white border border-gray-200 text-center">
                                        <div class="w-16 h-16 rounded-full bg-[#DFC7FD] border-2 border-white shadow-sm mx-auto mb-2"></div>
                                        <h5 class="font-medium text-gray-900">Лавандовый</h5>
                                    </div>
                                    <div class="p-4 rounded-lg bg-white border border-gray-200 text-center">
                                        <div class="w-16 h-16 rounded-full bg-[#B5FFB8] border-2 border-white shadow-sm mx-auto mb-2"></div>
                                        <h5 class="font-medium text-gray-900">Мятный</h5>
                                    </div>
                                    <div class="p-4 rounded-lg bg-white border border-gray-200 text-center">
                                        <div class="w-16 h-16 rounded-full bg-[#AD855E] border-2 border-white shadow-sm mx-auto mb-2"></div>
                                        <h5 class="font-medium text-gray-900">Древесный</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section class="py-16 sm:py-20 lg:py-24 bg-white">
                <div class="max-w-6xl mx-auto px-4">
                    <div class="text-center mb-16">
                        <h2 class="text-3xl sm:text-4xl font-bold text-gray-900 mb-4">ВишЛист</h2>
                        <p class="text-lg text-gray-600 max-w-2xl mx-auto">Для вашего удобства прикрепляем то, что мы хотели бы получить в подарок &#128516;</p>
                        <p class="text-lg text-gray-600 max-w-2xl mx-auto">
                            По поводу брони каких-либо позиций писать Комиссару
                            <br>
                            СПО "Альтаир" им. Правика -  <a class="text-[#AB80DF]" href="https://vk.com/imarlekino">Захожевой Алине</a>
                        </p>
                    </div>
                    <div class="bg-gray-50 rounded-2xl p-8 sm:p-12">
                        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 max-w-5xl mx-auto">
                            <div class="group flex flex-col items-center text-center p-4 sm:p-6 rounded-xl bg-white border border-gray-200 hover:border-[#AB80DF] transition-all duration-300 hover:shadow-lg">
                                <div class="relative mb-3">
                                    <div class="w-20 h-20 sm:w-24 sm:h-24 rounded-full bg-gradient-to-br from-[#DFC7FD] to-[#AB80DF] transition-all duration-300 flex items-center justify-center">
                                        <div class="transform group-hover:scale-110 transition-transform duration-300">
                                            <svg xmlns="http://www.w3.org/2000/svg" color="#5600BE" fill="currentColor" height="40" stroke="currentColor" stroke-width="0" style="color:#5600BE" viewBox="0 0 512 512" width="40">
                                                <path d="M494.8 47c12.7-3.7 20-17.1 16.3-29.8S494-2.8 481.2 1L51.7 126.9c-9.4 2.7-17.9 7.3-25.1 13.2C10.5 151.7 0 170.6 0 192l0 4L0 304 0 448c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-256c0-35.3-28.7-64-64-64l-229.5 0L494.8 47zM368 240a80 80 0 1 1 0 160 80 80 0 1 1 0-160zM80 256c0-8.8 7.2-16 16-16l96 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-96 0c-8.8 0-16-7.2-16-16zM64 320c0-8.8 7.2-16 16-16l128 0c8.8 0 16 7.2 16 16s-7.2 16-16 16L80 336c-8.8 0-16-7.2-16-16zm16 64c0-8.8 7.2-16 16-16l96 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-96 0c-8.8 0-16-7.2-16-16z"></path>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                                <div class="flex-1 flex flex-col justify-center" xmlns="">
                                    <span class="text-base sm:text-lg font-medium text-gray-900 group-hover:text-[#5600BE] transition-colors duration-300 leading-tight">Рации</span><span class="text-xs sm:text-sm text-gray-500 mt-1 leading-tight">18 штук</span>
                                </div>
                                <div class="mt-2 w-8 h-0.5 bg-[#AB80DF] rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
                            </div>
                            <div class="group flex flex-col items-center text-center p-4 sm:p-6 rounded-xl bg-white border border-gray-200 hover:border-[#AB80DF] transition-all duration-300 hover:shadow-lg">
                                <div class="relative mb-3">
                                    <div class="w-20 h-20 sm:w-24 sm:h-24 rounded-full bg-gradient-to-br from-[#DFC7FD] to-[#AB80DF] transition-all duration-300 flex items-center justify-center">
                                        <div class="transform group-hover:scale-110 transition-transform duration-300">
                                            <svg xmlns="http://www.w3.org/2000/svg" color="#5600BE" fill="currentColor" height="40" stroke="currentColor" stroke-width="0" style="color:#5600BE" viewBox="0 0 640 512" width="40">
                                                <path d="M608 0H160a32 32 0 0 0-32 32v96h160V64h192v320h128a32 32 0 0 0 32-32V32a32 32 0 0 0-32-32zM232 103a9 9 0 0 1-9 9h-30a9 9 0 0 1-9-9V73a9 9 0 0 1 9-9h30a9 9 0 0 1 9 9zm352 208a9 9 0 0 1-9 9h-30a9 9 0 0 1-9-9v-30a9 9 0 0 1 9-9h30a9 9 0 0 1 9 9zm0-104a9 9 0 0 1-9 9h-30a9 9 0 0 1-9-9v-30a9 9 0 0 1 9-9h30a9 9 0 0 1 9 9zm0-104a9 9 0 0 1-9 9h-30a9 9 0 0 1-9-9V73a9 9 0 0 1 9-9h30a9 9 0 0 1 9 9zm-168 57H32a32 32 0 0 0-32 32v288a32 32 0 0 0 32 32h384a32 32 0 0 0 32-32V192a32 32 0 0 0-32-32zM96 224a32 32 0 1 1-32 32 32 32 0 0 1 32-32zm288 224H64v-32l64-64 32 32 128-128 96 96z"></path>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                                <div class="flex-1 flex flex-col justify-center" xmlns="">
                                    <span class="text-base sm:text-lg font-medium text-gray-900 group-hover:text-[#5600BE] transition-colors duration-300 leading-tight">Проектор</span>
                                </div>
                                <div class="mt-2 w-8 h-0.5 bg-[#AB80DF] rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
                            </div>
                            <div class="group flex flex-col items-center text-center p-4 sm:p-6 rounded-xl bg-white border border-gray-200 hover:border-[#AB80DF] transition-all duration-300 hover:shadow-lg">
                                <div class="relative mb-3">
                                    <div class="w-20 h-20 sm:w-24 sm:h-24 rounded-full bg-gradient-to-br from-[#DFC7FD] to-[#AB80DF] transition-all duration-300 flex items-center justify-center">
                                        <div class="transform group-hover:scale-110 transition-transform duration-300">
                                            <svg xmlns="http://www.w3.org/2000/svg" color="#5600BE" fill="currentColor" height="40" stroke="currentColor" stroke-width="0" style="color:#5600BE" viewBox="0 0 512 512" width="40">
                                                <path d="M448 192V77.25c0-8.49-3.37-16.62-9.37-22.63L393.37 9.37c-6-6-14.14-9.37-22.63-9.37H96C78.33 0 64 14.33 64 32v160c-35.35 0-64 28.65-64 64v112c0 8.84 7.16 16 16 16h48v96c0 17.67 14.33 32 32 32h320c17.67 0 32-14.33 32-32v-96h48c8.84 0 16-7.16 16-16V256c0-35.35-28.65-64-64-64zm-64 256H128v-96h256v96zm0-224H128V64h192v48c0 8.84 7.16 16 16 16h48v96zm48 72c-13.25 0-24-10.75-24-24 0-13.26 10.75-24 24-24s24 10.74 24 24c0 13.25-10.75 24-24 24z"></path>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                                <div class="flex-1 flex flex-col justify-center" xmlns="">
                                    <span class="text-base sm:text-lg font-medium text-gray-900 group-hover:text-[#5600BE] transition-colors duration-300 leading-tight">Принтер</span>
                                </div>
                                <div class="mt-2 w-8 h-0.5 bg-[#AB80DF] rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
                            </div>
                            <div class="group flex flex-col items-center text-center p-4 sm:p-6 rounded-xl bg-white border border-gray-200 hover:border-[#AB80DF] transition-all duration-300 hover:shadow-lg">
                                <div class="relative mb-3">
                                    <div class="w-20 h-20 sm:w-24 sm:h-24 rounded-full bg-gradient-to-br from-[#DFC7FD] to-[#AB80DF] transition-all duration-300 flex items-center justify-center">
                                        <div class="transform group-hover:scale-110 transition-transform duration-300">
                                            <svg xmlns="http://www.w3.org/2000/svg" color="#5600BE" fill="currentColor" height="40" stroke="currentColor" stroke-width="0" style="color:#5600BE" viewBox="0 0 512 512" width="40">
                                                <path d="M470.38 1.51L150.41 96A32 32 0 0 0 128 126.51v261.41A139 139 0 0 0 96 384c-53 0-96 28.66-96 64s43 64 96 64 96-28.66 96-64V214.32l256-75v184.61a138.4 138.4 0 0 0-32-3.93c-53 0-96 28.66-96 64s43 64 96 64 96-28.65 96-64V32a32 32 0 0 0-41.62-30.49z"></path>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                                <div class="flex-1 flex flex-col justify-center" xmlns="">
                                    <span class="text-base sm:text-lg font-medium text-gray-900 group-hover:text-[#5600BE] transition-colors duration-300 leading-tight">Колонка</span>
                                </div>
                                <div class="mt-2 w-8 h-0.5 bg-[#AB80DF] rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
                            </div>
                            <div class="group flex flex-col items-center text-center p-4 sm:p-6 rounded-xl bg-white border border-gray-200 hover:border-[#AB80DF] transition-all duration-300 hover:shadow-lg">
                                <div class="relative mb-3">
                                    <div class="w-20 h-20 sm:w-24 sm:h-24 rounded-full bg-gradient-to-br from-[#DFC7FD] to-[#AB80DF] transition-all duration-300 flex items-center justify-center">
                                        <div class="transform group-hover:scale-110 transition-transform duration-300">
                                            <svg xmlns="http://www.w3.org/2000/svg" color="#5600BE" fill="currentColor" height="40" stroke="currentColor" stroke-width="0" style="color:#5600BE" viewBox="0 0 640 512" width="40">
                                                <path d="M96 64h448v352h64V40c0-22.06-17.94-40-40-40H72C49.94 0 32 17.94 32 40v376h64V64zm528 384H480v-64H288v64H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h608c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"></path>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                                <div class="flex-1 flex flex-col justify-center" xmlns="">
                                    <span class="text-base sm:text-lg font-medium text-gray-900 group-hover:text-[#5600BE] transition-colors duration-300 leading-tight">Флипчарт</span><span class="text-xs sm:text-sm text-gray-500 mt-1 leading-tight">с маркерами</span>
                                </div>
                                <div class="mt-2 w-8 h-0.5 bg-[#AB80DF] rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
                            </div>
                            <div class="group flex flex-col items-center text-center p-4 sm:p-6 rounded-xl bg-white border border-gray-200 hover:border-[#AB80DF] transition-all duration-300 hover:shadow-lg">
                                <div class="relative mb-3">
                                    <div class="w-20 h-20 sm:w-24 sm:h-24 rounded-full bg-gradient-to-br from-[#DFC7FD] to-[#AB80DF] transition-all duration-300 flex items-center justify-center">
                                        <div class="transform group-hover:scale-110 transition-transform duration-300">
                                            <svg xmlns="http://www.w3.org/2000/svg" color="#5600BE" fill="currentColor" height="40" stroke="currentColor" stroke-width="0" style="color:#5600BE" viewBox="0 0 512 512" width="40">
                                                <path d="M32 448c0 17.7 14.3 32 32 32h160V320H32v128zm256 32h160c17.7 0 32-14.3 32-32V320H288v160zm192-320h-42.1c6.2-12.1 10.1-25.5 10.1-40 0-48.5-39.5-88-88-88-41.6 0-68.5 21.3-103 68.3-34.5-47-61.4-68.3-103-68.3-48.5 0-88 39.5-88 88 0 14.5 3.8 27.9 10.1 40H32c-17.7 0-32 14.3-32 32v80c0 8.8 7.2 16 16 16h480c8.8 0 16-7.2 16-16v-80c0-17.7-14.3-32-32-32zm-326.1 0c-22.1 0-40-17.9-40-40s17.9-40 40-40c19.9 0 34.6 3.3 86.1 80h-86.1zm206.1 0h-86.1c51.4-76.5 65.7-80 86.1-80 22.1 0 40 17.9 40 40s-17.9 40-40 40z"></path>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                                <div class="flex-1 flex flex-col justify-center" xmlns="">
                                    <span class="text-base sm:text-lg font-medium text-gray-900 group-hover:text-[#5600BE] transition-colors duration-300 leading-tight">Подарочные сертификаты</span><span class="text-xs sm:text-sm text-gray-500 mt-1 leading-tight">Типография, продуктовый и т.д.</span>
                                </div>
                                <div class="mt-2 w-8 h-0.5 bg-[#AB80DF] rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
                            </div>
                            <div class="group flex flex-col items-center text-center p-4 sm:p-6 rounded-xl bg-white border border-gray-200 hover:border-[#AB80DF] transition-all duration-300 hover:shadow-lg">
                                <div class="relative mb-3">
                                    <div class="w-20 h-20 sm:w-24 sm:h-24 rounded-full bg-gradient-to-br from-[#DFC7FD] to-[#AB80DF] transition-all duration-300 flex items-center justify-center">
                                        <div class="transform group-hover:scale-110 transition-transform duration-300">
                                            <svg xmlns="http://www.w3.org/2000/svg" color="#5600BE" fill="currentColor" height="40" stroke="currentColor" stroke-width="0" style="color:#5600BE" viewBox="0 0 576 512" width="40">
                                                <path d="M128 160h320v192H128V160zm400 96c0 26.51 21.49 48 48 48v96c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48v-96c26.51 0 48-21.49 48-48s-21.49-48-48-48v-96c0-26.51 21.49-48 48-48h480c26.51 0 48 21.49 48 48v96c-26.51 0-48 21.49-48 48zm-48-104c0-13.255-10.745-24-24-24H120c-13.255 0-24 10.745-24 24v208c0 13.255 10.745 24 24 24h336c13.255 0 24-10.745 24-24V152z"></path>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                                <div class="flex-1 flex flex-col justify-center" xmlns="">
                                    <span class="text-base sm:text-lg font-medium text-gray-900 group-hover:text-[#5600BE] transition-colors duration-300 leading-tight">Развлечения</span><span class="text-xs sm:text-sm text-gray-500 mt-1 leading-tight">билеты в кино/театр, каток, квесты</span>
                                </div>
                                <div class="mt-2 w-8 h-0.5 bg-[#AB80DF] rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
                            </div>
                            <div class="group flex flex-col items-center text-center p-4 sm:p-6 rounded-xl bg-white border border-gray-200 hover:border-[#AB80DF] transition-all duration-300 hover:shadow-lg">
                                <div class="relative mb-3">
                                    <div class="w-20 h-20 sm:w-24 sm:h-24 rounded-full bg-gradient-to-br from-[#DFC7FD] to-[#AB80DF] transition-all duration-300 flex items-center justify-center">
                                        <div class="transform group-hover:scale-110 transition-transform duration-300">
                                            <svg xmlns="http://www.w3.org/2000/svg" color="#5600BE" fill="currentColor" height="40" stroke="currentColor" stroke-width="0" style="color:#5600BE" viewBox="0 0 352 512" width="40">
                                                <path d="M176 352c53.02 0 96-42.98 96-96V96c0-53.02-42.98-96-96-96S80 42.98 80 96v160c0 53.02 42.98 96 96 96zm160-160h-16c-8.84 0-16 7.16-16 16v48c0 74.8-64.49 134.82-140.79 127.38C96.71 376.89 48 317.11 48 250.3V208c0-8.84-7.16-16-16-16H16c-8.84 0-16 7.16-16 16v40.16c0 89.64 63.97 169.55 152 181.69V464H96c-8.84 0-16 7.16-16 16v16c0 8.84 7.16 16 16 16h160c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16h-56v-33.77C285.71 418.47 352 344.9 352 256v-48c0-8.84-7.16-16-16-16z"></path>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                                <div class="flex-1 flex flex-col justify-center" xmlns="">
                                    <span class="text-base sm:text-lg font-medium text-gray-900 group-hover:text-[#5600BE] transition-colors duration-300 leading-tight">Микрофоны</span><span class="text-xs sm:text-sm text-gray-500 mt-1 leading-tight">2 беспроводных микрофона</span>
                                </div>
                                <div class="mt-2 w-8 h-0.5 bg-[#AB80DF] rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section class="py-16 sm:py-20 lg:py-24 bg-gray-50" id="registration-section">
                <div class="max-w-4xl mx-auto px-4">
                    <div class="bg-white rounded-2xl p-8">
                        <div class="space-y-8">
                            <div class="text-center">
                                <h2 class="text-3xl font-bold text-gray-900 mb-3">Выберите вашу роль</h2>
                                <p class="text-gray-600">Выберите категорию, которая лучше всего описывает вашу связь с отрядом</p>
                            </div>
                            <div class="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-4xl mx-auto">
                                <button class="p-8 border-2 rounded-2xl text-left transition-all duration-300 group border-gray-200 bg-white hover:border-[#5600BE] hover:shadow-md hover:transform hover:scale-105">
                                    <div class="flex flex-col items-center text-center h-full">
                                        <div class="w-20 h-20 rounded-full flex items-center justify-center mb-6 transition-colors duration-300 bg-gray-100 group-hover:bg-[#5600BE]/10">
                                            <div class="w-12 h-12 rounded-full flex items-center justify-center bg-[#5600BE] group-hover:bg-[#5600BE]">
                                                <span class="text-lg font-bold text-white">Г</span>
                                            </div>
                                        </div>
                                        <h3 class="text-2xl font-bold mb-3 transition-colors duration-300 text-gray-900">Гость</h3>
                                        <p class="text-lg transition-colors duration-300 text-gray-600">Приглашенный гость мероприятия</p>
                                        <div class="mt-6 w-8 h-8 rounded-full border-2 flex items-center justify-center transition-all duration-300 border-gray-300 group-hover:border-[#5600BE] group-hover:bg-[#5600BE]">
                                            <svg class="w-4 h-4 text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300 " fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                                <path d="M5 13l4 4L19 7" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"></path>
                                            </svg>
                                        </div>
                                    </div>
                                </button><button class="p-8 border-2 rounded-2xl text-left transition-all duration-300 group border-gray-200 bg-white hover:border-[#5600BE] hover:shadow-md hover:transform hover:scale-105">
                                    <div class="flex flex-col items-center text-center h-full">
                                        <div class="w-20 h-20 rounded-full flex items-center justify-center mb-6 transition-colors duration-300 bg-gray-100 group-hover:bg-[#5600BE]/10">
                                            <div class="w-12 h-12 rounded-full flex items-center justify-center bg-[#5600BE] group-hover:bg-[#5600BE]">
                                                <span class="text-lg font-bold text-white">Н</span>
                                            </div>
                                        </div>
                                        <h3 class="text-2xl font-bold mb-3 transition-colors duration-300 text-gray-900">Новичок</h3>
                                        <p class="text-lg transition-colors duration-300 text-gray-600">Новый участник отряда</p>
                                        <div class="mt-6 w-8 h-8 rounded-full border-2 flex items-center justify-center transition-all duration-300 border-gray-300 group-hover:border-[#5600BE] group-hover:bg-[#5600BE]">
                                            <svg class="w-4 h-4 text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300 " fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                                <path d="M5 13l4 4L19 7" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"></path>
                                            </svg>
                                        </div>
                                    </div>
                                </button><button class="p-8 border-2 rounded-2xl text-left transition-all duration-300 group border-gray-200 bg-white hover:border-[#5600BE] hover:shadow-md hover:transform hover:scale-105">
                                    <div class="flex flex-col items-center text-center h-full">
                                        <div class="w-20 h-20 rounded-full flex items-center justify-center mb-6 transition-colors duration-300 bg-gray-100 group-hover:bg-[#5600BE]/10">
                                            <div class="w-12 h-12 rounded-full flex items-center justify-center bg-[#5600BE] group-hover:bg-[#5600BE]">
                                                <span class="text-lg font-bold text-white">Б</span>
                                            </div>
                                        </div>
                                        <h3 class="text-2xl font-bold mb-3 transition-colors duration-300 text-gray-900">Боец</h3>
                                        <p class="text-lg transition-colors duration-300 text-gray-600">Активный участник отряда</p>
                                        <div class="mt-6 w-8 h-8 rounded-full border-2 flex items-center justify-center transition-all duration-300 border-gray-300 group-hover:border-[#5600BE] group-hover:bg-[#5600BE]">
                                            <svg class="w-4 h-4 text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300 " fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                                <path d="M5 13l4 4L19 7" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"></path>
                                            </svg>
                                        </div>
                                    </div>
                                </button><button class="p-8 border-2 rounded-2xl text-left transition-all duration-300 group border-gray-200 bg-white hover:border-[#5600BE] hover:shadow-md hover:transform hover:scale-105">
                                    <div class="flex flex-col items-center text-center h-full">
                                        <div class="w-20 h-20 rounded-full flex items-center justify-center mb-6 transition-colors duration-300 bg-gray-100 group-hover:bg-[#5600BE]/10">
                                            <div class="w-12 h-12 rounded-full flex items-center justify-center bg-[#5600BE] group-hover:bg-[#5600BE]">
                                                <span class="text-lg font-bold text-white">С</span>
                                            </div>
                                        </div>
                                        <h3 class="text-2xl font-bold mb-3 transition-colors duration-300 text-gray-900">Старик</h3>
                                        <p class="text-lg transition-colors duration-300 text-gray-600">Ветеран отряда</p>
                                        <div class="mt-6 w-8 h-8 rounded-full border-2 flex items-center justify-center transition-all duration-300 border-gray-300 group-hover:border-[#5600BE] group-hover:bg-[#5600BE]">
                                            <svg class="w-4 h-4 text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300 " fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                                <path d="M5 13l4 4L19 7" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"></path>
                                            </svg>
                                        </div>
                                    </div>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
        <!--$-->
        <!--/$-->
        <script async="" id="_R_" src="/_next/static/chunks/0d563d1b247b5fa6.js"></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[85084,[\"/_next/static/chunks/d3dded16c0761c1e.js\"],\"default\"]\n3:I[39756,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"default\"]\n4:I[37457,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"default\"]\n5:I[47257,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"ClientPageRoot\"]\n6:I[52683,[\"/_next/static/chunks/d3dded16c0761c1e.js\",\"/_next/static/chunks/5c6ecc8f236d5743.js\",\"/_next/static/chunks/4c3aec0619a266a7.js\",\"/_next/static/chunks/c1dbfb00078f746e.js\",\"/_next/static/chunks/ae13b4c2f9660a76.js\"],\"default\"]\n9:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"OutletBoundary\"]\na:\"$Sreact.suspense\"\nc:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"ViewportBoundary\"]\ne:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"MetadataBoundary\"]\n10:I[68027,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/247eb132b7f7b574.js\"],\"default\"]\n:HL[\"/_next/static/chunks/49c13d54e8a0245f.css\",\"style\"]\n:HL[\"/_next/static/media/2efc0c479abd2474-s.p.f4ebe13e.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/9ee96739b121ce9a-s.p.387f1507.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/a056574f751321d1-s.p.3ffdf00b.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/f48d461c03e0a8ec-s.p.4f85faee.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"75B8OuC6ejZpIB6WYecpj\",\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/49c13d54e8a0245f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/d3dded16c0761c1e.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"ru\",\"className\":\"great_vibes_91c5bc2f-module__WgUhTq__variable jura_ae207559-module__WUm2lW__variable\",\"children\":[\"$\",\"body\",null,{\"className\":\"font-jura\",\"children\":[\"$\",\"$L2\",null,{\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L5\",null,{\"Component\":\"$6\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":[\"$@7\",\"$@8\"]}}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/5c6ecc8f236d5743.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/4c3aec0619a266a7.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/c1dbfb00078f746e.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/ae13b4c2f9660a76.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L9\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@b\"}]}]]}],{},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lc\",null,{\"children\":\"$@d\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Le\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.Metadata\",\"children\":\"$@f\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$10\",[]],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"7:{}\n8:\"$0:f:0:1:1:children:0:props:children:0:props:serverProvidedParams:params\"\n"])</script><script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"f:[]\nb:null\n"])</script>
    </body>
</html>
