/* =========================================================
           CURRENT MEMBER STRENGTH SECTION
        ========================================================= */
        
        .member-strength-grid{
            display:grid;
        
            grid-template-columns:
            repeat(2,minmax(0,1fr));
        
            gap:24px;
        
            margin-top:28px;
        }
        
        
        /* =========================================================
           MEMBER STRENGTH CARD
        ========================================================= */
        
        .strength-card{
            position:relative;
        
            overflow:hidden;
        
            display:flex;
            flex-direction:column;
        
            align-items:center;
        
            text-align:center;
        
            padding:26px 24px;
        
            border-radius:26px;
        
            background:#ffffff;
        
            border:
            1px solid rgba(226,232,240,0.9);
        
            box-shadow:
            0 14px 35px rgba(15,23,42,0.08);
        
            transition:
            transform 0.35s ease,
            box-shadow 0.35s ease,
            border-color 0.35s ease,
            background 0.35s ease;
        }
        
        
        /* =========================================================
           CARD HOVER
        ========================================================= */
        
        .strength-card:hover{
            transform:
            translateY(-8px)
            scale(1.02);
        
            border-color:
            rgba(79,70,229,0.22);
        
            box-shadow:
            0 26px 60px rgba(79,70,229,0.16);
        
            background:
            linear-gradient(
                180deg,
                #ffffff 0%,
                rgba(79,70,229,0.03) 100%
            );
        }
        
        
        /* =========================================================
           GLOW BORDER EFFECT
        ========================================================= */
        
        .strength-card::before{
            content:"";
        
            position:absolute;
        
            inset:0;
        
            border-radius:26px;
        
            padding:1px;
        
            background:
            linear-gradient(
                135deg,
                rgba(79,70,229,0.5),
                rgba(6,182,212,0.5)
            );
        
            -webkit-mask:
                linear-gradient(#fff 0 0) content-box,
                linear-gradient(#fff 0 0);
        
            -webkit-mask-composite:xor;
        
            mask-composite:exclude;
        
            opacity:0;
        
            transition:
            opacity 0.4s ease;
        
            pointer-events:none;
        }
        
        .strength-card:hover::before{
            opacity:1;
        }
        
        
        /* =========================================================
           DECORATIVE GLOW
        ========================================================= */
        
        .strength-card::after{
            content:"";
        
            position:absolute;
        
            width:180px;
            height:180px;
        
            top:-80px;
            right:-70px;
        
            border-radius:50%;
        
            background:
            rgba(79,70,229,0.05);
        
            transition:
            transform 0.5s ease;
        }
        
        .strength-card:hover::after{
            transform:
            scale(1.15);
        }
        
        
        /* =========================================================
           ACTIVE CARD VARIANT
        ========================================================= */
        
        .active-member-card{
            background:
            linear-gradient(
                135deg,
                rgba(79,70,229,0.04),
                rgba(6,182,212,0.05)
            );
        }
        
        
        /* =========================================================
           TOP BADGE
        ========================================================= */
        
        .strength-badge{
            display:inline-flex;
        
            align-items:center;
            justify-content:center;
        
            gap:7px;
        
            width:max-content;
        
            padding:5px 12px;
        
            margin-bottom:18px;
        
            margin-left:auto;
            margin-right:auto;
        
            border-radius:50px;
        
            background:
            rgba(79,70,229,0.10);
        
            color:#4338ca;
        
            font-size:11px;
            font-weight:700;
        
            letter-spacing:0.4px;
        
            text-transform:uppercase;
        
            transition:
            all 0.35s ease;
        }
        
        .strength-card:hover .strength-badge{
            background:
            linear-gradient(
                135deg,
                #4338ca,
                #06b6d4
            );
        
            color:#ffffff;
        
            transform:
            scale(1.05);
        }
        
        
        /* =========================================================
           ICON BOX
        ========================================================= */
        
        .strength-icon{
            position:relative;
        
            width:68px;
            height:68px;
        
            display:flex;
            align-items:center;
            justify-content:center;
        
            margin-bottom:18px;
        
            margin-left:auto;
            margin-right:auto;
        
            border-radius:20px;
        
            background:
            linear-gradient(
                135deg,
                #312e81,
                #4f46e5,
                #06b6d4
            );
        
            color:#ffffff;
        
            font-size:28px;
        
            box-shadow:
            0 14px 30px rgba(79,70,229,0.22);
        
            transition:
            transform 0.4s ease,
            box-shadow 0.4s ease;
        }
        
        .strength-card:hover .strength-icon{
            transform:
            scale(1.08)
            rotate(-4deg);
        
            box-shadow:
            0 22px 45px rgba(79,70,229,0.30);
        }
        
        
        /* =========================================================
           BIG NUMBER
        ========================================================= */
        
        .strength-number{
            font-size:44px;
            font-weight:900;
        
            line-height:1;
        
            letter-spacing:-1px;
        
            color:#111827;
        
            margin-bottom:12px;
        
            transition:
            color 0.35s ease,
            transform 0.35s ease;
        }
        
        .strength-card:hover .strength-number{
            color:#4338ca;
        
            transform:
            translateY(-2px);
        }
        
        
        /* =========================================================
           TITLE
        ========================================================= */
        
        .strength-title{
            font-size:18px;
            font-weight:800;
        
            line-height:1.5;
        
            color:#111827;
        
            margin-bottom:10px;
        
            transition:
            color 0.35s ease,
            transform 0.35s ease;
        }
        
        .strength-card:hover .strength-title{
            color:#312e81;
        
            transform:
            translateY(-2px);
        }
        
        
        /* =========================================================
           DESCRIPTION
        ========================================================= */
        
        .strength-desc{
            max-width:260px;
        
            margin:0 auto;
        
            color:#475569;
        
            font-size:14px;
        
            line-height:1.7;
        }
        
        
        /* =========================================================
           RESPONSIVE
        ========================================================= */
        
        @media(max-width:992px){
        
            .member-strength-grid{
                grid-template-columns:1fr;
            }
        
        }
        
        
        @media(max-width:768px){
        
            .member-strength-grid{
                gap:20px;
            }
        
            .strength-card{
                padding:24px 20px;
            }
        
            .strength-icon{
                width:62px;
                height:62px;
        
                border-radius:18px;
        
                font-size:24px;
            }
        
            .strength-number{
                font-size:38px;
            }
        
            .strength-title{
                font-size:17px;
            }
        
            .strength-desc{
                font-size:13px;
            }
        
        }