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

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

.complaint-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 */
.complaint-box::before{
content:"";
position:absolute;
top:0;
left:-60%;
width:50%;
height:100%;
background:linear-gradient(
120deg,
transparent,
rgba(255,255,255,.55),
transparent
);
transform:skewX(-20deg);
animation:shine 4.5s infinite;
}

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

.complaint-box h1{
color:var(--primary);
font-size:1.55rem;
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){
.complaint-box{
padding:28px 20px;
}
.complaint-box h1{
font-size:1.3rem;
}
}