:root{--ink:#111A2E;--paper:#F6F3ED;--white:#fff;--blue:#FF5B62;--orange:#FF5B62;--muted:#656b77;--line:#e3e4e8;--max:980px}
*,*::before,*::after{box-sizing:border-box}
html{width:100%;max-width:100%;overflow-x:hidden;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Tajawal",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(calc(100% - 40px),1120px);margin-inline:auto}
.demo-banner{background:#fff0ea;color:#9b3d1a;text-align:center;padding:8px 14px;font-size:.82rem;font-weight:700;border-bottom:1px solid #ffd4c4}
.site-header{background:rgba(247,247,243,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(15px)}
.site-nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:1.18rem;font-weight:800}.brand-mark{position:relative;width:42px;height:42px;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 8px 22px rgba(255,91,98,.13)}.brand-mark img{position:absolute;width:74px;max-width:none;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.back-link{font-weight:700;color:#555b68}.back-link:hover{color:var(--blue)}
.legal-wrap{width:min(calc(100% - 40px),var(--max));margin-inline:auto;padding:70px 0 95px}.legal-header{padding-bottom:38px;border-bottom:1px solid var(--line)}.legal-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:800;font-size:.86rem}.legal-kicker::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--orange)}.legal-header h1{font-size:clamp(2.7rem,6vw,5.2rem);line-height:1.05;letter-spacing:-.05em;margin:17px 0 16px;font-weight:800}.legal-header p{max-width:720px;color:var(--muted);font-size:1.06rem;line-height:1.9;margin:0}.updated{display:inline-block;margin-top:18px;color:#666c78;font-size:.87rem;font-weight:700}
.legal-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:45px;padding-top:42px}.legal-nav{position:sticky;top:105px;height:max-content;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px}.legal-nav a{display:block;padding:10px 12px;border-radius:10px;color:#626875;font-size:.88rem;font-weight:700}.legal-nav a:hover{background:#fff0ef;color:var(--blue)}
.legal-content{min-width:0}.legal-section{padding:0 0 32px;margin-bottom:32px;border-bottom:1px solid var(--line);scroll-margin-top:110px}.legal-section:last-child{border-bottom:0}.legal-section h2{font-size:1.45rem;margin:0 0 14px;font-weight:800}.legal-section p,.legal-section li{color:#555b68;font-size:1rem;line-height:1.95}.legal-section p{margin:0 0 11px}.legal-section ul{margin:12px 0 0;padding-inline-start:23px}.legal-section li{margin-bottom:7px}.legal-section strong{color:var(--ink)}.legal-note{background:#fff0ef;border-inline-start:4px solid var(--blue);border-radius:14px;padding:18px 20px;color:#39425a!important}.inline-link{color:var(--blue);font-weight:800;text-decoration:underline;text-underline-offset:3px}.contact-box{background:var(--ink);color:#fff;border-radius:22px;padding:28px}.contact-box h2{margin-top:0}.contact-box p{color:#c2c8d6}.contact-box a{color:#9bb4ff;font-weight:800}
.site-footer{background:#fff;border-top:1px solid var(--line);padding:35px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;color:#7b818d;font-size:.86rem}.footer-links{display:flex;flex-wrap:wrap;gap:20px;font-weight:700}.footer-links a:hover{color:var(--blue)}
@media(max-width:760px){.container,.legal-wrap{width:min(calc(100% - 28px),var(--max))}.site-nav{min-height:66px}.back-link span{display:none}.legal-wrap{padding:48px 0 70px}.legal-header h1{font-size:3rem}.legal-layout{grid-template-columns:1fr;gap:28px}.legal-nav{position:static;display:flex;overflow:auto;white-space:nowrap}.legal-section{scroll-margin-top:85px}.footer-inner{display:grid;text-align:center;justify-content:center}.footer-links{justify-content:center}}
:where(a,button,input):focus-visible{outline:3px solid rgba(255,91,98,.4);outline-offset:3px}
