<?php
?>
<!DOCTYPE html>
<html lang="ru">
<head>
<link rel="icon" href="/favicon.png" type="image/png">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Спортивная аналитика</title>

<link href="https://fonts.googleapis.com/css2?family=Tenor+Sans&family=Mulish:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">

<style>

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    background:#0c1017;
    color:#fff;
    font-family:'Mulish',sans-serif;
    overflow-x:hidden;
}

/* ===== НЕОБЫЧНЫЙ ФОН ===== */

body::before{
    content:'';
    position:fixed;
    inset:0;
    background:
    radial-gradient(circle at top left, rgba(0,255,163,0.10), transparent 30%),
    radial-gradient(circle at bottom right, rgba(0,153,255,0.12), transparent 35%);
    z-index:-5;
}

.wave{
    position:fixed;
    width:140%;
    height:320px;
    background:rgba(255,255,255,0.025);
    border-radius:45%;
    animation:waveMove 18s linear infinite;
    z-index:-4;
}

.wave1{
    top:-140px;
    left:-10%;
}

.wave2{
    bottom:-180px;
    right:-10%;
    animation-duration:25s;
}

@keyframes waveMove{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}

/* ===== HEADER ===== */

header{
    padding:50px 7%;
    position:relative;
}

.topbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:80px;
}

.logo{
    font-family:'Tenor Sans',sans-serif;
    font-size:34px;
    letter-spacing:5px;
    text-transform:uppercase;
}

.logo span{
    color:#00ffa3;
}

.tag{
    padding:14px 24px;
    border-radius:60px;
    background:rgba(255,255,255,0.05);
    border:1px solid rgba(255,255,255,0.08);
    font-size:13px;
    letter-spacing:2px;
    backdrop-filter:blur(10px);
}

/* ===== HERO ===== */

.hero{
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    gap:70px;
    align-items:center;
    min-height:80vh;
}

.hero-text h1{
    font-family:'Tenor Sans',sans-serif;
    font-size:110px;
    line-height:0.92;
    margin-bottom:40px;
    text-transform:uppercase;
}

.hero-text h1 span{
    color:#00ffa3;
}

.hero-text p{
    color:#cfd8e3;
    font-size:20px;
    line-height:2.15;
    margin-bottom:28px;
    max-width:820px;
}

.hero-text p a{
    color:#00ffa3;
    text-decoration:none;
    font-weight:700;
}

.hero-buttons{
    display:flex;
    gap:20px;
    margin-top:45px;
    flex-wrap:wrap;
}

.btn-green,
.btn-dark{
    padding:18px 34px;
    border-radius:18px;
    text-decoration:none;
    font-weight:700;
    transition:0.35s;
}

.btn-green{
    background:#00ffa3;
    color:#000;
    box-shadow:0 15px 40px rgba(0,255,163,0.25);
}

.btn-dark{
    background:rgba(255,255,255,0.05);
    border:1px solid rgba(255,255,255,0.08);
    color:#fff;
}

.btn-green:hover,
.btn-dark:hover{
    transform:translateY(-6px);
}

/* ===== HERO PHOTO ===== */

.hero-photo{
    position:relative;
    height:760px;
}

.photo-main{
    width:100%;
    height:100%;
    overflow:hidden;
    border-radius:45px;
    clip-path:polygon(0 0,100% 0,100% 88%,78% 100%,0 100%);
    box-shadow:0 30px 90px rgba(0,0,0,0.4);
}

.photo-main img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.8s;
}

.photo-main:hover img{
    transform:scale(1.06);
}

.score-box{
    position:absolute;
    bottom:40px;
    left:-40px;
    background:#111827;
    border:1px solid rgba(255,255,255,0.08);
    border-radius:30px;
    padding:35px;
    width:240px;
    box-shadow:0 20px 50px rgba(0,0,0,0.35);
}

.score-box h3{
    font-family:'Tenor Sans',sans-serif;
    font-size:52px;
    color:#00ffa3;
    margin-bottom:10px;
}

.score-box p{
    color:#cbd5e1;
    line-height:1.8;
    font-size:15px;
}

/* ===== СЕКЦИИ ===== */

