@font-face{font-family:Tajawal;src:url("../fonts/Tajawal-Regular.ttf") format("truetype");font-display:swap;font-weight:400}@font-face{font-family:Tajawal;src:url("../fonts/Tajawal-Bold.ttf") format("truetype");font-display:swap;font-weight:700}*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:#081226;color:#f8f5ee;font:19px/1.9 Tajawal,Arial,sans-serif}a{color:#ebce89;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid #e8c67a;outline-offset:5px;border-radius:5px}.wrap{max-width:1120px;margin:auto;padding:26px 24px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #35435b}.brand{font-size:26px;font-weight:700;text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;background:#e4c178;color:#0b1830;text-decoration:none;padding:10px 24px;border-radius:12px;font-weight:700}.hero{padding:72px 0 42px;max-width:860px}.eyebrow{color:#e4c178;letter-spacing:1px;font-size:17px}h1{font-size:clamp(32px,5vw,58px);line-height:1.4;margin:12px 0 20px}h2{font-size:28px;line-height:1.6}h3{color:#e4c178;font-size:22px;margin:0 0 10px}p{margin:0 0 18px}.muted{color:#b8c5da}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0 44px}.card{padding:26px;border:1px solid #344b6b;border-radius:18px;background:#0b2249}.number{font-size:17px;color:#e4c178;direction:ltr;unicode-bidi:isolate}.note{padding:24px;border-right:3px solid #e4c178;background:#10213b;border-radius:12px;margin:28px 0}details{border-bottom:1px solid #344b6b;padding:18px 0}summary{cursor:pointer;color:#ebce89;font-size:21px;font-weight:700}details p{margin-top:14px}.bottom{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid #344b6b;padding:28px 0;font-size:17px;margin-top:48px}code{direction:ltr;unicode-bidi:isolate}@media(max-width:650px){.wrap{padding:20px 18px}.hero{padding-top:40px}.grid{grid-template-columns:1fr}.brand{font-size:23px}.button{padding:8px 16px}.card{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}