:root{color-scheme:light;--navy:#14213d;--green:#2b8a6e;--muted:#667085;--line:#dce7e3;--soft:#f3f8f6;--white:#fff}*{box-sizing:border-box}html{font-family:Arial,"Noto Sans Arabic",sans-serif;background:#f7f9f8;color:var(--navy)}body{margin:0;min-height:100vh}.legal-header{background:var(--white);border-bottom:1px solid var(--line)}.legal-header-inner,.legal-main{width:min(980px,calc(100% - 32px));margin:auto}.legal-header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px}.legal-brand{display:flex;align-items:center;gap:14px;color:var(--navy);text-decoration:none}.legal-brand img{width:84px;height:auto}.legal-brand strong{display:block;font-size:1.05rem}.legal-brand span{display:block;color:var(--muted);margin-top:5px;font-size:.9rem}.legal-nav{display:flex;gap:10px;flex-wrap:wrap}.legal-nav a{color:var(--navy);text-decoration:none;padding:10px 14px;border-radius:999px;background:var(--soft);font-weight:700}.legal-main{padding:50px 0 70px}.legal-hero,.legal-card{background:var(--white);border:1px solid var(--line);border-radius:24px;box-shadow:0 16px 42px rgba(20,33,61,.06)}.legal-hero{padding:38px;margin-bottom:20px;background:linear-gradient(145deg,#fff,#edf8f4)}.eyebrow{color:var(--green);font-weight:800;margin:0 0 10px}.legal-hero h1{font-size:clamp(2rem,6vw,3.5rem);line-height:1.15;margin:0 0 14px}.legal-hero p{color:var(--muted);font-size:1.05rem;line-height:1.8;margin:0}.legal-card{padding:34px;margin:18px 0}.legal-card h2{font-size:1.35rem;margin:0 0 14px}.legal-card h3{font-size:1.05rem;margin:24px 0 8px}.legal-card p,.legal-card li{line-height:1.85;color:#344054}.legal-card ul{margin:0;padding-inline-start:22px}.contact-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.contact-box a,.action-link{display:block;padding:16px 18px;border-radius:16px;background:var(--soft);color:var(--navy);text-decoration:none;font-weight:700;overflow-wrap:anywhere}.action-link{background:var(--navy);color:#fff;text-align:center;margin-top:18px}.legal-footer{text-align:center;color:var(--muted);padding:24px 16px 40px}@media(max-width:640px){.legal-header-inner{align-items:flex-start;flex-direction:column;padding:16px 0}.legal-nav{width:100%}.legal-nav a{flex:1;text-align:center}.legal-main{padding-top:24px}.legal-hero,.legal-card{padding:24px;border-radius:20px}.contact-box{grid-template-columns:1fr}.legal-brand img{width:68px}}