body{
    background: #F7F4F9;
    background-color:#F7F4F9;
    font-family:'Tajawal',sans-serif;
    min-height:100vh;
}
.site-page-shell{max-width:1200px;}
.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:#786D80;margin-bottom:30px;}
.site-page-content{
    background:rgba(15,23,42,.88);
    border:1px solid rgba(157,125,174,.20);
    border-radius:18px;
    padding:32px;
    box-shadow:0 10px 35px rgba(0,0,0,.45);
}
.feature-card{
    background:rgba(15,23,42,.95);
    border:1px solid rgba(157,125,174,.18);
    border-radius:16px;
    padding:20px;
    height:100%;
    transition:.25s ease;
}
.feature-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(0,0,0,.35);}
.feature-icon{
    width:52px;
    height:52px;
    border-radius:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#816298,#9D7DAE);
    color:#fff;
    margin-bottom:14px;
}
.feature-card h3{color:#422E59;font-size:1.05rem;}
.feature-card p{color:#66576F;margin-bottom:0;}
.section-label{
    color:#786D80;
    font-weight:700;
    margin-bottom:12px;
    display:inline-block;
}
footer{
    margin-top:40px;
    border-top:1px solid rgba(255,255,255,.05);
    padding-top:20px;
    color:#64748b;
}