*{
box-sizing:border-box;
}
.policy-page{
width:100%;
padding:50px 16px;
background:#fff;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.policy-container{
max-width:800px;
margin:0 auto;
}
.policy-header{
text-align:center;
margin-bottom:30px;
}
.policy-header h1{
margin:0;
font-size:38px;
font-weight:800;
color:#111;
}
.policy-header p{
margin-top:10px;
color:#777;
font-size:15px;
}
.contact-card{
background:#fff;
border:1px solid #E9E3ED;
border-radius:24px;
padding:30px;
box-shadow:0 10px 30px rgba(80,40,100,.06);
}
.contact-item{
display:flex;
align-items:flex-start;
gap:16px;
padding:18px 0;
border-bottom:1px solid #F0EDF2;
}
.contact-item:last-child{
border-bottom:none;
}
.icon{
width:48px;
height:48px;
border-radius:14px;
background:#F8F0FC;
color:#8E44AD;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
}
.contact-item h3{
margin:0 0 4px;
color:#111;
font-size:18px;
font-weight:700;
}
.contact-item p{
margin:0;
color:#666;
font-size:15px;
line-height:1.6;
}
@media(max-width:768px){
.policy-page{
padding:35px 12px;
}
.policy-header h1{
font-size:28px;
}
.contact-card{
padding:22px;
border-radius:18px;
}
.icon{
width:42px;
height:42px;
font-size:18px;
}
.contact-item h3{
font-size:16px;
}
.contact-item p{
font-size:14px;
}
}
