body { 
            background: linear-gradient(135deg, #ffffff 0%, #f0f7ff 100%);
            color: #1A2238;
            overflow-x: hidden;
        }
        
        .page { display: none; }
        .page.active { display: block; animation: slideUp 0.6s cubic-bezier(0.23, 1, 0.32, 1); }
        
        @keyframes slideUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .glass-nav {
            background: rgba(255, 255, 255, 0.8);
            backdrop-filter: blur(15px);
            border-bottom: 1px solid rgba(26, 34, 56, 0.05);
        }

        .trip-card { transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
        .trip-card:hover { transform: translateY(-10px); }
        .trip-card:hover .card-img { transform: scale(1.1); }
        
        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #FF6B35; border-radius: 10px; }

        .hero-gradient {
            background: linear-gradient(to bottom, rgba(26, 34, 56, 0.4), rgba(26, 34, 56, 0.1));
        }

        .btn-hover {
            position: relative;
            transition: all 0.3s ease;
        }
        .btn-hover:hover {
            box-shadow: 0 10px 20px rgba(255, 107, 53, 0.3);
            transform: translateY(-2px);
        }