<!DOCTYPE html>
<html lang="ru">
<head>
    <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=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&display=swap" rel="stylesheet">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            background: #F5F5F5;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
            padding: 20px;
        }

        .container {
            background: #ffffff;
            border-radius: 24px;
            padding: 50px 60px;
            max-width: 920px;
            width: 100%;
            box-shadow: 0 8px 40px rgba(0,0,0,0.06);
            border: 2px dashed #D0D0D0;
        }

        .title {
            font-size: 26px;
            font-weight: 700;
            color: #171717;
            margin-bottom: 6px;
        }

        .subtitle {
            font-size: 16px;
            color: #6B6B6B;
            font-weight: 400;
            margin-bottom: 20px;
        }

        .divider {
            width: 60px;
            height: 3px;
            background: #2E86AB;
            margin: 16px 0 20px 0;
            border-radius: 4px;
        }

        .intro-text {
            font-size: 15px;
            color: #333;
            line-height: 1.6;
            margin-bottom: 20px;
            text-align: left;
        }

        .section-title {
            font-size: 18px;
            font-weight: 600;
            color: #171717;
            margin: 28px 0 12px 0;
        }

        .purpose-list {
            list-style: none;
            padding: 0;
            margin: 0 0 20px 0;
            text-align: left;
        }

        .purpose-list li {
            font-size: 15px;
            color: #333;
            line-height: 1.7;
            padding: 6px 0 6px 28px;
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="%232E86AB" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>') left center no-repeat;
            background-size: 18px;
            border-bottom: 1px solid #f0f0f0;
        }

        .purpose-list li:last-child {
            border-bottom: none;
        }

        .task-group {
            margin: 0 0 20px 0;
            padding-left: 0;
            list-style: none;
        }

        .task-group > li {
            font-weight: 600;
            color: #171717;
            margin-top: 14px;
            font-size: 15px;
        }

        .task-group > li:first-child {
            margin-top: 0;
        }

        .task-group ul {
            list-style: none;
            padding-left: 24px;
            margin-top: 4px;
        }

        .task-group ul li {
            font-weight: 400;
            color: #333;
            font-size: 15px;
            line-height: 1.7;
            padding: 3px 0 3px 28px;
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23909090" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/></svg>') left center no-repeat;
            background-size: 14px;
        }

        .badge-group {
            display: flex;
            flex-wrap: wrap;
            gap: 14px;
            margin-top: 16px;
            justify-content: center;
        }

        .badge-link {
            display: inline-block;
            background: #FFF3E0;
            color: #E67E22;
            font-size: 14px;
            font-weight: 600;
            padding: 8px 24px;
            border-radius: 30px;
            letter-spacing: 0.5px;
            text-decoration: none;
            transition: background 0.2s, transform 0.1s;
        }

        .badge-link:hover {
            background: #FFE0B2;
            transform: scale(1.02);
        }

        .badge-link.primary {
            background: #E3F2FD;
            color: #1565C0;
        }

        .badge-link.primary:hover {
            background: #BBDEFB;
        }

        .badge-link.secondary {
            background: #E8F5E9;
            color: #2E7D32;
        }

        .badge-link.secondary:hover {
            background: #C8E6C9;
        }

        .footer-note {
            margin-top: 24px;
            font-size: 13px;
            color: #B0B0B0;
            text-align: center;
        }

        .footer-note a {
            color: #2E86AB;
            text-decoration: none;
        }

        .footer-note a:hover {
            text-decoration: underline;
        }

        @media (max-width: 600px) {
            .container { padding: 30px 20px; }
            .title { font-size: 20px; }
            .purpose-list li, .task-group ul li { font-size: 14px; padding-left: 26px; background-size: 16px; }
            .badge-group { flex-direction: column; align-items: center; }
        }
    </style>
</head>
<body>

<div class="container">
    <div class="title">ГИС «Транспортная модель Санкт-Петербурга»</div>
    <div class="subtitle">Государственная информационная система</div>
    <div class="divider"></div>

    <div class="intro-text">
        <strong>ГИС «Транспортная модель Санкт-Петербурга»</strong> создана на основании постановления Правительства Санкт-Петербурга от 09.12.2011 № 1321. Это геоинформационная система, которая объединяет модули для хранения, сбора, обработки и визуализации данных. Оператор системы — подведомственное Комитету по транспорту учреждение <strong>СПб ГБУ «Центр транспортного планирования Санкт-Петербурга»</strong>.
    </div>

    <div class="section-title">Цели создания</div>
    <ul class="purpose-list">
        <li>объединение информационных ресурсов органов государственной власти Санкт-Петербурга;</li>
        <li>информационная поддержка управления транспортным комплексом;</li>
        <li>предоставление данных организациям для развития транспортной деятельности;</li>
        <li>информирование жителей о направлениях развития транспорта в городе;</li>
        <li>подготовка управленческих решений на основе транспортной модели, включая данные АПК «Безопасный город».</li>
    </ul>

    <div class="section-title">Основные задачи ГИС «ТМ СПб»</div>
    <ul class="task-group">
        <li>
            1. Получение интегрированной информации о состоянии транспортного комплекса города
            <ul>
                <li>оценка и прогноз изменения спроса на перемещение пассажиров, груза и багажа на краткосрочный и долгосрочный периоды;</li>
                <li>прогнозирование потребности Санкт-Петербурга в объектах транспортной инфраструктуры.</li>
            </ul>
        </li>
        <li>
            2. Разработка рекомендаций по вопросам воздействия градостроительных решений на транспортный комплекс
            <ul>
                <li>информационное обеспечение задач текущего управления инфраструктурой Санкт-Петербурга в целях минимизации транспортных потерь;</li>
                <li>эффективное распределение спроса на перемещение пассажиров, груза и багажа по видам транспорта и разработка рекомендаций по их взаимодействию.</li>
            </ul>
        </li>
        <li>
            3. Проведение оценки эффективности тарифной политики Санкт-Петербурга
            <ul>
                <li>оценка социально-экономического эффекта от реализации государственной политики в сфере развития транспортного комплекса.</li>
            </ul>
        </li>
        <li>
            4. Информирование граждан и организаций
            <ul>
                <li>предоставление информации о состоянии и развитии транспортного комплекса Санкт-Петербурга.</li>
            </ul>
        </li>
    </ul>

    <div class="section-title">Взаимосвязь с АС ПОДД</div>
    <div class="intro-text" style="margin-bottom: 8px;">
        Данные транспортной модели используются при согласовании <strong>проектов организации дорожного движения (ПОДД)</strong> — для расчёта интенсивности потоков, выбора схем объезда и оценки влияния ограничений. В свою очередь, утверждённые ПОДД передаются в ГИС «ТМ СПб» для актуализации модели и корректировки прогнозов. Таким образом, системы работают в едином контуре: от планирования до контроля исполнения.
    </div>
</div>

</body>
</html>