/* Base Styles */
        body {
            font-family: 'Inter', sans-serif;
            background-color: #F5F7FA; /* Light Gray */
            color: #1E73BE; /* Trust Blue (Primary Text) */
            overflow-x: hidden;
        }

        /* Custom Tailwind Configuration */
        .trust-blue { color: #1E73BE; }
        .soft-teal { color: #4AC3C9; }
        .bg-trust-blue { background-color: #1E73BE; }
        .bg-soft-teal { background-color: #4AC3C9; }

        /* Gradient Accent */
        .text-gradient {
            background-image: linear-gradient(90deg, #1E73BE, #4AC3C9);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
        }
        .bg-gradient-hero {
            background: linear-gradient(135deg, #1E73BE 10%, #4AC3C9 100%);
        }

        /* Glassmorphism Card Effect */
        .glass-card {
            background-color: rgba(255, 255, 255, 0.7); /* Slightly transparent white */
            backdrop-filter: blur(10px);
            border: 1px solid rgba(209, 217, 230, 0.4); /* Light Silver border */
            box-shadow: 0 10px 30px rgba(30, 115, 190, 0.05); /* Subtle blue shadow */
            transition: all 0.3s ease-in-out;
        }
        .glass-card:hover {
            box-shadow: 0 15px 40px rgba(30, 115, 190, 0.15);
            transform: translateY(-3px);
        }

        /* Neon Glow Button (Simulated) */
        .glow-button {
            box-shadow: 0 4px 15px rgba(74, 195, 201, 0.4);
            transition: all 0.3s ease;
        }
        .glow-button:hover {
            box-shadow: 0 6px 20px rgba(74, 195, 201, 0.6);
            transform: translateY(-1px);
        }

        /* Scroll Reveal (Fade-Up) */
        .fade-up {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }
        .visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* Soft floating hearts animation (optional visual element) */
        @keyframes float {
            0% { transform: translate(0, 0); opacity: 0.8; }
            50% { transform: translate(10px, -10px); opacity: 1; }
            100% { transform: translate(0, 0); opacity: 0.8; }
        }
        .floating-icon {
            animation: float 6s ease-in-out infinite;
        }
    /* Hero Dotted Background */
.hero-dots-bg {
    background-color: #0c1021; /* dark base */
    background-image: radial-gradient(#1e73be 1px, transparent 1px);
    background-size: 20px 20px; /* adjust spacing of dots */
    min-height: 100vh;
}

/* Marquee Animation */
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.animate-marquee {
    display: inline-block;
    white-space: nowrap;
    animation: marquee 15s linear infinite;
}

/* Fade-up Animation for Text */
.fade-up {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeUp 1s forwards;
}
.fade-up:nth-child(1) { animation-delay: 0.1s; }
.fade-up:nth-child(2) { animation-delay: 0.3s; }
.fade-up:nth-child(3) { animation-delay: 0.5s; }

@keyframes fadeUp {
    to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeIn { from { opacity: 0; transform: translateY(20px);} to { opacity: 1; transform: translateY(0);} }
.animate-fadeIn { animation: fadeIn 0.3s ease-out; }