/* WRAPPER */
.neo-wrapper{
background:linear-gradient(135deg,#05020a,#14061f,#0a0412);
padding:40px 20px;
border-radius:24px;
font-family:'Poppins',sans-serif;
color:#fff;
position:relative;
overflow:hidden;
}

/* SHINE EFFECT GLOBAL */
.neo-wrapper::before{
content:"";
position:absolute;
top:-100%;
left:-100%;
width:200%;
height:200%;
background:linear-gradient(
120deg,
transparent,
rgba(255,0,150,.15),
rgba(150,0,255,.2),
transparent
);
animation:shineMove 6s linear infinite;
pointer-events:none;
}

@keyframes shineMove{
0%{transform:translate(-100%,-100%)}
100%{transform:translate(100%,100%)}
}

/* TITLE */
.neo-title{
font-size:28px;
background:linear-gradient(90deg,#ff2ebd,#a855f7,#ff2ebd);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
margin-bottom:15px;
font-weight:800;
text-shadow:0 0 15px rgba(255,0,150,.4);
}

/* DESC */
.neo-desc{
color:#ddd;
line-height:1.7;
margin-bottom:20px;
}

/* LINE */
.neo-line{
border:none;
height:1px;
background:linear-gradient(90deg,transparent,#ff2ebd,#a855f7,transparent);
margin:25px 0;
}

/* HEADER */
.neo-head{
display:flex;
align-items:center;
gap:10px;
font-weight:700;
margin-bottom:10px;
color:#ff2ebd;
text-shadow:0 0 10px rgba(255,0,150,.6);
}

.neo-dot{
width:8px;
height:8px;
border-radius:50%;
background:#ff2ebd;
box-shadow:
0 0 10px #ff2ebd,
0 0 20px #a855f7;
}

/* FAQ */
.neo-faq{
display:grid;
gap:10px;
}

.neo-item{
background:rgba(255,255,255,.05);
border-radius:14px;
border:1px solid rgba(255,0,150,.2);
backdrop-filter:blur(6px);
position:relative;
overflow:hidden;
}

/* SHINE FAQ */
.neo-item::before{
content:"";
position:absolute;
top:0;
left:-100%;
width:100%;
height:100%;
background:linear-gradient(
90deg,
transparent,
rgba(255,0,150,.2),
transparent
);
animation:faqShine 4s infinite;
}

@keyframes faqShine{
0%{left:-100%}
100%{left:100%}
}

.neo-item summary{
padding:14px;
cursor:pointer;
font-weight:600;
position:relative;
z-index:1;
}

.neo-item summary::after{
content:"+";
position:absolute;
right:15px;
color:#ff2ebd;
}

.neo-item[open] summary::after{
content:"–";
}

.neo-ans{
padding:0 14px 14px;
color:#ccc;
z-index:1;
position:relative;
}

/* TESTIMONI GRID */
.neo-testi-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:15px;
margin-top:10px;
}

/* CARD */
.neo-card{
padding:16px;
border-radius:16px;
background:linear-gradient(145deg,#12061c,#0a0311);
border:1px solid rgba(255,0,150,.15);
position:relative;
overflow:hidden;
transition:.3s;
}

/* SHINE CARD */
.neo-card::before{
content:"";
position:absolute;
top:0;
left:-100%;
width:100%;
height:100%;
background:linear-gradient(
90deg,
transparent,
rgba(255,0,150,.3),
transparent
);
animation:cardShine 5s infinite;
}

@keyframes cardShine{
0%{left:-100%}
100%{left:100%}
}

.neo-card:hover{
transform:translateY(-6px) scale(1.02);
box-shadow:
0 10px 40px rgba(255,0,150,.3),
0 0 30px rgba(168,85,247,.3);
}

/* TOP */
.neo-top{
display:flex;
justify-content:space-between;
font-size:13px;
color:#ff2ebd;
margin-bottom:6px;
}

.neo-name{
font-weight:700;
margin-bottom:6px;
color:#fff;
}

.neo-text{
font-size:14px;
color:#ddd;
}

/* MOBILE */
@media(max-width:768px){
.neo-testi-grid{
grid-template-columns:1fr;
}
}