@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
    
    body { 
      font-family: 'Inter', sans-serif; 
      margin: 0; 
      overflow-x: hidden; 
    }

    /* Hero Slider */
    .hero-slide {
      position: absolute;
      inset: 0;
      background-size: cover;
      background-position: center;
      opacity: 0;
      transition: opacity 1.5s ease;
    }
    
    .hero-slide.active {
      opacity: 1;
    }

    /* Typing Animation */
    .typed-text {
      font-size: 3rem;
      font-weight: 800;
      background: linear-gradient(270deg, #F97316, #FB923C, #F97316);
      background-size: 600% 600%;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      display: inline-block;
      white-space: nowrap;
      overflow: hidden;
      border-right: 0.15em solid #F97316;
      animation: blink 0.75s step-end infinite, gradientShift 8s ease infinite;
    }
    
    @keyframes blink { 
      50% { border-color: transparent } 
    }
    
    @keyframes gradientShift { 
      0% { background-position: 0% 50% } 
      50% { background-position: 100% 50% } 
      100% { background-position: 0% 50% } 
    }

    /* Slider Dots */
    .slider-dots {
      position: absolute;
      bottom: 20px;
      display: flex;
      gap: 10px;
      justify-content: center;
      width: 100%;
      z-index: 10;
    }
    
    .dot {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.8);
      cursor: pointer;
      transition: all 0.3s ease;
    }
    
    .dot.active { 
      background: #F97316;
      transform: scale(1.2);
    }

    /* Button Styles */
    .btn-primary {
      background: linear-gradient(135deg, #F97316 0%, #FB923C 100%);
      color: white;
      font-weight: 600;
      transition: all 0.3s ease;
    }
    
    .btn-primary:hover {
      transform: translateY(-2px);
      box-shadow: 0 12px 25px -3px rgba(249, 115, 22, 0.4);
    }

    /* Card Hover Effects */
    .property-card {
      transition: all 0.3s ease;
    }
    
    .property-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    }

    /* Gallery Styles */
    .gallery-item {
      transition: all 0.3s ease;
      cursor: pointer;
    }
    
    .gallery-item:hover {
      transform: scale(1.05);
    }
    
    .gallery-modal-image {
      filter: blur(0);
      transition: filter 0.3s ease;
    }
    
    .gallery-modal-image.blurred {
      filter: blur(10px);
    }

    /* Testimonial Styles */
    .testimonial-card {
      background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
      border: 1px solid #e2e8f0;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .typed-text { 
        font-size: 2rem; 
      }
      
      .hero-content {
        padding: 0 1rem;
      }
    }

    /* Navbar Glass Effect */
    .navbar-glass {
      backdrop-filter: blur(20px);
      background: rgba(255, 255, 255, 0.95);
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    /* User Profile Badge */
    .user-badge {
      background: linear-gradient(135deg, #FEF3C7 0%, #FED7AA 100%);
      border: 1px solid #FDBA74;
    }
    
    /* Language Switcher */
    .lang-switcher {
      background: rgba(255, 255, 255, 0.9);
      backdrop-filter: blur(10px);
      border: 1px solid rgba(255, 255, 255, 0.2);
    }

    /* Additional Styles for Dropdown */
    #profile-dropdown .user-badge {
      background: linear-gradient(135deg, #FEF3C7 0%, #FED7AA 100%);
      border: 1px solid #FDBA74;
      cursor: pointer;
    }

    #profile-dropdown:hover .user-badge {
      box-shadow: 0 4px 12px rgba(249, 115, 22, 0.15);
    }

    /* Dropdown arrow */
    #profile-dropdown::before {
      content: '';
      position: absolute;
      top: 100%;
      right: 20px;
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 8px solid white;
      opacity: 0;
      transition: opacity 0.3s;
      z-index: 60;
    }

    #profile-dropdown:hover::before {
      opacity: 1;
    }

    /* Ensure dropdown stays on top */
    #profile-dropdown > div {
      z-index: 50;
    }