section{
    padding:50px 7% 120px;
}

/* ===== ТЕКСТОВОЙ БЛОК ===== */

.content-box{
    background:#111827;
    border-radius:45px;
    padding:80px;
    margin-bottom:120px;
    position:relative;
    overflow:hidden;
}

.content-box::before{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(0,255,163,0.04);
    right:-120px;
    top:-120px;
}

.content-box h2{
    font-family:'Tenor Sans',sans-serif;
    font-size:64px;
    line-height:1;
    margin-bottom:35px;
    text-transform:uppercase;
}

.content-box p{
    color:#d1d5db;
    font-size:18px;
    line-height:2.2;
    margin-bottom:28px;
}

/* ===== КАРТИНКА ===== */

.large-photo{
    width:100%;
    height:780px;
    overflow:hidden;
    border-radius:50px;
    position:relative;
    margin-bottom:120px;
    box-shadow:0 35px 90px rgba(0,0,0,0.45);
}

.large-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.8s;
}

.large-photo:hover img{
    transform:scale(1.05);
}

.dark-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to top, rgba(0,0,0,0.75), transparent);
}

.photo-text{
    position:absolute;
    left:70px;
    bottom:70px;
    max-width:760px;
}

.photo-text h3{
    font-family:'Tenor Sans',sans-serif;
    font-size:70px;
    line-height:1;
    margin-bottom:25px;
    text-transform:uppercase;
}

.photo-text p{
    color:#f3f4f6;
    line-height:2;
    font-size:18px;
}

/* ===== СТАТИСТИКА ===== */

.stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    margin-top:60px;
}

.stat{
    background:#0f172a;
    border-radius:28px;
    padding:38px;
    border:1px solid rgba(255,255,255,0.05);
}

.stat h4{
    font-family:'Tenor Sans',sans-serif;
    font-size:50px;
    color:#00ffa3;
    margin-bottom:14px;
}

.stat p{
    color:#cbd5e1;
    line-height:1.9;
    font-size:15px;
}

/* ===== FOOTER ===== */

footer{
    padding:60px;
    text-align:center;
    color:#6b7280;
    font-size:14px;
}

/* ===== MOBILE ===== */

@media(max-width:1200px){

    .hero{
        grid-template-columns:1fr;
    }

    .stats{
        grid-template-columns:1fr 1fr;
    }

    .hero-text h1{
        font-size:72px;
    }

    .content-box h2,
    .photo-text h3{
        font-size:46px;
    }
}

@media(max-width:700px){

    .hero-text h1{
        font-size:48px;
    }

    .hero-text p{
        font-size:17px;
    }

    .hero-photo{
        height:520px;
    }

    .score-box{
        left:10px;
        width:200px;
        padding:24px;
    }

    .large-photo{
        height:520px;
    }

    .photo-text{
        left:30px;
        bottom:30px;
    }

    .photo-text h3{
        font-size:34px;
    }

    .content-box{
        padding:45px 28px;
    }

    .content-box h2{
        font-size:34px;
    }

    .stats{
        grid-template-columns:1fr;
    }
}

</style>
</head>
<body>

<div class="wave wave1"></div>
<div class="wave wave2"></div>

<header>

<div class="topbar">

    <div class="logo">
        <span></span>
    </div>

    <div class="tag">
        ЦИФРОВАЯ АНАЛИТИКА
    </div>

</div>

