:root {
        --accent: #ff4d4f;
        --accent-2: #ff9500;
        --dark: #0b0f17;
        --glass: rgba(255, 255, 255, 0.06);
    }

    body {
        font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
        background: linear-gradient(180deg, #071428 0%, #0b1020 100%);
        color: #eef2f7
    }

    .navbar {
        backdrop-filter: blur(6px);
        background: linear-gradient(90deg, rgba(11, 15, 23, 0.6), rgba(255, 255, 255, 0.02));
    }

    .hero {
        padding: 6rem 0;
        background: linear-gradient(90deg, rgba(255, 77, 79, 0.07), rgba(255, 149, 0, 0.03));
        border-bottom: 1px solid rgba(255, 255, 255, 0.02)
    }

    .price-badge {
        background: linear-gradient(90deg, var(--accent), var(--accent-2));
        color: white;
        font-weight: 700;
        padding: 0.6rem 1rem;
        border-radius: 12px;
        box-shadow: 0 8px 30px rgba(255, 77, 79, 0.18)
    }

    .old-price {
        color: rgba(255, 255, 255, 0.45);
        text-decoration: line-through;
        font-weight: 600
    }

    .cta-btn {
        background: var(--accent);
        border: 0;
        padding: 0.9rem 1.2rem;
        font-weight: 700;
        box-shadow: 0 6px 20px rgba(255, 77, 79, 0.14);
        
    }

    .feature-card {
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid rgba(255, 255, 255, 0.03);
        color: white;
    }

    .nav-link {
        color: #fff !important
    }

    .section-title {
        color: #fff;
        font-weight: 800
    }

    .map-wrap iframe {
        width: 100%;
        height: 350px;
        border: 0;
        border-radius: 8px
    }

    
    /* .carousel-item > img{
        height: 700px;
        object-fit: cover;
        } */       
        
        footer {
            padding: 2rem 0;
            color: rgba(255, 255, 255, 0.6)
        }
        
         footer :link, footer :visited {
            text-decoration: none;
            color: var(--accent-2);
        }

        footer :link:hover {
            text-decoration: underline;
        }

    /* responsive tweaks */
    @media (max-width:768px) {
        .hero {
            padding: 3rem 0
        }
    }