*{
box-sizing:border-box;
margin:0;
padding:0;
}

body{
font-family:'Cairo',Tahoma,Arial,sans-serif;
direction:rtl;
background:
radial-gradient(circle at 12% 10%,rgba(143,211,255,.40),transparent 26%),
linear-gradient(135deg,#eef7ff,#f9fcff);
color:#10233d;
min-height:100vh;
}

a{
text-decoration:none;
color:#2f86ff;
font-weight:900;
}

.legal-page{
max-width:980px;
margin:auto;
padding:24px;
}

.legal-card{
background:rgba(255,255,255,.94);
border:1px solid #d6e8f7;
border-radius:28px;
box-shadow:0 18px 55px rgba(72,115,155,.14);
padding:28px;
}

.legal-header{
text-align:center;
margin-bottom:22px;
}

.legal-header img{
width:110px;
max-height:80px;
object-fit:contain;
margin:auto auto 12px;
}

.legal-header span{
display:inline-flex;
padding:6px 14px;
border-radius:999px;
background:#dbeafe;
color:#1d4ed8;
font-size:12px;
font-weight:900;
margin-bottom:10px;
}

.legal-header h1{
font-size:34px;
margin-bottom:8px;
}

.legal-header p{
color:#647892;
font-weight:700;
line-height:1.9;
}

.legal-content{
display:grid;
gap:18px;
}

.legal-section{
background:#f4f9ff;
border:1px solid #d6e8f7;
border-radius:20px;
padding:18px;
}

.legal-section h2{
font-size:21px;
margin-bottom:8px;
}

.legal-section p,
.legal-section li{
color:#334155;
line-height:2;
font-weight:700;
font-size:14px;
}

.legal-section ul{
padding-right:20px;
}

.contact-form{
display:grid;
gap:12px;
}

.contact-form input,
.contact-form textarea{
width:100%;
border:1px solid #d6e8f7;
background:white;
border-radius:15px;
padding:12px 14px;
font-family:inherit;
outline:none;
}

.contact-form textarea{
min-height:130px;
resize:vertical;
}

.contact-form button,
.back-btn{
display:inline-flex;
justify-content:center;
align-items:center;
height:46px;
border:0;
border-radius:16px;
background:linear-gradient(135deg,#2f86ff,#8fd3ff);
color:white;
font-weight:900;
padding:0 18px;
cursor:pointer;
}

.back-row{
text-align:center;
margin-top:18px;
}

@media(max-width:600px){
    .legal-page{
        padding:12px;
    }

    .legal-card{
        padding:18px;
        border-radius:22px;
    }

    .legal-header h1{
        font-size:25px;
    }
}