:root{--navy:#08172d;--beige:#e8d8bd;--cream:#f5efe5;--ink:#10213a;--muted:#6d7888;--line:#d8d2c8;--white:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Tajawal",sans-serif;line-height:1.85}.legal-nav{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 920px)/2))}.legal-brand{display:flex;align-items:center;gap:10px;color:var(--navy);font-size:20px;font-weight:800;text-decoration:none}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#f4e6d5 url('masarak-logo.jpeg') center 48%/170% no-repeat;color:transparent;font-size:0;border:1px solid rgba(8,23,45,.12);box-shadow:0 5px 14px rgba(8,23,45,.12)}.back{color:var(--navy);font-weight:800;text-underline-offset:4px}.legal-wrap{max-width:920px;margin:55px auto;padding:0 22px 70px}.legal-hero{background:var(--navy);color:#fff;padding:38px;border-radius:24px;margin-bottom:24px}.legal-hero p{color:#bcc7d5;margin:8px 0 0}.legal-hero h1{font-size:clamp(32px,5vw,48px);margin:0}.legal-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px;margin-bottom:14px}.legal-card h2{margin:0 0 10px;font-size:23px}.legal-card p,.legal-card li{color:#4f5d70}.legal-card ul{padding-right:22px}.notice{background:#eadcc5;border-right:4px solid #9a7240;padding:14px 18px;border-radius:10px;color:#544634}.legal-footer{border-top:1px solid var(--line);padding:28px 20px;text-align:center;color:var(--muted)}.legal-footer a{color:var(--navy);margin:0 8px}@media(max-width:600px){.legal-hero,.legal-card{padding:23px}.legal-wrap{margin-top:30px}}