:root{
--primary:#091F5B;
--accent:#FF9900;
--light:#83C0EC;
--bg:#f4f6f9;
}

.survey-intro{
background:linear-gradient(135deg,#f7f9fc,#eef3fb);
padding:50px 20px;
display:flex;
justify-content:center;
}

.survey-box{
background:#fff;
max-width:720px;
padding:35px 30px;
border-radius:18px;
text-align:center;
box-shadow:0 10px 30px rgba(9,31,91,.12);
position:relative;
overflow:hidden;
}

/* Shine effect */
.survey-box::before{
content:"";
position:absolute;
top:0;
left:-60%;
width:50%;
height:100%;
background:linear-gradient(
120deg,
transparent,
rgba(255,255,255,.6),
transparent
);
transform:skewX(-20deg);
animation:shine 4s infinite;
}

@keyframes shine{
0%{left:-60%;}
60%{left:120%;}
100%{left:120%;}
}

.survey-box h1{
color:var(--primary);
font-size:1.6rem;
margin-bottom:10px;
}

.subtitle{
color:#4a5fa3;
font-size:1rem;
margin-bottom:18px;
}

.desc{
font-size:.95rem;
color:#444;
line-height:1.9;
margin-bottom:18px;
}

.highlight{
display:inline-block;
background:rgba(255,153,0,.12);
color:var(--accent);
padding:6px 18px;
border-radius:30px;
font-size:.85rem;
font-weight:bold;
}

/* Fade In */
.fade-in{
opacity:0;
transform:translateY(25px);
transition:opacity .7s ease, transform .7s ease;
}
.fade-in.visible{
opacity:1;
transform:none;
}

/* Responsive */
@media(max-width:768px){
.survey-box{
padding:28px 20px;
}
.survey-box h1{
font-size:1.3rem;
}
}