body{
background: #F7F4F9;
background-color:#F7F4F9;
font-family:'Tajawal',sans-serif;
min-height:100vh;
}

.site-page-shell{
max-width:950px;
}

.site-page-title{
font-size:42px;
font-weight:800;
background: linear-gradient(90deg,#CBB4E2,#9D7DAE);
-webkit-background-clip:text;
color:transparent;
margin-bottom:10px;
}

.site-page-lead{
font-size:18px;
color:#CBB4E2;
margin-bottom:30px;
}

.site-page-content{
background:rgba(255,255,255,.96);
border:1px solid rgba(157,125,174,0.2);
border-radius:16px;
padding:35px;
box-shadow:0 10px 35px rgba(0,0,0,0.5);
}

.site-info-card{
background:rgba(157,125,174,0.12);
border:1px solid rgba(157,125,174,0.2);
border-radius:12px;
padding:20px;
text-align:center;
transition:0.3s;
}

.site-info-card:hover{
transform:translateY(-4px);
box-shadow:0 8px 20px rgba(0,0,0,0.5);
}

.site-info-card i{
font-size:22px;
color:#CBB4E2;
margin-bottom:10px;
display:block;
}

.site-info-card strong{
display:block;
font-size:16px;
margin-bottom:5px;
color:#422E59;
}

.site-info-card span{
color:#94a3b8;
font-size:14px;
}

.contact-form{
margin-top:35px;
}

.contact-form input,
.contact-form textarea{
background:#020617;
border:1px solid rgba(255,255,255,0.08);
color:#422E59;
}

.contact-form input:focus,
.contact-form textarea:focus{
border-color:#9D7DAE;
box-shadow:none;
}

.contact-form button{
background:linear-gradient(90deg,#9D7DAE,#9D7DAE);
border:none;
}

.contact-form button:hover{
opacity:.9;
}

footer{
margin-top:40px;
border-top:1px solid rgba(255,255,255,0.05);
padding-top:20px;
color:#64748b;
}
.contact-success-content {
    background: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);
    color: #392B48;
}
.contact-success-icon {
    width: 72px;
    height: 72px;
    background: rgba(34, 197, 94, .12);
    color: #22c55e;
    font-size: 1.8rem;
}
.contact-success-heading,
.contact-success-reference {
    color: #392B48;
}
.contact-success-copy {
    color: #334155;
}