:root{--saarle-ink:#24163d;--saarle-purple:#5b27c9;--saarle-line:#e5dff0}
body{background:#f6f4fa;color:var(--saarle-ink);font-family:Inter,'Noto Sans Arabic',sans-serif;font-size:16px;margin:0}
body[dir=rtl],html[dir=rtl] body{font-family:'Noto Sans Arabic',Inter,sans-serif}
.saarle-header{max-width:1440px;margin:auto;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.saarle-brand{display:flex;align-items:center;color:#28143f;text-decoration:none}
.saarle-brand img{display:block;object-fit:contain;width:112px;height:56px}
.saarle-header nav{display:flex;align-items:center;gap:28px}
.saarle-header nav a,.saarle-header button{color:#38234f;text-decoration:none;background:none;border:0;font-size:.95rem;font-weight:650}
.saarle-header nav a:hover{color:#5b27c9}
.saarle-header button{border:1px solid #d7cee5;background:white;border-radius:12px;padding:10px 16px;cursor:pointer}
.saarle-footer{max-width:1376px;margin:0 auto;border-top:1px solid var(--saarle-line);padding:32px 0;color:#625771;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;font-size:.9rem}
.saarle-footer strong{font-size:1.25rem;color:#321857}.saarle-footer p{margin:8px 0 0}.saarle-footer>p{flex-basis:100%;font-size:.85rem}
.saarle-footer nav{display:flex;gap:22px;align-items:start;flex-wrap:wrap}.saarle-footer a{color:#53358b}
.skip-link{position:absolute;top:-100px;inset-inline-start:16px;padding:12px;background:white;z-index:100}.skip-link:focus{top:8px}
.saarle-header a:focus-visible,.saarle-header button:focus-visible{outline:3px solid #5b27c9;outline-offset:4px}
@media(max-width:700px){.saarle-header{padding:16px;gap:14px}.saarle-header nav{gap:14px}.saarle-header nav a,.saarle-header button{font-size:.8rem}.saarle-header nav a:nth-child(2){display:none}.saarle-footer{margin:0 16px;padding:26px 0}.saarle-brand img{width:96px;height:48px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}