.about-v2{
    position:relative;
    overflow:hidden;
}

.about-glow{
    position:absolute;
    border-radius:50%;
    filter:blur(120px);
    pointer-events:none;
}

.about-glow--one{
    width:450px;
    height:450px;
    background:rgba(210,243,65,.08);
    top:-150px;
    right:-150px;
}

.about-glow--two{
    width:400px;
    height:400px;
    background:rgba(210,243,65,.05);
    bottom:-150px;
    left:-150px;
}

.about-story-card,
.about-mission,
.about-cta{
    text-align:center;
}

.about-story-card{
    max-width:900px;
    margin:auto;
    margin-bottom:90px;
}

.about-story-card__icon{
    width:90px;
    height:90px;

    margin:auto auto 25px;

    border-radius:24px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:rgba(210,243,65,.08);

    border:1px solid rgba(210,243,65,.15);

    color:#d2f341;

    font-size:34px;
}

.about-section-badge{
    display:inline-flex;

    padding:10px 18px;

    border-radius:999px;

    background:rgba(210,243,65,.08);

    border:1px solid rgba(210,243,65,.15);

    color:#d2f341;

    margin-bottom:20px;
}

.about-story-card h1{
    color:#fff;
    font-size:clamp(40px,5vw,70px);
    font-weight:900;
    margin-bottom:25px;
}

.about-story-card p,
.about-mission p{
    color:rgba(255,255,255,.75);
    line-height:2.2;
}

.about-stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    margin-bottom:90px;
}

.about-stat-card{
    padding:35px 20px;

    border-radius:24px;

    background:rgba(255,255,255,.03);

    border:1px solid rgba(210,243,65,.1);

    text-align:center;

    transition:.35s;
}

.about-stat-card:hover{
    transform:translateY(-8px);

    box-shadow:0 0 30px rgba(210,243,65,.08);

    border-color:rgba(210,243,65,.3);
}

.about-stat-card i{
    color:#d2f341;
    font-size:28px;
    margin-bottom:15px;
}

.about-stat-card h3{
    color:#fff;
    font-size:34px;
}

.about-stat-card span{
    color:rgba(255,255,255,.7);
}

.about-mission{
    max-width:850px;
    margin:auto;
    margin-bottom:90px;
}

.about-mission h2{
    color:#fff;
    font-size:42px;
    margin-bottom:25px;
}

.about-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;

    margin-bottom:100px;
}

.about-feature-card{
    padding:35px;

    border-radius:24px;

    background:rgba(255,255,255,.03);

    border:1px solid rgba(210,243,65,.1);

    transition:.35s;
}

.about-feature-card:hover{
    transform:translateY(-8px);

    border-color:rgba(210,243,65,.3);

    box-shadow:0 0 35px rgba(210,243,65,.08);
}

.feature-icon{
    width:65px;
    height:65px;

    border-radius:18px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:rgba(210,243,65,.08);

    color:#d2f341;

    font-size:22px;

    margin-bottom:18px;
}

.about-feature-card h3{
    color:#fff;
    margin-bottom:12px;
}

.about-feature-card p{
    color:rgba(255,255,255,.75);
}

.about-cta{
    padding:70px 40px;

    border-radius:32px;

    background:linear-gradient(
        135deg,
        rgba(210,243,65,.08),
        rgba(255,255,255,.03)
    );

    border:1px solid rgba(210,243,65,.15);
}

.about-cta h2{
    color:#fff;
    font-size:42px;
    margin-bottom:15px;
}

.about-cta p{
    color:rgba(255,255,255,.75);
    margin-bottom:35px;
}

.about-cta__buttons{
    display:flex;
    justify-content:center;
    gap:15px;
    flex-wrap:wrap;
}

.about-btn{
    height:56px;

    padding:0 28px;

    border-radius:16px;

    display:flex;
    align-items:center;
    gap:10px;

    font-weight:700;

    transition:.3s;
}

.about-btn--primary{
    background:#d2f341;
    color:#111;
}

