<header class="main-header" style="background:#0f0f0f; padding:15px 25px; border-bottom:1px solid #ff2d2d;">

    <div class="logo-area">

        <a href="/" style="color:#ff2d2d; font-size:22px; font-weight:600; text-decoration:none;">

            {{ site.name }}

        </a>

    </div>

    <nav class="nav-menu">

        <ul style="display:flex; gap:20px; list-style:none; margin:0;">

            <li><a href="/" style="color:#fff; text-decoration:none;">Home</a></li>

            <li><a href="/services" style="color:#fff; text-decoration:none;">Services</a></li>

            <li><a href="/orders" style="color:#fff; text-decoration:none;">Orders</a></li>

            <li><a href="/tickets" style="color:#fff; text-decoration:none;">Support</a></li>

            <li><a href="/logout" style="color:#ff2d2d; font-weight:600; text-decoration:none;">Logout</a></li>

        </ul>

    </nav>

</header>