{"id":1475,"date":"2026-04-25T16:01:19","date_gmt":"2026-04-25T13:01:19","guid":{"rendered":"https:\/\/bantv.ru\/?page_id=1475"},"modified":"2026-04-25T16:01:24","modified_gmt":"2026-04-25T13:01:24","slug":"%d1%80%d0%b5%d0%b3%d0%b8%d1%81%d1%82%d1%80%d0%b0%d1%86%d0%b8%d1%8f-%d0%bd%d0%b0-%d0%b3%d0%be%d0%bd%d0%ba%d0%b8","status":"publish","type":"page","link":"https:\/\/bantv.ru\/?page_id=1475","title":{"rendered":"\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u043d\u0430 \u0433\u043e\u043d\u043a\u0438"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n

<\/p>\n\n\n\n

<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n BanTV Racing \u2014 \u0413\u043e\u043d\u043a\u0438 \u043d\u0430 \u0432\u0435\u043b\u043e\u0441\u0438\u043f\u0435\u0434\u0430\u0445 \u0438 \u0441\u0430\u043c\u043e\u043a\u0430\u0442\u0430\u0445<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;900&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n *, *::before, *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n :root {\r\n --primary: #FF5500;\r\n --primary-dark: #CC4400;\r\n --accent: #00C8EE;\r\n --dark: #0A0A0F;\r\n --dark-card: #13131C;\r\n --dark-card-hover: #1C1C28;\r\n --text: #F0F0F5;\r\n --text-muted: #9999AA;\r\n --heading-color: #FFFFFF;\r\n --body-color: #C8C8D8;\r\n --gradient-hero: linear-gradient(135deg, #0A0A0F 0%, #1A0A2E 40%, #2D0A3E 70%, #0A0A0F 100%);\r\n }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background: var(--dark);\r\n color: var(--body-color);\r\n overflow-x: hidden;\r\n line-height: 1.7;\r\n }\r\n\r\n ::-webkit-scrollbar { width: 8px; }\r\n ::-webkit-scrollbar-track { background: var(--dark); }\r\n ::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 4px; }\r\n\r\n .particles {\r\n position: fixed; top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n pointer-events: none; z-index: 0; overflow: hidden;\r\n }\r\n\r\n .particle {\r\n position: absolute; border-radius: 50%;\r\n animation: floatParticle linear infinite; opacity: 0;\r\n }\r\n\r\n @keyframes floatParticle {\r\n 0% { transform: translateY(100vh) scale(0); opacity: 0; }\r\n 10% { opacity: 1; }\r\n 90% { opacity: 1; }\r\n 100% { transform: translateY(-10vh) scale(1); opacity: 0; }\r\n }\r\n\r\n .navbar {\r\n position: fixed; top: 0; left: 0; right: 0; z-index: 1000;\r\n padding: 1rem 2rem; display: flex; justify-content: space-between;\r\n align-items: center; backdrop-filter: blur(20px);\r\n background: rgba(10, 10, 15, 0.8);\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .navbar.scrolled {\r\n padding: 0.6rem 2rem; background: rgba(10, 10, 15, 0.96);\r\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);\r\n }\r\n\r\n .nav-logo {\r\n font-family: 'Montserrat', sans-serif; font-weight: 900;\r\n font-size: 1.5rem; color: var(--primary); letter-spacing: -0.5px;\r\n }\r\n\r\n .nav-logo span { color: var(--text); font-weight: 600; font-size: 1rem; }\r\n\r\n .nav-links { display: flex; gap: 2rem; list-style: none; }\r\n\r\n .nav-links a {\r\n color: var(--text-muted); text-decoration: none; font-weight: 500;\r\n font-size: 0.9rem; transition: color 0.3s ease; position: relative;\r\n }\r\n\r\n .nav-links a::after {\r\n content: ''; position: absolute; bottom: -4px; left: 0;\r\n width: 0; height: 2px; background: var(--primary);\r\n transition: width 0.3s ease;\r\n }\r\n\r\n .nav-links a:hover { color: var(--text); }\r\n .nav-links a:hover::after { width: 100%; }\r\n\r\n .nav-cta {\r\n background: var(--primary); color: #fff !important;\r\n padding: 0.6rem 1.5rem; border-radius: 50px; font-weight: 600;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .nav-cta:hover {\r\n background: var(--primary-dark); transform: translateY(-2px);\r\n box-shadow: 0 0 25px rgba(255, 85, 0, 0.3);\r\n }\r\n\r\n .nav-cta::after { display: none !important; }\r\n\r\n .hamburger {\r\n display: none; flex-direction: column; gap: 5px;\r\n cursor: pointer; z-index: 1001;\r\n }\r\n\r\n .hamburger span {\r\n width: 28px; height: 2px; background: var(--text);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .hero {\r\n min-height: 100vh; display: flex; align-items: center;\r\n justify-content: center; position: relative;\r\n background: var(--gradient-hero); overflow: hidden;\r\n padding: 8rem 2rem 4rem;\r\n }\r\n\r\n .hero::before {\r\n content: ''; position: absolute; top: -50%; left: -50%;\r\n width: 200%; height: 200%;\r\n background: radial-gradient(ellipse at 30% 50%, rgba(255, 85, 0, 0.06) 0%, transparent 50%),\r\n radial-gradient(ellipse at 70% 50%, rgba(0, 200, 238, 0.04) 0%, transparent 50%);\r\n animation: heroGlow 8s ease-in-out infinite alternate;\r\n }\r\n\r\n @keyframes heroGlow {\r\n 0% { transform: translate(0, 0) rotate(0deg); }\r\n 100% { transform: translate(-5%, 3%) rotate(3deg); }\r\n }\r\n\r\n .hero-content { text-align: center; position: relative; z-index: 2; max-width: 900px; }\r\n\r\n .hero-badge {\r\n display: inline-flex; align-items: center; gap: 0.5rem;\r\n background: rgba(255, 85, 0, 0.12); border: 1px solid rgba(255, 85, 0, 0.35);\r\n padding: 0.5rem 1.2rem; border-radius: 50px; font-size: 0.85rem;\r\n color: var(--primary); font-weight: 600; margin-bottom: 2rem;\r\n animation: fadeInDown 0.8s ease forwards; opacity: 0;\r\n }\r\n\r\n .hero-badge .dot {\r\n width: 8px; height: 8px; background: var(--primary);\r\n border-radius: 50%; animation: pulse 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.5; transform: scale(1.5); }\r\n }\r\n\r\n .hero h1 {\r\n font-family: 'Montserrat', sans-serif; font-weight: 900;\r\n font-size: clamp(2.2rem, 6.5vw, 4.5rem); line-height: 1.15;\r\n margin-bottom: 1.5rem; color: var(--heading-color);\r\n animation: fadeInUp 0.8s ease 0.2s forwards; opacity: 0;\r\n }\r\n\r\n .hero h1 .highlight {\r\n color: var(--primary);\r\n }\r\n\r\n .hero h1 .highlight-blue {\r\n color: var(--accent);\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: clamp(1rem, 2.2vw, 1.2rem); color: var(--body-color);\r\n max-width: 600px; margin: 0 auto 2.5rem;\r\n animation: fadeInUp 0.8s ease 0.4s forwards; opacity: 0;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;\r\n animation: fadeInUp 0.8s ease 0.6s forwards; opacity: 0;\r\n }\r\n\r\n .btn {\r\n display: inline-flex; align-items: center; gap: 0.5rem;\r\n padding: 1rem 2.5rem; border-radius: 50px;\r\n font-family: 'Inter', sans-serif; font-weight: 600; font-size: 1rem;\r\n text-decoration: none; cursor: pointer; border: none;\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n }\r\n\r\n .btn-primary {\r\n background: var(--primary); color: #fff;\r\n box-shadow: 0 4px 25px rgba(255, 85, 0, 0.3);\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-3px) scale(1.02);\r\n box-shadow: 0 8px 40px rgba(255, 85, 0, 0.45);\r\n }\r\n\r\n .btn-outline {\r\n background: transparent; color: var(--text);\r\n border: 2px solid rgba(255, 255, 255, 0.15);\r\n }\r\n\r\n .btn-outline:hover {\r\n border-color: var(--accent); color: var(--accent);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .hero-stats {\r\n display: flex; justify-content: center; gap: 3rem;\r\n margin-top: 4rem; animation: fadeInUp 0.8s ease 0.8s forwards; opacity: 0;\r\n }\r\n\r\n .stat-item { text-align: center; }\r\n\r\n .stat-number {\r\n font-family: 'Montserrat', sans-serif; font-weight: 900;\r\n font-size: 2.5rem; color: var(--heading-color);\r\n }\r\n\r\n .stat-label { font-size: 0.85rem; color: var(--text-muted); margin-top: 0.2rem; }\r\n\r\n .scroll-indicator {\r\n position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%);\r\n display: flex; flex-direction: column; align-items: center; gap: 0.5rem;\r\n animation: fadeInUp 0.8s ease 1s forwards, bounce 2s ease-in-out infinite 1.5s;\r\n opacity: 0; z-index: 2;\r\n }\r\n\r\n .scroll-indicator span {\r\n font-size: 0.75rem; color: var(--text-muted);\r\n letter-spacing: 2px; text-transform: uppercase;\r\n }\r\n\r\n .scroll-mouse {\r\n width: 24px; height: 38px; border: 2px solid rgba(255, 255, 255, 0.2);\r\n border-radius: 12px; position: relative;\r\n }\r\n\r\n .scroll-mouse::before {\r\n content: ''; position: absolute; top: 6px; left: 50%;\r\n transform: translateX(-50%); width: 3px; height: 8px;\r\n background: var(--primary); border-radius: 2px;\r\n animation: scrollWheel 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes scrollWheel {\r\n 0%, 100% { top: 6px; opacity: 1; }\r\n 50% { top: 18px; opacity: 0.3; }\r\n }\r\n\r\n @keyframes bounce {\r\n 0%, 100% { transform: translateX(-50%) translateY(0); }\r\n 50% { transform: translateX(-50%) translateY(8px); }\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes fadeInDown {\r\n from { opacity: 0; transform: translateY(-20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .section { padding: 6rem 2rem; position: relative; z-index: 1; }\r\n\r\n .section-header { text-align: center; margin-bottom: 4rem; }\r\n\r\n .section-tag {\r\n display: inline-block; font-size: 0.8rem; font-weight: 600;\r\n letter-spacing: 3px; text-transform: uppercase; color: var(--primary);\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .section-title {\r\n font-family: 'Montserrat', sans-serif; font-weight: 900;\r\n font-size: clamp(1.8rem, 4vw, 2.8rem); margin-bottom: 1rem;\r\n color: var(--heading-color);\r\n }\r\n\r\n .section-desc {\r\n color: var(--body-color); max-width: 600px;\r\n margin: 0 auto; font-size: 1.05rem;\r\n }\r\n\r\n .features-grid {\r\n display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n gap: 2rem; max-width: 1200px; margin: 0 auto;\r\n }\r\n\r\n .feature-card {\r\n background: var(--dark-card); border: 1px solid rgba(255, 255, 255, 0.05);\r\n border-radius: 20px; padding: 2.5rem; transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n position: relative; overflow: hidden; opacity: 0; transform: translateY(40px);\r\n }\r\n\r\n .feature-card.visible { opacity: 1; transform: translateY(0); }\r\n\r\n .feature-card::before {\r\n content: ''; position: absolute; top: 0; left: 0; right: 0;\r\n height: 3px; background: linear-gradient(90deg, var(--primary), var(--accent));\r\n opacity: 0; transition: opacity 0.4s ease;\r\n }\r\n\r\n .feature-card:hover {\r\n background: var(--dark-card-hover); transform: translateY(-8px);\r\n border-color: rgba(255, 85, 0, 0.2);\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\r\n }\r\n\r\n .feature-card:hover::before { opacity: 1; }\r\n\r\n .feature-icon {\r\n width: 64px; height: 64px; border-radius: 16px;\r\n display: flex; align-items: center; justify-content: center;\r\n margin-bottom: 1.5rem; position: relative;\r\n }\r\n\r\n .feature-icon.orange { background: rgba(255, 85, 0, 0.1); }\r\n .feature-icon.blue { background: rgba(0, 200, 238, 0.1); }\r\n .feature-icon.purple { background: rgba(139, 92, 246, 0.1); }\r\n\r\n .feature-card h3 {\r\n font-family: 'Montserrat', sans-serif; font-weight: 700;\r\n font-size: 1.3rem; margin-bottom: 0.8rem; color: var(--heading-color);\r\n }\r\n\r\n .feature-card p { color: var(--body-color); font-size: 0.95rem; line-height: 1.7; }\r\n\r\n .race-types {\r\n background: linear-gradient(180deg, var(--dark) 0%, #0F0A1A 50%, var(--dark) 100%);\r\n }\r\n\r\n .race-cards {\r\n display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n gap: 2rem; max-width: 800px; margin: 0 auto;\r\n }\r\n\r\n .race-card {\r\n background: var(--dark-card); border: 1px solid rgba(255, 255, 255, 0.05);\r\n border-radius: 24px; overflow: hidden; transition: all 0.5s ease;\r\n opacity: 0; transform: translateY(40px) scale(0.95);\r\n }\r\n\r\n .race-card.visible { opacity: 1; transform: translateY(0) scale(1); }\r\n\r\n .race-card:hover {\r\n transform: translateY(-5px) scale(1.02);\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\r\n border-color: rgba(255, 85, 0, 0.15);\r\n }\r\n\r\n .race-card-image {\r\n height: 200px; position: relative; overflow: hidden;\r\n }\r\n\r\n .race-card-image.bike { background: linear-gradient(135deg, #1a0a2e, #2d1a4e); }\r\n .race-card-image.scooter { background: linear-gradient(135deg, #0a1a2e, #1a3a4e); }\r\n\r\n .race-card-image svg {\r\n position: absolute; top: 50%; left: 50%;\r\n transform: translate(-50%, -50%); width: 120px; height: 120px; opacity: 0.6;\r\n }\r\n\r\n .race-card-body { padding: 2rem; }\r\n\r\n .race-card-body h3 {\r\n font-family: 'Montserrat', sans-serif; font-weight: 700;\r\n font-size: 1.4rem; margin-bottom: 0.5rem; color: var(--heading-color);\r\n }\r\n\r\n .race-card-body p {\r\n color: var(--body-color); font-size: 0.9rem; margin-bottom: 1.5rem;\r\n }\r\n\r\n .race-card-meta { display: flex; gap: 1rem; flex-wrap: wrap; }\r\n\r\n .meta-tag {\r\n display: inline-flex; align-items: center; gap: 0.3rem;\r\n font-size: 0.8rem; color: var(--text-muted);\r\n background: rgba(255, 255, 255, 0.05); padding: 0.3rem 0.8rem;\r\n border-radius: 20px;\r\n }\r\n\r\n .registration {\r\n background: linear-gradient(180deg, var(--dark) 0%, #0A0F1A 100%);\r\n }\r\n\r\n .form-wrapper {\r\n max-width: 700px; margin: 0 auto;\r\n background: var(--dark-card); border: 1px solid rgba(255, 255, 255, 0.05);\r\n border-radius: 24px; padding: 2.5rem; position: relative; overflow: hidden;\r\n }\r\n\r\n .form-wrapper::before {\r\n content: ''; position: absolute; top: -1px; left: 20%; right: 20%;\r\n height: 3px; background: linear-gradient(90deg, transparent, var(--primary), var(--accent), transparent);\r\n }\r\n\r\n .form-wrapper iframe { width: 100%; min-height: 700px; border: none; }\r\n\r\n .footer {\r\n background: #06060A; border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n padding: 3rem 2rem; text-align: center;\r\n }\r\n\r\n .footer-logo {\r\n font-family: 'Montserrat', sans-serif; font-weight: 900;\r\n font-size: 1.8rem; color: var(--primary); margin-bottom: 0.5rem;\r\n }\r\n\r\n .footer-text { color: var(--body-color); font-size: 0.9rem; margin-bottom: 1.5rem; }\r\n\r\n .footer-links { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; }\r\n\r\n .footer-links a {\r\n color: var(--text-muted); text-decoration: none;\r\n font-size: 0.85rem; transition: color 0.3s ease;\r\n }\r\n\r\n .footer-links a:hover { color: var(--primary); }\r\n\r\n .footer-copy {\r\n margin-top: 2rem; padding-top: 2rem;\r\n border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n color: var(--text-muted); font-size: 0.8rem;\r\n }\r\n\r\n .speed-lines {\r\n position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n pointer-events: none; overflow: hidden;\r\n }\r\n\r\n .speed-line {\r\n position: absolute; height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(255, 85, 0, 0.12), transparent);\r\n animation: speedLine 4s linear infinite;\r\n }\r\n\r\n @keyframes speedLine {\r\n 0% { transform: translateX(-100%); opacity: 0; }\r\n 20% { opacity: 1; }\r\n 80% { opacity: 1; }\r\n 100% { transform: translateX(200vw); opacity: 0; }\r\n }\r\n\r\n .ticker-wrap {\r\n overflow: hidden; background: var(--primary);\r\n padding: 0.8rem 0; position: relative; z-index: 1;\r\n }\r\n\r\n .ticker { display: flex; animation: ticker 20s linear infinite; white-space: nowrap; }\r\n\r\n .ticker-item {\r\n font-family: 'Montserrat', sans-serif; font-weight: 700;\r\n font-size: 0.9rem; color: #fff; padding: 0 3rem;\r\n text-transform: uppercase; letter-spacing: 2px;\r\n }\r\n\r\n .ticker-item .sep { margin: 0 1rem; opacity: 0.5; }\r\n\r\n @keyframes ticker {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n\r\n .mobile-menu {\r\n display: none; position: fixed; top: 0; left: 0;\r\n width: 100%; height: 100%; background: rgba(10, 10, 15, 0.98);\r\n z-index: 999; flex-direction: column; align-items: center;\r\n justify-content: center; gap: 2rem;\r\n opacity: 0; pointer-events: none; transition: opacity 0.4s ease;\r\n }\r\n\r\n .mobile-menu.active { display: flex; opacity: 1; pointer-events: all; }\r\n\r\n .mobile-menu a {\r\n color: var(--text); text-decoration: none;\r\n font-family: 'Montserrat', sans-serif; font-weight: 700;\r\n font-size: 1.5rem; transition: color 0.3s ease;\r\n }\r\n\r\n .mobile-menu a:hover { color: var(--primary); }\r\n\r\n .glow-orb {\r\n position: absolute; border-radius: 50%; filter: blur(80px);\r\n pointer-events: none; opacity: 0.4;\r\n }\r\n\r\n .glow-orb.orange { width: 400px; height: 400px; background: var(--primary); opacity: 0.06; }\r\n .glow-orb.blue { width: 300px; height: 300px; background: var(--accent); opacity: 0.05; }\r\n\r\n .event-info-bar {\r\n display: flex; justify-content: center; gap: 2rem;\r\n flex-wrap: wrap; margin-top: 3rem;\r\n animation: fadeInUp 0.8s ease 1s forwards; opacity: 0;\r\n }\r\n\r\n .info-chip {\r\n display: flex; align-items: center; gap: 0.6rem;\r\n background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08);\r\n padding: 0.7rem 1.2rem; border-radius: 50px; font-size: 0.9rem;\r\n color: var(--text-muted); transition: all 0.3s ease;\r\n }\r\n\r\n .info-chip:hover { border-color: rgba(255, 85, 0, 0.3); color: var(--text); }\r\n .info-chip svg { flex-shrink: 0; }\r\n\r\n @media (max-width: 768px) {\r\n .nav-links { display: none; }\r\n .hamburger { display: flex; }\r\n .hero { padding: 7rem 1.5rem 3rem; }\r\n .hero-stats { gap: 1.5rem; flex-wrap: wrap; }\r\n .stat-number { font-size: 2rem; }\r\n .section { padding: 4rem 1.5rem; }\r\n .features-grid { grid-template-columns: 1fr; }\r\n .race-cards { grid-template-columns: 1fr; }\r\n .form-wrapper { padding: 1.5rem; }\r\n .form-wrapper iframe { min-height: 600px; }\r\n .hero-buttons { flex-direction: column; align-items: center; }\r\n .btn { width: 100%; max-width: 300px; justify-content: center; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero h1 { font-size: 2rem; }\r\n .section-title { font-size: 1.6rem; }\r\n .feature-card { padding: 1.8rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"particles\" id=\"particles\"><\/div>\r\n\r\n <!-- Navigation -->\r\n <nav class=\"navbar\" id=\"navbar\">\r\n <div class=\"nav-logo\">BanTV <span>RACING<\/span><\/div>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#features\">\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430<\/a><\/li>\r\n <li><a href=\"#categories\">\u041a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438<\/a><\/li>\r\n <li><a href=\"#register\" class=\"nav-cta\">\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f<\/a><\/li>\r\n <\/ul>\r\n <div class=\"hamburger\" id=\"hamburger\" onclick=\"toggleMenu()\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/div>\r\n <\/nav>\r\n\r\n <div class=\"mobile-menu\" id=\"mobileMenu\">\r\n <a href=\"#features\" onclick=\"toggleMenu()\">\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430<\/a>\r\n <a href=\"#categories\" onclick=\"toggleMenu()\">\u041a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438<\/a>\r\n <a href=\"#register\" onclick=\"toggleMenu()\">\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f<\/a>\r\n <\/div>\r\n\r\n <!-- Hero Section -->\r\n <section class=\"hero\">\r\n <div class=\"speed-lines\">\r\n <div class=\"speed-line\" style=\"top:20%; width:30%; animation-delay:0s;\"><\/div>\r\n <div class=\"speed-line\" style=\"top:40%; width:20%; animation-delay:1s;\"><\/div>\r\n <div class=\"speed-line\" style=\"top:60%; width:40%; animation-delay:2s;\"><\/div>\r\n <div class=\"speed-line\" style=\"top:80%; width:25%; animation-delay:0.5s;\"><\/div>\r\n <div class=\"speed-line\" style=\"top:30%; width:35%; animation-delay:3s;\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"glow-orb orange\" style=\"top: -100px; right: -100px;\"><\/div>\r\n <div class=\"glow-orb blue\" style=\"bottom: -80px; left: -80px;\"><\/div>\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\">\r\n <span class=\"dot\"><\/span>\r\n \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u043e\u0442\u043a\u0440\u044b\u0442\u0430\r\n <\/div>\r\n\r\n <h1>\r\n \u0413\u043e\u043d\u043a\u0438 \u043d\u0430 <span class=\"highlight\">\u0432\u0435\u043b\u043e\u0441\u0438\u043f\u0435\u0434\u0430\u0445<\/span><br>\r\n \u0438 <span class=\"highlight-blue\">\u0441\u0430\u043c\u043e\u043a\u0430\u0442\u0430\u0445<\/span>\r\n <\/h1>\r\n\r\n <p class=\"hero-subtitle\">\r\n \u041c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u0435 \u043f\u043e \u0438\u043d\u0438\u0446\u0438\u0430\u0442\u0438\u0432\u0435 \u0438 \u043f\u0440\u0438 \u0441\u043f\u043e\u043d\u0441\u043e\u0440\u0441\u0442\u0432\u0435 <strong style=\"color: var(--primary);\">BanTV Production<\/strong>. \r\n \u041f\u043e\u043a\u0430\u0436\u0438 \u0441\u0432\u043e\u044e \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c, \u043f\u043e\u043b\u0443\u0447\u0438 \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442 \u0438 \u043f\u043e\u043f\u0430\u0434\u0438 \u043d\u0430 \u0432\u0438\u0434\u0435\u043e!\r\n <\/p>\r\n\r\n <div class=\"hero-buttons\">\r\n <a href=\"#register\" class=\"btn btn-primary\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><line x1=\"19\" y1=\"8\" x2=\"19\" y2=\"14\"\/><line x1=\"22\" y1=\"11\" x2=\"16\" y2=\"11\"\/><\/svg>\r\n \u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f\r\n <\/a>\r\n <a href=\"#features\" class=\"btn btn-outline\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 16 16 12 12 8\"\/><line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"\/><\/svg>\r\n \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"event-info-bar\">\r\n <div class=\"info-chip\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n \u041b\u0435\u0442\u043e 2026\r\n <\/div>\r\n <div class=\"info-chip\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n \u041e\u0442\u043a\u0440\u044b\u0442\u0430\u044f \u043b\u043e\u043a\u0430\u0446\u0438\u044f\r\n <\/div>\r\n <div class=\"info-chip\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n 10\u201320 \u043b\u0435\u0442\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-stats\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\" data-target=\"10\">0<\/div>\r\n <div class=\"stat-label\">\u0423\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u043e\u0432<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\" data-target=\"2\">0<\/div>\r\n <div class=\"stat-label\">\u0412\u0438\u0434\u044b \u0433\u043e\u043d\u043e\u043a<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\" data-target=\"2\">0<\/div>\r\n <div class=\"stat-label\">\u041f\u0440\u0438\u0437\u043e\u0432\u044b\u0445 \u043c\u0435\u0441\u0442\u0430<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"scroll-indicator\">\r\n <div class=\"scroll-mouse\"><\/div>\r\n <span>\u041b\u0438\u0441\u0442\u0430\u0439 \u0432\u043d\u0438\u0437<\/span>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Ticker -->\r\n <div class=\"ticker-wrap\">\r\n <div class=\"ticker\">\r\n <span class=\"ticker-item\">\ud83d\udeb4 \u0412\u0435\u043b\u043e\u0441\u0438\u043f\u0435\u0434\u044b <span class=\"sep\">\u2726<\/span> \ud83d\udef4 \u0421\u0430\u043c\u043e\u043a\u0430\u0442\u044b <span class=\"sep\">\u2726<\/span> \ud83c\udfc6 \u041f\u0440\u0438\u0437\u044b <span class=\"sep\">\u2726<\/span> \ud83c\udfa5 \u0412\u0438\u0434\u0435\u043e\u0441\u044a\u0451\u043c\u043a\u0430 <span class=\"sep\">\u2726<\/span> \ud83d\udcdc \u0421\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u044b <span class=\"sep\">\u2726<\/span> \ud83d\udcaa \u0424\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0442\u0435\u0441\u0442\u044b <span class=\"sep\">\u2726<\/span><\/span>\r\n <span class=\"ticker-item\">\ud83d\udeb4 \u0412\u0435\u043b\u043e\u0441\u0438\u043f\u0435\u0434\u044b <span class=\"sep\">\u2726<\/span> \ud83d\udef4 \u0421\u0430\u043c\u043e\u043a\u0430\u0442\u044b <span class=\"sep\">\u2726<\/span> \ud83c\udfc6 \u041f\u0440\u0438\u0437\u044b <span class=\"sep\">\u2726<\/span> \ud83c\udfa5 \u0412\u0438\u0434\u0435\u043e\u0441\u044a\u0451\u043c\u043a\u0430 <span class=\"sep\">\u2726<\/span> \ud83d\udcdc \u0421\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u044b <span class=\"sep\">\u2726<\/span> \ud83d\udcaa \u0424\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0442\u0435\u0441\u0442\u044b <span class=\"sep\">\u2726<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Features Section -->\r\n <section class=\"section\" id=\"features\">\r\n <div class=\"glow-orb orange\" style=\"top: 100px; right: -200px;\"><\/div>\r\n <div class=\"glow-orb blue\" style=\"bottom: 100px; left: -200px;\"><\/div>\r\n\r\n <div class=\"section-header\">\r\n <div class=\"section-tag\">\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430<\/div>\r\n <h2 class=\"section-title\">\u041f\u043e\u0447\u0435\u043c\u0443 \u0441\u0442\u043e\u0438\u0442 \u0443\u0447\u0430\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c?<\/h2>\r\n <p class=\"section-desc\">\u041a\u0430\u0436\u0434\u044b\u0439 \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u044d\u043c\u043e\u0446\u0438\u0438, \u043d\u043e \u0438 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u0434\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u044f<\/p>\r\n <\/div>\r\n\r\n <div class=\"features-grid\">\r\n <div class=\"feature-card\" data-delay=\"0\">\r\n <div class=\"feature-icon orange\">\r\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF5500\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0441\u043f\u043e\u0441\u043e\u0431\u043d\u043e\u0441\u0442\u0435\u0439<\/h3>\r\n <p>\u0413\u043e\u043d\u043a\u0438 \u2014 \u044d\u0442\u043e \u043e\u0442\u043b\u0438\u0447\u043d\u044b\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u0441\u0432\u043e\u044e \u0432\u044b\u043d\u043e\u0441\u043b\u0438\u0432\u043e\u0441\u0442\u044c, \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0438 \u043b\u043e\u0432\u043a\u043e\u0441\u0442\u044c. \u0421\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0435\u0441\u0442\u044b \u043f\u043e\u043c\u043e\u0433\u0443\u0442 \u043e\u0446\u0435\u043d\u0438\u0442\u044c \u0432\u0430\u0448\u0443 \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u0444\u043e\u0440\u043c\u0443 \u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0438.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\" data-delay=\"150\">\r\n <div class=\"feature-icon blue\">\r\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00C8EE\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"3\" y1=\"21\" x2=\"21\" y2=\"21\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"15\"\/><line x1=\"9\" y1=\"12\" x2=\"15\" y2=\"12\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>\u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u0438\u0434\u0435\u043e\u0441\u044a\u0451\u043c\u043a\u0430<\/h3>\r\n <p>\u0412\u0435\u0441\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0433\u043e\u043d\u043a\u0438 \u0431\u0443\u0434\u0435\u0442 \u0441\u043d\u044f\u0442 \u043d\u0430 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0443\u044e \u043a\u0430\u043c\u0435\u0440\u0443 \u043e\u0442 \u043a\u043e\u043c\u0430\u043d\u0434\u044b BanTV Production. \u0412\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0432\u0438\u0434\u0435\u043e \u0438 \u0444\u043e\u0442\u043e \u0441 \u0432\u0430\u0448\u0435\u0433\u043e \u0443\u0447\u0430\u0441\u0442\u0438\u044f.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\" data-delay=\"300\">\r\n <div class=\"feature-icon purple\">\r\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8B5CF6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>\u0421\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442 \u043f\u043e\u0431\u0435\u0434\u0438\u0442\u0435\u043b\u044f<\/h3>\r\n <p>\u0412\u0441\u0435 \u0444\u0438\u043d\u0438\u0448\u0451\u0440\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0442 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442 \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0430, \u0430 \u043f\u043e\u0431\u0435\u0434\u0438\u0442\u0435\u043b\u0438 \u2014 \u043e\u0441\u043e\u0431\u044b\u0439 \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442 \u0441 \u0443\u043a\u0430\u0437\u0430\u043d\u0438\u0435\u043c \u0434\u043e\u0441\u0442\u0438\u0433\u043d\u0443\u0442\u043e\u0433\u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430 \u0438 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Race Categories -->\r\n <section class=\"section race-types\" id=\"categories\">\r\n <div class=\"section-header\">\r\n <div class=\"section-tag\">\u041a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438<\/div>\r\n <h2 class=\"section-title\">\u0412\u044b\u0431\u0435\u0440\u0438 \u0441\u0432\u043e\u044e \u0433\u043e\u043d\u043a\u0443<\/h2>\r\n <p class=\"section-desc\">\u0414\u0432\u0430 \u0432\u0438\u0434\u0430 \u0433\u043e\u043d\u043e\u043a \u0434\u043b\u044f \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u043e\u0432 \u043e\u0442 10 \u0434\u043e 20 \u043b\u0435\u0442<\/p>\r\n <\/div>\r\n\r\n <div class=\"race-cards\">\r\n <div class=\"race-card\" data-delay=\"0\">\r\n <div class=\"race-card-image bike\">\r\n <svg viewBox=\"0 0 120 120\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"30\" cy=\"85\" r=\"22\" stroke=\"#FF5500\" stroke-width=\"2.5\"\/>\r\n <circle cx=\"90\" cy=\"85\" r=\"22\" stroke=\"#FF5500\" stroke-width=\"2.5\"\/>\r\n <path d=\"M30 85 L55 45 L75 45 L90 85\" stroke=\"#FF5500\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <path d=\"M55 45 L50 30 L65 30 L75 45\" stroke=\"#FF5500\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <line x1=\"50\" y1=\"30\" x2=\"40\" y2=\"28\" stroke=\"#FF5500\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n <line x1=\"65\" y1=\"30\" x2=\"70\" y2=\"28\" stroke=\"#FF5500\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n <line x1=\"30\" y1=\"85\" x2=\"55\" y2=\"85\" stroke=\"#FF5500\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"race-card-body\">\r\n <h3>\ud83d\udeb4 \u0412\u0435\u043b\u043e\u0441\u0438\u043f\u0435\u0434\u044b<\/h3>\r\n <p>\u041a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0433\u043e\u043d\u043a\u0438 \u043d\u0430 \u0432\u0435\u043b\u043e\u0441\u0438\u043f\u0435\u0434\u0430\u0445 \u043f\u043e \u043a\u043e\u043b\u044c\u0446\u0435\u0432\u043e\u0439 \u0442\u0440\u0430\u0441\u0441\u0435. \u0421\u043a\u043e\u0440\u043e\u0441\u0442\u044c, \u0432\u044b\u043d\u043e\u0441\u043b\u0438\u0432\u043e\u0441\u0442\u044c \u0438 \u0442\u0435\u0445\u043d\u0438\u043a\u0430 \u043d\u0430 \u043f\u0440\u0435\u0434\u0435\u043b\u0435!<\/p>\r\n <div class=\"race-card-meta\">\r\n <span class=\"meta-tag\">\ud83d\udc64 10\u201320 \u043b\u0435\u0442<\/span>\r\n <span class=\"meta-tag\">\ud83c\udfc5 \u041f\u0440\u0438\u0437\u044b<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"race-card\" data-delay=\"150\">\r\n <div class=\"race-card-image scooter\">\r\n <svg viewBox=\"0 0 120 120\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"30\" cy=\"85\" r=\"18\" stroke=\"#00C8EE\" stroke-width=\"2.5\"\/>\r\n <circle cx=\"90\" cy=\"85\" r=\"18\" stroke=\"#00C8EE\" stroke-width=\"2.5\"\/>\r\n <path d=\"M30 85 L35 35 L45 30\" stroke=\"#00C8EE\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <path d=\"M30 85 L85 85 L90 85\" stroke=\"#00C8EE\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n <rect x=\"35\" y=\"28\" width=\"16\" height=\"6\" rx=\"3\" stroke=\"#00C8EE\" stroke-width=\"2\"\/>\r\n <rect x=\"55\" y=\"75\" width=\"30\" height=\"12\" rx=\"4\" stroke=\"#00C8EE\" stroke-width=\"2\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"race-card-body\">\r\n <h3>\ud83d\udef4 \u0421\u0430\u043c\u043e\u043a\u0430\u0442\u044b<\/h3>\r\n <p>\u0414\u0438\u043d\u0430\u043c\u0438\u0447\u043d\u044b\u0435 \u0437\u0430\u0435\u0437\u0434\u044b \u043d\u0430 \u0441\u0430\u043c\u043e\u043a\u0430\u0442\u0430\u0445. \u041c\u0430\u043d\u0435\u0432\u0440\u0435\u043d\u043d\u043e\u0441\u0442\u044c, \u0431\u0430\u043b\u0430\u043d\u0441 \u0438 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u2014 \u043a\u043b\u044e\u0447 \u043a \u043f\u043e\u0431\u0435\u0434\u0435.<\/p>\r\n <div class=\"race-card-meta\">\r\n <span class=\"meta-tag\">\ud83d\udc64 10\u201320 \u043b\u0435\u0442<\/span>\r\n <span class=\"meta-tag\">\ud83c\udfc5 \u041f\u0440\u0438\u0437\u044b<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Registration Section -->\r\n <section class=\"section registration\" id=\"register\">\r\n <div class=\"section-header\">\r\n <div class=\"section-tag\">\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f<\/div>\r\n <h2 class=\"section-title\">\u0413\u043e\u0442\u043e\u0432 \u043a \u0441\u0442\u0430\u0440\u0442\u0443?<\/h2>\r\n <p class=\"section-desc\">\u0417\u0430\u043f\u043e\u043b\u043d\u0438 \u0444\u043e\u0440\u043c\u0443 \u043d\u0438\u0436\u0435 \u0438 \u0441\u0442\u0430\u043d\u044c \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u043e\u043c \u0433\u043e\u043d\u043e\u043a \u043e\u0442 BanTV Production<\/p>\r\n <\/div>\r\n\r\n <div class=\"form-wrapper\">\r\n <script src=\"https:\/\/forms.yandex.ru\/_static\/embed.js\"><\/script>\r\n <iframe src=\"https:\/\/forms.yandex.ru\/u\/69ebc5ce49af4720e8dd7c7c?iframe=1\" \r\n name=\"ya-form-69ebc5ce49af4720e8dd7c7c\" \r\n width=\"650\" \r\n frameborder=\"0\">\r\n <\/iframe>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Footer -->\r\n <footer class=\"footer\">\r\n <div class=\"footer-logo\">BanTV Production<\/div>\r\n <p class=\"footer-text\">\u041e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0442\u043e\u0440 \u0433\u043e\u043d\u043e\u043a \u043d\u0430 \u0432\u0435\u043b\u043e\u0441\u0438\u043f\u0435\u0434\u0430\u0445 \u0438 \u0441\u0430\u043c\u043e\u043a\u0430\u0442\u0430\u0445<\/p>\r\n <div class=\"footer-links\">\r\n <a href=\"#features\">\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430<\/a>\r\n <a href=\"#categories\">\u041a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438<\/a>\r\n <a href=\"#register\">\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f<\/a>\r\n <\/div>\r\n <div class=\"footer-copy\">\r\n \u00a9 2026 BanTV Production. \u0412\u0441\u0435 \u043f\u0440\u0430\u0432\u0430 \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u044b.\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n (function() {\r\n var container = document.getElementById('particles');\r\n var colors = ['rgba(255,85,0,0.4)', 'rgba(0,200,238,0.3)', 'rgba(139,92,246,0.3)'];\r\n for (var i = 0; i < 30; i++) {\r\n var p = document.createElement('div');\r\n p.className = 'particle';\r\n var sz = Math.random() * 4 + 1;\r\n p.style.width = sz + 'px';\r\n p.style.height = sz + 'px';\r\n p.style.left = Math.random() * 100 + '%';\r\n p.style.background = colors[Math.floor(Math.random() * colors.length)];\r\n p.style.animationDuration = (Math.random() * 15 + 10) + 's';\r\n p.style.animationDelay = (Math.random() * 10) + 's';\r\n container.appendChild(p);\r\n }\r\n })();\r\n\r\n (function() {\r\n var navbar = document.getElementById('navbar');\r\n window.addEventListener('scroll', function() {\r\n navbar.classList.toggle('scrolled', window.scrollY > 50);\r\n });\r\n })();\r\n\r\n function toggleMenu() {\r\n var menu = document.getElementById('mobileMenu');\r\n var hamburger = document.getElementById('hamburger');\r\n var isActive = menu.classList.toggle('active');\r\n var spans = hamburger.querySelectorAll('span');\r\n if (isActive) {\r\n spans[0].style.transform = 'rotate(45deg) translate(5px, 5px)';\r\n spans[1].style.opacity = '0';\r\n spans[2].style.transform = 'rotate(-45deg) translate(5px, -5px)';\r\n } else {\r\n spans[0].style.transform = 'none';\r\n spans[1].style.opacity = '1';\r\n spans[2].style.transform = 'none';\r\n }\r\n }\r\n\r\n (function() {\r\n var observer = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(entry) {\r\n if (entry.isIntersecting) {\r\n var delay = entry.target.getAttribute('data-delay') || 0;\r\n setTimeout(function() {\r\n entry.target.classList.add('visible');\r\n }, parseInt(delay));\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\r\n\r\n document.querySelectorAll('.feature-card, .race-card').forEach(function(el) {\r\n observer.observe(el);\r\n });\r\n })();\r\n\r\n (function() {\r\n var counters = document.querySelectorAll('.stat-number');\r\n var started = false;\r\n\r\n function animate() {\r\n counters.forEach(function(counter) {\r\n var target = parseInt(counter.getAttribute('data-target'));\r\n var duration = 2000;\r\n var startTime = performance.now();\r\n\r\n function step(currentTime) {\r\n var elapsed = currentTime - startTime;\r\n var progress = Math.min(elapsed \/ duration, 1);\r\n var eased = 1 - Math.pow(1 - progress, 3);\r\n var current = Math.round(eased * target);\r\n counter.textContent = current + (target >= 10 ? '+' : '');\r\n if (progress < 1) requestAnimationFrame(step);\r\n }\r\n requestAnimationFrame(step);\r\n });\r\n }\r\n\r\n var heroObserver = new IntersectionObserver(function(entries) {\r\n if (entries[0].isIntersecting && !started) {\r\n started = true;\r\n setTimeout(animate, 800);\r\n }\r\n }, { threshold: 0.3 });\r\n\r\n var statsEl = document.querySelector('.hero-stats');\r\n if (statsEl) heroObserver.observe(statsEl);\r\n })();\r\n\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(function(anchor) {\r\n anchor.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n var target = document.querySelector(this.getAttribute('href'));\r\n if (target) {\r\n var top = target.getBoundingClientRect().top + window.pageYOffset - 80;\r\n window.scrollTo({ top: top, behavior: 'smooth' });\r\n }\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BanTV Racing \u2014 \u0413\u043e\u043d\u043a\u0438 \u043d\u0430 \u0432\u0435\u043b\u043e\u0441\u0438\u043f\u0435\u0434\u0430\u0445 \u0438 \u0441\u0430\u043c\u043e\u043a\u0430\u0442\u0430\u0445 BanTV RACING \u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u041a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u041a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u043e\u0442\u043a\u0440\u044b\u0442\u0430 \u0413\u043e\u043d\u043a\u0438 \u043d\u0430 \u0432\u0435\u043b\u043e\u0441\u0438\u043f\u0435\u0434\u0430\u0445 \u0438 \u0441\u0430\u043c\u043e\u043a\u0430\u0442\u0430\u0445 \u041c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u0435 \u043f\u043e \u0438\u043d\u0438\u0446\u0438\u0430\u0442\u0438\u0432\u0435 \u0438 \u043f\u0440\u0438 \u0441\u043f\u043e\u043d\u0441\u043e\u0440\u0441\u0442\u0432\u0435 BanTV Production. \u041f\u043e\u043a\u0430\u0436\u0438 \u0441\u0432\u043e\u044e \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c, \u043f\u043e\u043b\u0443\u0447\u0438 \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442 \u0438 \u043f\u043e\u043f\u0430\u0434\u0438 \u043d\u0430 \u0432\u0438\u0434\u0435\u043e! \u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u041b\u0435\u0442\u043e 2026 \u041e\u0442\u043a\u0440\u044b\u0442\u0430\u044f \u043b\u043e\u043a\u0430\u0446\u0438\u044f 10\u201320 \u043b\u0435\u0442 0 \u0423\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u043e\u0432 0 \u0412\u0438\u0434\u044b \u0433\u043e\u043d\u043e\u043a 0 \u041f\u0440\u0438\u0437\u043e\u0432\u044b\u0445 … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/bantv.ru\/?page_id=1475\" class=\"more-link\">\u0427\u0438\u0442\u0430\u0442\u044c \u0434\u0430\u043b\u0435\u0435<span class=\"screen-reader-text\"> «\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u043d\u0430 \u0433\u043e\u043d\u043a\u0438»<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inspiro_hide_title":false,"footnotes":""},"class_list":["post-1475","page","type-page","status-publish","hentry"],"featured_media_urls":[],"_links":{"self":[{"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/pages\/1475","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bantv.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1475"}],"version-history":[{"count":4,"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/pages\/1475\/revisions"}],"predecessor-version":[{"id":1479,"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/pages\/1475\/revisions\/1479"}],"wp:attachment":[{"href":"https:\/\/bantv.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}