* {
            font-family: 'Poppins', sans-serif;
        }
        
        .hero-bg {
            background: linear-gradient(135deg, rgba(255,107,53,0.95) 0%, rgba(255,159,64,0.95) 50%, rgba(255,206,84,0.95) 100%);
            position: relative;
        }
        
        .search-box {
            background: rgba(255, 255, 255, 0.98);
            backdrop-filter: blur(20px);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            transition: all 0.3s ease;
        }
        
        .search-box:hover,
        .search-box:focus-within {
            transform: translateY(-4px);
            box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.3);
        }
        
        .destination-card {
            position: relative;
            overflow: hidden;
            border-radius: 24px;
            height: 320px;
            cursor: pointer;
            transition: all 0.4s ease;
        }
        
        .destination-card::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.75) 100%);
            z-index: 1;
        }
        
        .destination-card:hover,
        .destination-card:focus {
            transform: scale(1.03);
            box-shadow: 0 25px 50px rgba(0,0,0,0.3);
            outline: 3px solid #FF6B35;
            outline-offset: 2px;
        }
        
        .destination-content {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 2rem;
            z-index: 2;
            color: white;
        }
        
        .feature-icon-box {
            width: 70px;
            height: 70px;
            background: linear-gradient(135deg, #FF6B35 0%, #FFA040 100%);
            border-radius: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .feature-card:hover .feature-icon-box,
        .feature-card:focus-within .feature-icon-box {
            transform: scale(1.1) rotate(-5deg);
        }
        
        .btn-primary {
            background: linear-gradient(135deg, #FF6B35 0%, #FFA040 100%);
            transition: all 0.3s ease;
        }
        
        .btn-primary:hover,
        .btn-primary:focus {
            transform: translateY(-2px) scale(1.02);
            box-shadow: 0 15px 30px rgba(255, 107, 53, 0.4);
        }
        
        .dest-goa { background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%); }
        .dest-rajasthan { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }
        .dest-kerala { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }
        .dest-manali { background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); }
        .dest-varanasi { background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); }
        .dest-ladakh { background: linear-gradient(135deg, #30cfd0 0%, #330867 100%); }
        
        .stat-card {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            border: 2px solid rgba(255, 255, 255, 0.3);
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease;
        }
        
        .stat-card.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        .price-badge {
            background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
            animation: pulse 2s ease-in-out infinite;
        }
        
        @keyframes pulse {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.05); }
        }
        
        .nav-link {
            position: relative;
            transition: color 0.3s ease;
        }
        
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: -4px;
            left: 0;
            width: 0;
            height: 2px;
            background: #FF6B35;
            transition: width 0.3s ease;
        }
        
        .nav-link:hover::after,
        .nav-link:focus::after {
            width: 100%;
        }
        
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease;
        }
        
        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .phone-mockup {
            background: linear-gradient(135deg, #1f2937 0%, #111827 100%);
            border-radius: 40px;
            padding: 12px;
            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
            position: relative;
        }

        .phone-screen {
            background: white;
            border-radius: 32px;
            overflow: hidden;
            aspect-ratio: 9/19.5;
        }

        .chat-bubble {
            background: #f3f4f6;
            padding: 12px 16px;
            border-radius: 18px;
            margin: 8px 0;
            max-width: 80%;
            animation: slideIn 0.3s ease;
        }

        .chat-bubble.user {
            background: linear-gradient(135deg, #FF6B35 0%, #FFA040 100%);
            color: white;
            margin-left: auto;
        }

        @keyframes slideIn {
            from {
                opacity: 0;
                transform: translateY(10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .social-card {
            background: white;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
        }

        .social-card:hover {
            transform: translateY(-5px);
        }

        .trust-badge {
            background: white;
            border-radius: 12px;
            padding: 12px 20px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            display: flex;
            align-items: center;
            gap: 8px;
        }

        @media (max-width: 640px) {
            .hero-decorative { display: none; }
            .destination-card { height: 280px; }
            .phone-mockup { max-width: 280px; margin: 0 auto; }
        }
        
        *:focus-visible {
            outline: 3px solid #FF6B35;
            outline-offset: 3px;
        }
        
        @media (prefers-reduced-motion: reduce) {
            *, *::before, *::after {
                animation-duration: 0.01ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: 0.01ms !important;
            }
        }/* CSS Document */