.testimonials{
    background:
        radial-gradient(
            circle at top,
            rgba(126,13,242,0.07),
            transparent 40%
        ),
        linear-gradient(180deg,rgba(27,27,27,1),rgba(13,13,13,1));

    color:rgba(245,245,245,1);
    font-family:system-ui,-apple-system,Roboto,Arial,sans-serif;

    padding:32px;
    border-radius:20px;

    border:1px solid rgba(126,13,242,0.25);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.05),
        0 12px 30px rgba(0,0,0,0.45),
        0 0 25px rgba(126,13,242,0.06);
}



.testimonials h2{
    text-align:center;
    font-size:1.8rem;
    margin-bottom:24px;
    font-weight:700;

    background:linear-gradient(
        90deg,
        rgba(237,222,253,1) 0%,
        rgba(195,144,249,1) 20%,
        rgba(126,13,242,1) 45%,
        rgba(102,11,205,1) 70%,
        rgba(215,180,251,1) 100%
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    text-shadow:
        0 0 12px rgba(126,13,242,0.25);
}



.testi-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:20px;
}



.testi-card{
    background:linear-gradient(
        180deg,
        rgba(26,17,37,1),
        rgba(16,10,22,1)
    );

    border-radius:16px;
    padding:20px;

    border:1px solid rgba(126,13,242,0.18);

    transition:.35s ease;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.04),
        0 10px 25px rgba(0,0,0,0.35);
}

.testi-card:hover{
    transform:translateY(-6px);

    border-color:rgba(126,13,242,1);

    box-shadow:
        0 0 18px rgba(126,13,242,0.22),
        0 12px 28px rgba(0,0,0,0.45);
}



.testi-head{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:12px;
}



.avatar{
    width:44px;
    height:44px;
    border-radius:50%;

    background:linear-gradient(
        135deg,
        rgba(222,194,252,1) 0%,
        rgba(169,98,247,1) 25%,
        rgba(125,19,243,1) 55%,
        rgba(77,8,160,1) 100%
    );

    color:rgba(17,17,17,1);
    font-weight:700;

    display:grid;
    place-items:center;

    box-shadow:
        inset 0 1px 2px rgba(255,255,255,0.35),
        0 0 12px rgba(126,13,242,0.35);
}



.name{
    margin:0;
    font-size:1rem;
    font-weight:700;
    color:rgba(215,180,251,1);
}

.meta{
    font-size:.85rem;
    color:rgba(155,100,217,1);
}

.quote{
    font-size:.95rem;
    line-height:1.7;
    color:rgba(236,236,236,1);
}