<style>
    [x-cloak] { display: none !important; }
    body {
        font-family: 'Plus Jakarta Sans', sans-serif;
        background-color: #0b0d12;
        color: #f3f4f6;
        -webkit-tap-highlight-color: transparent;
    }

    .hero-bg {
        position: relative;
        overflow: hidden;
    }

    .hero-bg::before {
        content: "";
        position: absolute;
        inset: -15px;
        background-image: url('img/bottazzi.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        filter: blur(2px);
        transform: scale(1.05);
        z-index: -2;
    }

    .hero-bg::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
            to bottom,
            rgba(11, 13, 18, 0.65),
            rgba(11, 13, 18, 0.95)
        );
        z-index: -1;
    }

    .glass-card {
        background: rgba(26, 29, 38, 0.75);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid rgba(255, 255, 255, 0.08);
    }

    .glass-nav {
        background: rgba(11, 13, 18, 0.85);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    :root {
        --swiper-theme-color: #00FF41;
    }
</style>