/* Minimal, fast, CLS-safe CSS. Arabic RTL baseline */
:root{--c-primary:#0a7cff;--c-text:#111;--c-muted:#555;--c-bg:#fff;--radius:10px;--space:16px;}
*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Noto Kufi Arabic","Noto Sans Arabic",sans-serif;background:#fff;color:var(--c-text);line-height:1.7}
img{max-width:100%;height:auto;display:block}
a{color:var(--c-primary);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:980px;margin-inline:auto;padding:0 var(--space)}

/* Header */
.site-header{position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:saturate(180%) blur(6px);border-bottom:1px solid #eee;z-index:10}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px}
.brand{font-weight:800;color:#000}
.nav{display:flex;gap:12px;flex-wrap:wrap}
.nav-link{padding:6px 10px;border-radius:8px}
.nav-link:hover{background:#f5f7fb}

/* Typography */
h1{font-size:clamp(1.6rem,3.5vw,2.2rem);margin:22px 0 8px}
h2{font-size:clamp(1.1rem,2.8vw,1.4rem);color:var(--c-muted);margin:0 0 18px}
h3{font-size:1.05rem;margin:18px 0 8px}

/* Layout helpers */
.grid.two{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:700px){.grid.two{grid-template-columns:1fr 1fr}}
.cards{display:grid;grid-template-columns:1fr;gap:16px;margin:20px 0}
@media(min-width:700px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{border:1px solid #eee;border-radius:var(--radius);padding:14px}

/* Buttons */
.btn{display:inline-block;border-radius:999px;padding:10px 18px;font-weight:700;transition:transform .06s ease,box-shadow .2s ease;will-change:transform}
.btn:active{transform:scale(.98)}
.btn-primary{background:var(--c-primary);color:#fff;box-shadow:0 6px 16px rgba(10,124,255,.25)}
.btn-primary:hover{box-shadow:0 8px 18px rgba(10,124,255,.3)}
.btn-line{border:1px solid var(--c-primary);color:var(--c-primary);}
.btn-line:hover{background:#f0f6ff}

/* CTA */
.cta-wrap{display:grid;gap:8px;align-content:start;margin:20px 0}
.caption{color:var(--c-muted);margin:0}

/* Footer */
.site-footer{border-top:1px solid #eee;margin-top:28px}
.site-footer .container{padding:14px 16px}

/* Content */
ul{padding-right:22px}
ol{padding-right:22px}
.text-link{text-decoration:underline}

/* Forms */
input,textarea{width:100%;padding:10px 12px;border:1px solid #e5e5e5;border-radius:8px;background:#fff;color:inherit}
label{display:block;margin:.5rem 0 .25rem;color:#333}
.form{display:grid;gap:10px;max-width:580px}
.form .hint{color:var(--c-muted);font-size:.9rem}
.form .btn{width:max-content}