<!doctype html>
<html lang="uz">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Primary meta -->
    <title>CSEC — Kiberxavfsizlik Markazi</title>
    <meta
      name="description"
      content="O'zbekiston Respublikasi Kiberxavfsizlik markazi davlat muassasasi — kiberxavfsizlik sohasidagi xizmatlar, yangiliklar va tavsiyalar."
    />
    <meta name="robots" content="index, follow" />
    <link rel="canonical" href="https://csec.uz/" />

    <!-- Open Graph -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://csec.uz/" />
    <meta property="og:title" content="CSEC — Kiberxavfsizlik Markazi" />
    <meta
      property="og:description"
      content="O'zbekiston Respublikasi Kiberxavfsizlik markazi davlat muassasasi — kiberxavfsizlik sohasidagi xizmatlar, yangiliklar va tavsiyalar."
    />
    <meta property="og:image" content="https://csec.uz/images/logo.png" />
    <meta property="og:locale" content="uz_UZ" />

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="CSEC — Kiberxavfsizlik Markazi" />
    <meta
      name="twitter:description"
      content="O'zbekiston Respublikasi Kiberxavfsizlik markazi davlat muassasasi."
    />
    <meta name="twitter:image" content="https://csec.uz/images/logo.png" />

    <!-- Theme color (browser toolbar / PWA) -->
    <meta name="theme-color" content="#1e3a5f" />
    <meta
      name="theme-color"
      media="(prefers-color-scheme: dark)"
      content="#111827"
    />

    <!-- Favicon -->
    <link rel="icon" type="image/png" href="/images/logo.png" />
    <link rel="apple-touch-icon" href="/images/logo.png" />

    <!-- Preconnect to Google Fonts origins before any request fires -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

    <!-- Preload the LCP asset (logo shown immediately on every page) -->
    <link rel="preload" href="/images/logo.png" as="image" />

    <!-- Load fonts asynchronously — eliminates render-blocking stylesheets -->
    <link
      rel="preload"
      as="style"
      href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
      data-font-loader
    />
    <noscript>
      <link
        rel="stylesheet"
        href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
      />
    </noscript>

    <link
      rel="preload"
      as="style"
      href="https://fonts.googleapis.com/css2?family=Jura:wght@300..700&display=swap"
      data-font-loader
    />
    <noscript>
      <link
        rel="stylesheet"
        href="https://fonts.googleapis.com/css2?family=Jura:wght@300..700&display=swap"
      />
    </noscript>

    <link
      rel="preload"
      as="style"
      href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap"
      data-font-loader
    />
    <noscript>
      <link
        rel="stylesheet"
        href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap"
      />
    </noscript>

    <!-- Font loader script — handles async loading of Google Fonts without CSP 'unsafe-inline' -->
    <script src="/js/font-loader.js"></script>
    <script type="module" crossorigin src="/assets/index-BfPnfCWJ.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-react-DiuZq6jX.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-i18n-Dr9EmHfH.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-flowbite-Bu6iRqYs.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-icons-LWwgyeiL.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-forms-DsjROOEZ.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-zustand-BbxApArP.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-query-Csxoof8L.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-motion-DnYWwtyz.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-utils-oS33Jb60.js">
    <link rel="stylesheet" crossorigin href="/assets/index-CRLlblTh.css">
  </head>
  <body>
    <!-- ROOT -->
    <div id="root"></div>
  </body>
</html>
