/* ===== INDEX-ONLY STYLES ===== */
        .features-section {
            padding: 80px 0;
            background: #fff;
        }
        .feature-card {
            background: #F7F8FA;
            border-radius: 20px;
            padding: 40px 30px;
            text-align: center;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            height: 100%;
            border: 1px solid transparent;
            text-decoration: none;
            display: block;
            color: inherit;
        }
        .feature-card:hover {
            background: #fff;
            transform: translateY(-8px);
            box-shadow: 0 20px 40px rgba(10,37,64,0.1);
            border-color: #e2e8f0;
            color: inherit;
        }
        .feature-icon {
            width: 70px; height: 70px;
            border-radius: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.8rem;
            margin: 0 auto 20px auto;
            transition: transform 0.3s;
        }
        .feature-card:hover .feature-icon {
            transform: scale(1.1) rotate(-5deg);
        }
        .feature-title {
            font-family: 'Montserrat', sans-serif;
            font-weight: 700;
            font-size: 1.2rem;
            color: #0A2540;
            margin-bottom: 10px;
        }
        .feature-desc {
            color: #64748b;
            font-size: 0.95rem;
            line-height: 1.6;
            margin-bottom: 15px;
        }
        .feature-link {
            color: #00B4D8;
            font-weight: 700;
            font-size: 0.9rem;
        }
        .feature-link i { transition: transform 0.3s; }
        .feature-card:hover .feature-link i { transform: translateX(5px); }

        .cta-section {
            background: #0A2540;
            padding: 80px 0;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        .cta-section::before {
            content: '';
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            background: radial-gradient(circle at 30% 50%, rgba(0,180,216,0.12) 0%, transparent 50%),
                        radial-gradient(circle at 70% 80%, rgba(242,169,0,0.08) 0%, transparent 50%);
        }
        .cta-section * { position: relative; z-index: 2; }
        .cta-section h2 { color: #fff; }
        .cta-section p { color: rgba(255,255,255,0.7); max-width: 600px; margin: 0 auto 30px auto; }

        /* ===== RESPONSIVE MOBILE ===== */
        @media (max-width: 768px) {
            .features-section {
                padding: 50px 0;
            }
            .feature-card {
                padding: 30px 20px;
            }
            .feature-icon {
                width: 55px;
                height: 55px;
                font-size: 1.5rem;
            }
            .feature-title {
                font-size: 1.05rem;
            }
            .cta-section {
                padding: 50px 0;
            }
        }

        @media (max-width: 576px) {
            .features-section {
                padding: 35px 0;
            }
            .feature-card {
                padding: 25px 15px;
            }
            .cta-section {
                padding: 40px 0;
            }
            .cta-section h2 {
                font-size: 1.5rem;
            }
        }