:root{
            --blue:#1f5ea8;
            --orange:#f59e0b;
            --red:#e53935;
            --text:#2f3133;
            --muted:#666;
            --line:#d8d8d8;
            --white:#fff;
            --bg:#efefef;
            --shadow:0 10px 24px rgba(0,0,0,.10);
            --shadow-soft:0 6px 16px rgba(0,0,0,.08);
            --radius:18px;
        }

        *{box-sizing:border-box}
        html,body{margin:0;padding:0}
        body{
            font-family:'Inter',sans-serif;
            color:var(--text);
            background:var(--bg);
            min-height:100vh;
            overflow-x:hidden;
            position:relative;
        }

        a{text-decoration:none;color:inherit}
        img{max-width:100%;display:block}

        .bg-icons{
            position:fixed;
            inset:0;
            overflow:hidden;
            pointer-events:none;
            z-index:0;
            opacity:.14;
            filter:grayscale(100%);
        }

        .bg-icons span{
            position:absolute;
            font-size:84px;
            line-height:1;
            user-select:none;
        }

        .page{
            position:relative;
            z-index:2;
        }

        .container{
            width:min(1180px, calc(100% - 32px));
            margin:0 auto;
        }

        .topbar{
            padding:26px 0 12px;
        }

        .topbar-inner{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:20px;
        }

        .logo{
            display:flex;
            align-items:center;
            justify-content:center;
            font-weight:900;
            letter-spacing:-1.8px;
            font-size:34px;
        }

        .logo .india{color:#ef7d1a}
        .logo .gyms{color:#1f5ea8}
        .logo .dotcom{
            color:#1f5ea8;
            font-size:26px;
            font-weight:800;
            margin-left:2px;
        }

        .top-links{
            display:flex;
            align-items:center;
            gap:16px;
            font-size:18px;
            font-weight:700;
            color:#232323;
            flex-wrap:wrap;
            justify-content:center;
        }

        .divider{opacity:.35}

        .hero{
            text-align:center;
            padding:18px 0 12px;
        }

        .hero h1{
            margin:26px auto 18px;
            max-width:980px;
            font-size:clamp(38px, 5.5vw, 64px);
            line-height:1.08;
            font-weight:900;
            letter-spacing:-2px;
            color:#ffffff;
            text-shadow:
                0 2px 0 rgba(0,0,0,.08),
                0 8px 26px rgba(0,0,0,.22);
        }

        .hero p{
            margin:0 auto 28px;
            max-width:850px;
            font-size:18px;
            line-height:1.8;
            font-weight:600;
            color:#2f3133;
        }

        .search-wrap{
            max-width:1035px;
            margin:0 auto 28px;
            display:grid;
            grid-template-columns:1.2fr 1.05fr 230px;
            gap:0;
            border-radius:14px;
            overflow:hidden;
            box-shadow:var(--shadow);
        }

        .search-field{
            background:rgba(255,255,255,.92);
            min-height:96px;
            display:flex;
            align-items:center;
            padding:0 22px;
            border-right:1px solid #d9d9d9;
        }

        .search-field:last-child{
            border-right:none;
        }

        .search-field .icon{
            font-size:33px;
            margin-right:14px;
            opacity:.75;
        }

        .search-field input{
            width:100%;
            border:none;
            outline:none;
            background:transparent;
            font-size:18px;
            font-weight:500;
            color:#3a3a3a;
            font-family:'Inter',sans-serif;
        }

        .search-field input::placeholder{
            color:#494949;
            opacity:.95;
        }

        .search-btn{
            border:none;
            outline:none;
            background:var(--red);
            color:#fff;
            font-size:24px;
            font-weight:800;
            cursor:pointer;
            transition:.18s ease;
            font-family:'Inter',sans-serif;
        }

        .search-btn:hover{
            filter:brightness(.97);
        }

        .quick-links{
            display:flex;
            justify-content:center;
            flex-wrap:wrap;
            gap:14px;
            margin-bottom:38px;
        }

        .chip{
            min-width:180px;
            padding:16px 22px;
            background:rgba(255,255,255,.88);
            border:1px solid #d7d7d7;
            border-radius:10px;
            box-shadow:var(--shadow-soft);
            font-size:17px;
            font-weight:800;
            color:#4a4a4a;
            text-align:center;
        }

        .stats-grid{
            display:grid;
            grid-template-columns:repeat(4,1fr);
            gap:16px;
            margin-bottom:54px;
        }

        .stat-card{
            background:rgba(255,255,255,.88);
            border:1px solid #d7d7d7;
            border-radius:14px;
            box-shadow:var(--shadow-soft);
            padding:22px 20px;
            text-align:center;
        }

        .stat-card strong{
            display:block;
            font-size:34px;
            line-height:1.1;
            font-weight:900;
            color:#1f5ea8;
            margin-bottom:8px;
        }

        .stat-card span{
            font-size:15px;
            font-weight:700;
            color:#555;
        }

        .section{
            margin-bottom:46px;
        }

        .section-title{
            text-align:center;
            margin:0 0 28px;
            font-size:30px;
            font-weight:900;
            letter-spacing:-1px;
            color:#202020;
        }

        .location-grid{
            display:grid;
            grid-template-columns:repeat(4, 1fr);
            gap:16px;
        }

        .location-card{
            background:rgba(255,255,255,.88);
            border:1px solid #d7d7d7;
            border-radius:10px;
            box-shadow:var(--shadow-soft);
            min-height:88px;
            display:flex;
            flex-direction:column;
            align-items:center;
            justify-content:center;
            text-align:center;
            padding:14px;
        }

        .location-card strong{
            font-size:17px;
            font-weight:900;
            color:#333;
            margin-bottom:5px;
        }

        .location-card span{
            font-size:14px;
            font-weight:700;
            color:#666;
        }

        .gym-grid{
            display:grid;
            grid-template-columns:repeat(3, 1fr);
            gap:18px;
        }

        .gym-card{
            background:rgba(255,255,255,.86);
            border:1px solid #d7d7d7;
            border-radius:16px;
            box-shadow:var(--shadow-soft);
            overflow:hidden;
        }

        .gym-thumb{
            min-height:180px;
            background:
                linear-gradient(135deg, rgba(31,94,168,.16), rgba(245,158,11,.16)),
                #f5f5f5;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:68px;
        }

        .gym-body{
            padding:18px;
        }

        .badge-row{
            display:flex;
            gap:8px;
            flex-wrap:wrap;
            margin-bottom:10px;
        }

        .badge{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-height:32px;
            padding:0 12px;
            border-radius:999px;
            font-size:12px;
            font-weight:900;
            letter-spacing:.2px;
        }

        .badge-premium{
            background:rgba(31,94,168,.10);
            color:var(--blue);
        }

        .badge-free{
            background:rgba(245,158,11,.12);
            color:#b16a00;
        }

        .badge-tag{
            background:#f6f6f6;
            color:#555;
        }

        .gym-title{
            margin:0 0 6px;
            font-size:24px;
            line-height:1.2;
            font-weight:900;
            color:#222;
            letter-spacing:-.8px;
        }

        .gym-location{
            font-size:14px;
            font-weight:700;
            color:#666;
            margin-bottom:12px;
        }

        .gym-desc{
            margin:0 0 14px;
            font-size:14px;
            line-height:1.75;
            font-weight:500;
            color:#4d4d4d;
            min-height:74px;
        }

        .gym-meta{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:12px;
            margin-bottom:14px;
            flex-wrap:wrap;
        }

        .gym-price{
            font-size:15px;
            font-weight:900;
            color:var(--blue);
            background:#f3f7fd;
            padding:9px 12px;
            border-radius:10px;
        }

        .gym-rating{
            font-size:14px;
            font-weight:900;
            color:#333;
        }

        .btn{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-height:46px;
            padding:0 18px;
            border-radius:10px;
            font-size:15px;
            font-weight:900;
            border:none;
            cursor:pointer;
            font-family:'Inter',sans-serif;
        }

        .btn-main{
            background:var(--orange);
            color:#fff;
            box-shadow:0 10px 18px rgba(245,158,11,.28);
        }

        .btn-outline{
            background:#fff;
            color:#333;
            border:1px solid #d5d5d5;
        }

        .btn-row{
            display:flex;
            gap:10px;
            flex-wrap:wrap;
        }

        .cta-grid{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:22px;
            padding-bottom:12px;
        }

        .cta-card{
            background:rgba(255,255,255,.78);
            backdrop-filter:blur(2px);
            border:1px solid rgba(255,255,255,.55);
            border-radius:16px;
            box-shadow:0 14px 34px rgba(0,0,0,.11);
            padding:32px 36px 30px;
            min-height:183px;
        }

        .cta-card h3{
            margin:0 0 8px;
            font-size:28px;
            line-height:1.2;
            font-weight:900;
            letter-spacing:-1px;
        }

        .cta-card .blue{color:var(--blue)}
        .cta-card .muted{
            margin:0 0 18px;
            font-size:18px;
            color:#333;
            opacity:.96;
        }

        .footer{
            padding:20px 0 40px;
            text-align:center;
            font-size:14px;
            font-weight:700;
            color:#555;
        }

        @media (max-width: 1100px){
            .stats-grid{grid-template-columns:repeat(2,1fr)}
            .gym-grid{grid-template-columns:repeat(2,1fr)}
            .location-grid{grid-template-columns:repeat(2, 1fr)}
        }

        @media (max-width: 920px){
            .topbar-inner{
                flex-direction:column;
            }

            .search-wrap{
                grid-template-columns:1fr;
                border-radius:16px;
            }

            .search-field{
                min-height:74px;
                border-right:none;
                border-bottom:1px solid #d9d9d9;
            }

            .cta-grid{
                grid-template-columns:1fr;
            }
        }

        @media (max-width: 640px){
            .logo{
                font-size:28px;
            }

            .logo .dotcom{
                font-size:21px;
            }

            .top-links{
                font-size:15px;
                gap:10px;
            }

            .hero h1{
                margin-top:12px;
                font-size:36px;
            }

            .quick-links{
                gap:10px;
                margin-bottom:28px;
            }

            .chip{
                width:100%;
                min-width:unset;
            }

            .location-grid,
            .gym-grid,
            .stats-grid{
                grid-template-columns:1fr;
            }

            .cta-card{
                padding:24px 22px;
            }

            .cta-card h3{
                font-size:24px;
            }

            .cta-card .muted{
                font-size:16px;
            }
        }