body { font-family: 'Plus Jakarta Sans', sans-serif; }
    html, body {
    max-width: 100%;
    overflow-x: hidden;
    position: relative;
}    
        .bg-sea-gradient {
            background: linear-gradient(135deg, #064e3b 0%, #024b7a 100%);
        }

        .card-shadow {
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
        }

        .glass-nav {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(226, 232, 240, 0.8);
        }

        .hover-lift {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .hover-lift:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 25px -5px rgba(16, 185, 129, 0.1);
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; }
        ::-webkit-scrollbar-thumb { background: #10b981; border-radius: 10px; }
		
		
		/* Reveal animation */
    @keyframes fadeInUp {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }
    .animate-fade-in-up {
        animation: fadeInUp 0.8s ease-out forwards;
    }

    /* Hide scrollbar for the Bento section if it overflows on mobile */
    .no-scrollbar::-webkit-scrollbar { display: none; }
	
	#scroll-container a div {
		height: stretch !important;
	}