<style>
    :root {
        --aftr-font: 'Arial', sans-serif;
        --aftr-text-color: #ffffff;
        --aftr-bg-color: #000000;
        --aftr-link-color: #ff0066;
    }

    .aftr-header {
        width: 100%;
        background: var(--aftr-bg-color);
        color: var(--aftr-text-color);
        padding: 20px 40px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 2px solid #222;
    }

    .aftr-header .logo {
        font-size: 32px;
        font-weight: bold;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .aftr-nav {
        display: flex;
        gap: 25px;
    }

    .aftr-nav a {
        color: var(--aftr-link-color);
        text-decoration: none;
        font-size: 16px;
    }

    /* Mobile */
    @media (max-width: 768px) {
        .aftr-header {
            flex-direction: column;
            gap: 15px;
            text-align: center;
        }
    }
</style>

<header class="aftr-header">
    <div class="logo">AFTRLYFE</