:root{color-scheme:dark;--bg:#08111f;--panel:#111e32;--text:#f5f7fb;--muted:#b5c1d2;--accent:#fbbf24;--line:#29405f}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#08111f,#13243b);color:var(--text);font-family:Arial,"Noto Sans Arabic",sans-serif;line-height:1.9}main{max-width:980px;margin:auto;padding:28px 18px 60px}nav{display:flex;gap:14px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:10px 0}a{color:#fcd34d}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.25;margin:34px 0 12px}h2{color:#fde68a;margin-top:34px}.lead{font-size:1.15rem;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px}.card{background:rgba(17,30,50,.92);border:1px solid var(--line);border-radius:14px;padding:18px}.card h3{margin-top:0}.answer{color:#86efac;font-weight:bold}.cta{display:inline-block;background:var(--accent);color:#151515;padding:10px 18px;border-radius:9px;text-decoration:none;font-weight:bold;margin-top:10px}footer{border-top:1px solid var(--line);margin-top:40px;padding-top:18px;color:var(--muted);font-size:.9rem}