<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>404 — Ovidiu Ungureanu</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=DM+Sans:wght@400;500&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="/css/style.css">
</head>
<body>

    <nav class="nav">
        <a href="/" class="nav-logo">OU</a>
        <div class="nav-links">
            <a href="/#about">About</a>
            <a href="/#services">Services</a>
            <a href="/portfolio">Work</a>
            <a href="/#contact">Contact</a>
        </div>
    </nav>

    <header class="hero" style="text-align: center; align-items: center;">
        <div class="hero-label">Error 404</div>
        <h1>Not<br>Found</h1>
        <p class="hero-sub" style="text-align: center;">This page doesn't exist. It probably never did.</p>
        <div class="hero-cta">
            <a href="/" class="btn">← Back Home</a>
        </div>
    </header>

    <footer class="footer">
        <span>© <?php echo date('Y'); ?> Ovidiu Ungureanu</span>
    </footer>

</body>
</html>