<div class="hero">

    <div class="hero-text">

        <h1>
            Спортивные<br>
            <span>ставки</span>
        </h1>

        <p>
            Современная спортивная аналитика представляет собой
            сочетание цифровых технологий, обработки статистики
            и глубокого анализа спортивных событий.
            Сегодня пользователи изучают игровые показатели,
            форму команд, историю встреч и динамику турниров,
            чтобы лучше понимать происходящее в мире спорта.
        </p>

        <p>
            Благодаря развитию аналитических платформ
            спортивная индустрия стала значительно технологичнее.
            На платформе
            <a href="https://volgosport.com.ru/" target="_blank">волгоспорт</a>
            можно ознакомиться с современными подходами
            к анализу спортивных событий, цифровыми сервисами
            и статистическими инструментами,
            связанными со спортивной аналитикой.
        </p>

        <p>
            LIVE-статистика, автоматизированные системы обработки
            данных и современные алгоритмы помогают быстрее
            анализировать спортивные события,
            отслеживать изменения показателей
            и получать более подробную информацию
            о матчах и соревнованиях.
        </p>

        <div class="hero-buttons">

            <a href="#" class="btn-green">
                Анализ матчей
            </a>

            <a href="#" class="btn-dark">
                Статистика команд
            </a>

        </div>

    </div>

    <div class="hero-photo">

        <div class="photo-main">
            <img src="https://images.unsplash.com/photo-1511886929837-354d827aae26?q=80&w=1800&auto=format&fit=crop" alt="Хоккей">
        </div>

        <div class="score-box">

            <h3>24/7</h3>

            <p>
                Обновление спортивной статистики
                и аналитических данных
            </p>

        </div>

    </div>

</div>

</header>

<section>

<div class="content-box">

    <h2>
        Развитие цифрового спорта
    </h2>

    <p>
        За последние годы спортивная индустрия значительно изменилась
        благодаря развитию технологий и аналитических платформ.
        Сегодня статистика матчей обновляется практически мгновенно,
        а пользователи получают доступ к огромному объёму информации,
        включая игровые показатели, результаты соревнований,
        динамику матчей и индивидуальную статистику спортсменов.
    </p>

    <p>
        Современные алгоритмы анализа данных помогают быстрее
        обрабатывать спортивную информацию и выявлять закономерности.
        Искусственный интеллект постепенно становится частью
        спортивной аналитики, позволяя анализировать игровые схемы,
        тактические решения и эффективность команд.
    </p>

    <p>
        Большую роль играют LIVE-технологии,
        которые обеспечивают обновление статистики
        и игровых показателей в режиме реального времени.
        Благодаря этому пользователи могут оперативно
        отслеживать изменения во время матчей
        и получать актуальные аналитические данные.
    </p>

    <div class="stats">

        <div class="stat">
            <h4>150+</h4>
            <p>Международных турниров ежедневно анализируются</p>
        </div>

        <div class="stat">
            <h4>LIVE</h4>
            <p>Обновление статистики в режиме реального времени</p>
        </div>

        <div class="stat">
            <h4>98%</h4>
            <p>Высокая скорость обработки спортивных данных</p>
        </div>

        <div class="stat">
            <h4>24/7</h4>
            <p>Постоянная работа аналитических платформ</p>
        </div>

    </div>

</div>

<div class="large-photo">

    <img src="https://images.unsplash.com/photo-1518604666860-9ed391f76460?q=80&w=1800&auto=format&fit=crop" alt="Баскетбол">

    <div class="dark-overlay"></div>

    <div class="photo-text">

        <h3>
            Динамика<br>
            современного спорта
        </h3>

        <p>
            Современные виды спорта отличаются высокой скоростью,
            большим количеством статистических данных
            и активным использованием цифровых технологий.
            Аналитические системы помогают глубже анализировать
            игровые события и оценивать результаты соревнований.
        </p>

    </div>

</div>

<div class="content-box">

    <h2>
        Будущее спортивной аналитики
    </h2>

    <p>
        Спортивные технологии продолжают активно развиваться,
        делая анализ матчей более точным и информативным.
        Современные цифровые платформы позволяют
        автоматически обрабатывать большие объёмы данных,
        анализировать статистику и формировать
        более детальные аналитические отчёты.
    </p>

    <p>
        Эксперты отмечают, что в будущем спортивная аналитика
        станет ещё более технологичной благодаря развитию
        искусственного интеллекта и автоматизированных систем.
        Всё это позволит быстрее анализировать игровые события,
        отслеживать динамику матчей и повышать качество
        статистических данных.
    </p>

    <p>
        Сегодня цифровые технологии становятся
        неотъемлемой частью современной спортивной индустрии.
        Они помогают пользователям получать
        актуальную информацию, анализировать соревнования
        и глубже понимать особенности различных видов спорта.
    </p>

</div>

</section>

<footer>
    © 2026 — Спортивная аналитика и цифровые технологии
</footer>

</body>
</html>