:root { --teal-bp: #2dd4bf; --dark-bp: #050a14; --blue-bp: #1e3a8a; }
        body { font-family: 'Plus Jakarta Sans', sans-serif; background: #fff; scroll-behavior: smooth; overflow-x: hidden; }
        
        .hero-gradient {
            background: radial-gradient(circle at 80% 20%, var(--blue-bp) 0%, var(--dark-bp) 100%);
            clip-path: ellipse(160% 100% at 50% 0%);
        }

        .glass-card {
            background: rgba(255, 255, 255, 0.03);
            backdrop-filter: blur(15px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 40px;
        }

        .bento-card {
            background: white;
            border-radius: 35px;
            padding: 40px;
            border: 1px solid #f1f5f9;
            box-shadow: 0 15px 40px rgba(0,0,0,0.02);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        .bento-card:hover { transform: translateY(-12px); border-color: var(--teal-bp); box-shadow: 0 25px 50px rgba(45, 212, 191, 0.1); }

        .btn-glow {
            background: var(--teal-bp);
            box-shadow: 0 10px 25px rgba(45, 212, 191, 0.3);
            border-radius: 100px;
        }

        .section-divider { background-color: #f8fafc; border-radius: 80px 80px 0 0; }
		.bento-card {
        background: rgba(255, 255, 255, 0.8);
        backdrop-filter: blur(20px);
        padding: 2rem;
        border-radius: 40px;
        border: 1px solid rgba(255, 255, 255, 0.3);
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.05);
        transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .bento-card:hover {
        transform: translateY(-15px);
        background: white;
        box-shadow: 0 40px 80px -15px rgba(45, 212, 191, 0.15);
        border-color: #2dd4bf;
    }

    .icon-box {
        width: 60px;
        height: 60px;
        background: #f1f5f9;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.5s;
    }

    .bento-card:hover .icon-box {
        background: #2dd4bf;
        transform: rotate(-10deg) scale(1.1);
    }

	 @keyframes loop-scroll {
        from { transform: translateX(0); }
        to { transform: translateX(-100%); }
    }
    .animate-loop-scroll {
        animation: loop-scroll 30s linear infinite;
    }
    .group:hover .animate-loop-scroll {
        animation-play-state: paused;
    }