.about-btn--secondary{
    border:1px solid rgba(210,243,65,.25);
    color:#fff;
}

.about-btn:hover{
    transform:translateY(-4px);
}

@media(max-width:991px){

    .about-stats,
    .about-features{
        grid-template-columns:1fr;
    }

    .about-story-card h1{
        font-size:42px;
    }

    .about-mission h2,
    .about-cta h2{
        font-size:30px;
    }

}

.about-story-box{

    position:relative;

    overflow:hidden;

    max-width:1000px;

    margin:auto;

    padding:45px;

    border-radius:32px;

    background:
    linear-gradient(
        135deg,
        rgba(255,255,255,.04),
        rgba(255,255,255,.02)
    );

    border:1px solid rgba(210,243,65,.10);

    backdrop-filter:blur(14px);

    transition:.4s ease;
}

.about-story-box:hover{

    transform:translateY(-4px);

    border-color:rgba(210,243,65,.22);
}

.about-story-box h3{

    color:#d2f341;

    font-size:28px;

    font-weight:800;

    margin-bottom:25px;

    position:relative;

    z-index:2;
}

.about-story-box p{

    color:#d1d5db;

    font-size:18px;

    line-height:2.4;

    margin:0;

    position:relative;

    z-index:2;
}

.story-glow{

    position:absolute;

    width:320px;

    height:320px;

    top:-120px;

    left:-120px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(210,243,65,.12),
        transparent 70%
    );

    animation:storyFloat 8s ease-in-out infinite;
}

@keyframes storyFloat{

    0%{

        transform:translate(0,0);
    }

    50%{

        transform:translate(40px,25px);
    }

    100%{

        transform:translate(0,0);
    }

}

.about-story-box::after{

    content:"";

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        90deg,
        transparent,
        rgba(210,243,65,.03),
        transparent
    );

    animation:shineMove 10s linear infinite;
}

@keyframes shineMove{

    from{

        transform:translateX(-100%);
    }

    to{

        transform:translateX(100%);
    }

}

@media(max-width:768px){

    .about-story-box{

        padding:30px 24px;
    }

    .about-story-box h3{

        font-size:24px;
    }

    .about-story-box p{

        font-size:16px;

        line-height:2.2;
    }

}
.community-message{

    position:relative;

    overflow:hidden;

    max-width:950px;

    margin:0 auto;

    padding:45px;

    border-radius:32px;

    text-align:center;

    background:
    linear-gradient(
        135deg,
        rgba(210,243,65,.08),
        rgba(255,255,255,.03)
    );

    border:1px solid rgba(210,243,65,.12);

    backdrop-filter:blur(14px);
}

.community-message__glow{

    position:absolute;

    width:300px;

    height:300px;

    top:-120px;

    right:-120px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(210,243,65,.15),
        transparent 70%
    );

    animation:communityGlow 8s ease-in-out infinite;
}

.community-message__content{

    position:relative;

    z-index:2;
}

.community-message h3{

    color:#d2f341;

    font-size:28px;

    font-weight:900;

    margin-bottom:20px;
}

.community-message p{

    margin:0;

    color:#d1d5db;

    font-size:18px;

    line-height:2.4;

    max-width:750px;

    margin-inline:auto;
}

@keyframes communityGlow{

    0%,100%{

        transform:scale(1);
        opacity:.7;
    }

    50%{

        transform:scale(1.15);
        opacity:1;
    }

}

.community-message::after{

    content:"";

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        90deg,
        transparent,
        rgba(210,243,65,.03),
        transparent
    );

    animation:communityShine 12s linear infinite;
}

@keyframes communityShine{

    from{

        transform:translateX(-100%);
    }

    to{

        transform:translateX(100%);
    }

}

@media(max-width:768px){

    .community-message{

        padding:30px 24px;
    }

    .community-message h3{

        font-size:22px;
    }

    .community-message p{

        font-size:16px;
        line-height:2.2;
    }

}