<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Nepal News Stream</title>
    <link rel="stylesheet" href="/css/main.css">
    <link rel="icon" type="image/png" href="/img/favicon-96x96.png" sizes="96x96"/>
    <link rel="icon" type="image/svg+xml" href="/img/favicon.svg"/>
    <link rel="shortcut icon" href="/img/favicon.ico"/>
    <link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png"/>
    <link rel="manifest" href="/site.webmanifest"/>
</head>

<body class="container mx-auto max-w-5xl px-6 mt-10 mb-10 bg-gray-100 dark:bg-gray-900 text-gray-800 dark:text-gray-200 transition-colors duration-300">

<header class="flex flex-col sm:flex-row sm:items-end sm:justify-between pb-4 border-b border-gray-300 dark:border-gray-800">
    <div class="flex-shrink-0 order-2 sm:order-1 sm:mt-0 pb-6">
        <h1 class="flex flex-col items-baseline md:flex-row text-xl gap-2 md:gap-3 font-extrabold leading-tight">
    <a href="/ne/news"
       class="flex items-center text-xl font-extrabold leading-none transition-colors hover:opacity-80">
                <span class="mr-2 text-2xl transition-colors">&larr;</span>
        <span class="text-[#003893] dark:text-blue-400">npl</span><span class="text-[#DC143C]">.</span>977
    </a>
    <span class="text-xs md:text-sm font-normal tracking-wide text-gray-700 dark:text-gray-300">
        Nepal News Stream
    </span>
</h1>
    </div>
</header>

<main id="main" class="flex-col space-y-12 mt-10">
    <h1 class="flex justify-center font-bold text-4xl">
        <span class="text-[#003893] dark:text-blue-400">Oops</span><span class="text-[#DC143C]">!</span>
    </h1>
    <div class="flex justify-center text-base text-gray-600 dark:text-gray-400 mt-8">
        <p>
            Explore by
            <a href="/ne/news#exploreBySource"
               class="font-semibold underline text-[#003893] dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300">Source</a>
            or
            <a href="/ne/news#exploreByCategory"
               class="font-semibold underline text-[#003893] dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300">Category</a>
        </p>
    </div>
</main>

</body>
</html>