*{
            margin:0;
            padding:0;
            box-sizing:border-box;
            font-family:'Poppins',sans-serif;
        }

        body{
            background:#151f34;
            color:#fff;
            overflow-x:hidden;
        }

        a{
            text-decoration:none;
        }

        img{
            max-width:100%;
            display:block;
        }

        /******************************
                    HEADER
        ******************************/

        .navbar{
            background:#111a2c;
            padding:18px 0;
            border-bottom:1px solid rgba(255,255,255,.06);
        }

        .navbar-brand{
            display:flex;
            align-items:center;
            gap:12px;
            font-weight:700;
            font-size:30px;
            color:#fff;
        }

        .navbar-brand:hover{
            color:#fff;
        }

        .navbar-brand i{
            color:#ff2e38;
            font-size:30px;
        }

        .brand-red{
            color:#ff313d;
        }

        .nav-right{
            display:flex;
            align-items:center;
            gap:25px;
        }

        .size-chart{
            color:#d8d8d8;
            font-weight:500;
            transition:.3s;
        }

        .size-chart:hover{
            color:#fff;
        }

        .size-chart i{
            margin-right:8px;
        }

        .cart-btn{
            color:#fff;
            border:1px solid rgba(255,255,255,.25);
            padding:10px 22px;
            border-radius:10px;
            transition:.3s;
        }

        .cart-btn:hover{
            background:#ff313d;
            border-color:#ff313d;
            color:#fff;
        }

        /******************************
                HERO SECTION
        ******************************/

        .hero{
            padding:90px 0 70px;
            text-align:center;
        }

        .hero h1{
            font-size:72px;
            font-weight:800;
            line-height:1.1;
            margin-bottom:20px;
        }

        .hero h1 span{
            color:#ff313d;
        }

        .hero p{
            color:#8da4c5;
            font-size:22px;
            max-width:820px;
            margin:auto;
            line-height:1.8;
        }

        /******************************
                STORE SECTION
        ******************************/

        .stores{
            padding-bottom:90px;
        }

        .store-card{
            position:relative;
            overflow:hidden;
            background:#0f1728;
            border-radius:18px;
            border:1px solid rgba(255,255,255,.07);
            transition:.35s;
            height:100%;
        }

        .store-card:hover{
            transform:translateY(-8px);
            box-shadow:0 18px 50px rgba(0,0,0,.35);
        }

        .banner-card img{
            width:100%;
            height:255px;
            object-fit:cover;
        }

        .banner-overlay{
            position:absolute;
            left:0;
            bottom:25px;
            width:100%;
            text-align:center;
            z-index:5;
        }

        .banner-overlay h3{
            font-size:38px;
            font-weight:700;
            margin-bottom:8px;
        }

        .banner-overlay p{
            font-size:20px;
            color:#fff;
        }

        /******************************
              PRODUCT CARD
        ******************************/

        .product-card{
            padding:35px;
            text-align:center;
        }

        .lock-icon{
            position:absolute;
            right:15px;
            top:15px;
            width:40px;
            height:40px;
            border-radius:50%;
            background:#000;
            color:#ffcc00;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:18px;
        }

        .team-logo{
            width:90px;
            height:90px;
            object-fit:cover;
            margin:auto;
            border-radius:10px;
            margin-bottom:25px;
        }

        .product-card h3{
            font-size:34px;
            font-weight:700;
            margin-bottom:15px;
        }

        .product-card p{
            color:#d2d7e3;
            font-size:19px;
            margin-bottom:20px;
        }

        .timer{
            color:#ffc400;
            font-weight:600;
            margin-bottom:20px;
        }

        .dots{
            display:flex;
            justify-content:center;
            gap:12px;
        }

        .dots span{
            width:14px;
            height:14px;
            border-radius:50%;
        }

        .white{
            background:#fff;
        }

        .blue{
            background:#123c8d;
        }

        .red{
            background:#ff3300;
        }