@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src: url("../fonts/tajawal-400.woff2") format("woff2")}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src: url("../fonts/tajawal-700.woff2") format("woff2")}@font-face{font-family:Tajawal;font-style:normal;font-weight:800;font-display:swap;src: url("../fonts/tajawal-800.woff2") format("woff2")}:root{--navy-900:#0b1528;--navy:#101d35;--navy-deep:#172b4d;--navy-2:#243c60;--navy-grad:#304b75;--ivory:#f8f5ef;--ivory-2:#f1ece2;--paper:#fffdf9;--emerald:#26745b;--emerald-600:#1f624c;--emerald-700:#184e3d;--emerald-tint:#e5f1ec;--gold:#d5ad65;--gold-soft:#ead6ad;--gold-ink:#8a6420;--text:#17243b;--muted:#56647a;--muted-light:#64748b;--on-navy:#f8f5ef;--on-navy-muted:#b9c4d6;--line:#e3dccd;--line-strong:#d3c8b4;--error:#a3302d;--error-tint:#fbeceb;--grad-hero:radial-gradient(120% 90% at 0% 0%,rgba(48,75,117,0.85) 0%,rgba(48,75,117,0) 55%),radial-gradient(70% 60% at 100% 100%,rgba(38,116,91,0.28) 0%,rgba(38,116,91,0) 60%),linear-gradient(160deg,#172b4d 0%,#101d35 55%,#0b1528 100%);--grad-header:linear-gradient(180deg,rgba(23,43,77,0.96) 0%,rgba(16,29,53,0.96) 100%);--grad-footer:linear-gradient(180deg,#101d35 0%,#0b1528 100%);--grad-emerald:linear-gradient(180deg,#2b8467 0%,#26745b 55%,#1f624c 100%);--grad-gold-line:linear-gradient(90deg,rgba(213,173,101,0) 0%,#d5ad65 50%,rgba(213,173,101,0) 100%);--grad-card:linear-gradient(180deg,#fffdf9 0%,#faf6ee 100%);--grad-result:radial-gradient(90% 120% at 100% 0%,rgba(48,75,117,0.9) 0%,rgba(48,75,117,0) 60%),linear-gradient(165deg,#172b4d 0%,#101d35 100%);--texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23D5AD65' stroke-width='1' stroke-opacity='.5'%3E%3Crect x='31' y='31' width='34' height='34'/%3E%3Crect x='31' y='31' width='34' height='34' transform='rotate%2845 48 48%29'/%3E%3Ccircle cx='48' cy='48' r='9'/%3E%3Cpath d='M0 0l24 24M96 0L72 24M0 96l24-24M96 96L72 72M48 0v14M48 82v14M0 48h14M82 48h14'/%3E%3C/g%3E%3C/svg%3E");--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-sm:10px;--radius-input:14px;--radius-card:20px;--radius-panel:28px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(16,29,53,0.06),0 2px 8px rgba(16,29,53,0.05);--shadow:0 1px 2px rgba(16,29,53,0.05),0 12px 28px -8px rgba(16,29,53,0.14);--shadow-lift:0 2px 4px rgba(16,29,53,0.06),0 22px 44px -12px rgba(16,29,53,0.28);--shadow-tool:0 1px 0 rgba(255,255,255,0.7) inset,0 30px 60px -20px rgba(4,10,22,0.55),0 8px 20px -10px rgba(4,10,22,0.35);--glow-gold:0 0 0 1px rgba(213,173,101,0.35),0 8px 24px -6px rgba(213,173,101,0.35);--font: Tajawal,"Segoe UI",Tahoma,"Noto Sans Arabic",sans-serif;--fs-xs:13px;--fs-caption:14px;--fs-small:15px;--fs-body:17px;--fs-lede:18px;--fs-h3:18px;--fs-h2:23px;--fs-h1:32px;--fs-display:46px;--fs-timer:34px;--lh-body:1.8;--lh-heading:1.35;--lh-tight:1.1;--content:760px;--wide:1160px;--gutter:16px;--control:52px;--header-h:64px;--ad-slot-size:64px;--ease:cubic-bezier(0.22,0.61,0.36,1);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.4,0.64,1);--dur-fast:160ms;--dur:280ms;--dur-slow:560ms;--focus-ring:0 0 0 3px var(--paper),0 0 0 5px var(--emerald);--focus-ring-dark:0 0 0 2px var(--navy),0 0 0 4px var(--gold);--i-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E");--i-share: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='m8.59 13.51 6.83 3.98'/%3E%3Cpath d='m15.41 6.51-6.82 3.98'/%3E%3C/svg%3E");--i-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");--i-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");--i-alert: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E");--i-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");--i-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E");--i-swap: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 16-4 4-4-4'/%3E%3Cpath d='M17 20V4'/%3E%3Cpath d='m3 8 4-4 4 4'/%3E%3Cpath d='M7 4v16'/%3E%3C/svg%3E");--i-bulb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3C/svg%3E");--i-calc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='16' height='20' x='4' y='2' rx='2'/%3E%3Cpath d='M8 6h8'/%3E%3Cpath d='M16 14v4'/%3E%3Cpath d='M16 10h.01'/%3E%3Cpath d='M12 10h.01'/%3E%3Cpath d='M8 10h.01'/%3E%3Cpath d='M12 14h.01'/%3E%3Cpath d='M8 14h.01'/%3E%3Cpath d='M12 18h.01'/%3E%3Cpath d='M8 18h.01'/%3E%3C/svg%3E");--i-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");--i-calendar-em: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2326745b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");--i-bulb-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3C/svg%3E");--i-chevron-navy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23101d35' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E");color-scheme:light;accent-color:var(--emerald)}@media (min-width: 768px){:root{--gutter:24px;--header-h:72px;--fs-h1:44px;--fs-h2:28px;--fs-h3:19px;--fs-display:64px;--fs-timer:46px;--fs-lede:19px}}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}html{scroll-behavior:smooth;scroll-padding-block-start:calc(var(--header-h) + 12px);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-block-size:100vh;background-color:var(--ivory);background-image:radial-gradient(900px 400px at 100% 0%,rgba(213,173,101,0.07),transparent 70%);color:var(--text);font-family:var(--font);font-size:var(--fs-body);font-weight:400;line-height:var(--lh-body);overflow-x:clip;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility}img,svg{display:block;max-inline-size:100%}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}p{margin-block:0 var(--space-4)}h1,h2,h3{margin-block:0;font-weight:800;line-height:var(--lh-heading);text-wrap:balance}h1{font-size:var(--fs-h1);letter-spacing:-0.01em}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}a{color:var(--emerald);text-decoration-thickness:1px;text-underline-offset:0.3em;transition:color var(--dur-fast) var(--ease)}a:hover{color:var(--emerald-700)}:focus-visible{outline:2px solid var(--emerald);outline-offset:3px;border-radius:6px}::placeholder{color:#8592a6;opacity:1}::selection{background:rgba(213,173,101,0.4);color:var(--navy)}bdi{font-variant-numeric:tabular-nums}.icon{inline-size:1.25em;block-size:1.25em;flex:none}.wrap{max-inline-size:var(--content);margin-inline:auto;padding-inline:var(--gutter)}.wrap-wide{max-inline-size:calc(var(--wide) + 2 * var(--gutter))}.skip-link{position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);z-index:60;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--gold);color:var(--navy);font-weight:700;text-decoration:none;transform:translateY(-200%)}.skip-link:focus{transform:none}.sr-only{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.site-header{position:sticky;inset-block-start:0;z-index:40;background:var(--grad-header);color:var(--on-navy);view-transition-name:site-header;transition:box-shadow var(--dur) var(--ease)}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.site-header{-webkit-backdrop-filter:saturate(150%) blur(14px);backdrop-filter:saturate(150%) blur(14px)}}.site-header.is-scrolled{box-shadow:0 12px 30px -12px rgba(4,10,22,0.6)}.site-header :focus-visible{outline-color:var(--gold)}.accent-bar{block-size:1px;background:var(--grad-gold-line);opacity:0.8}.header-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-block-size:var(--header-h)}.brand,.footer-brand{display:inline-flex;align-items:center;gap:10px;color:var(--on-navy);font-size:22px;font-weight:800;text-decoration:none;letter-spacing:-0.01em}.brand img,.footer-brand img{inline-size:34px;block-size:34px;border-radius:10px;box-shadow:0 0 0 1px rgba(213,173,101,0.55),0 6px 16px -6px rgba(0,0,0,0.6);transition:transform var(--dur) var(--ease-spring)}.brand:hover{color:#fff}.brand:hover img{transform:rotate(-6deg) scale(1.05)}.header-actions{display:flex;align-items:center;gap:var(--space-2)}a.btn.btn-header{display:none}@media (min-width: 768px){a.btn.btn-header{display:inline-flex;min-block-size:42px;padding-inline:18px;border-radius:var(--radius-pill);background:var(--gold);color:var(--navy);font-size:var(--fs-small);box-shadow:var(--glow-gold)}a.btn.btn-header::before{content: "";inline-size:18px;block-size:18px;background:currentColor;-webkit-mask:var(--i-calc) center / contain no-repeat;mask:var(--i-calc) center / contain no-repeat}a.btn.btn-header:hover{background:#e0bd7c;color:var(--navy)}}.menu-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-inline-size:44px;min-block-size:44px;padding-inline:11px;border:1px solid rgba(248,245,239,0.18);border-radius:14px;background:rgba(248,245,239,0.06);color:var(--on-navy);font-weight:700;font-size:var(--fs-small);transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.menu-btn:hover{background:rgba(248,245,239,0.12);border-color:rgba(213,173,101,0.6)}.menu-btn:active{transform:scale(0.96)}.menu-btn[aria-expanded="true"]{background:rgba(213,173,101,0.16);border-color:var(--gold)}.menu-btn .menu-icon{position:relative;inline-size:22px;block-size:22px}.menu-btn .menu-icon .icon{position:absolute;inset:0;inline-size:22px;block-size:22px;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease-out)}.menu-btn .menu-icon .icon-close,.menu-btn[aria-expanded="true"] .menu-icon .icon-open{opacity:0;transform:rotate(-90deg) scale(0.6)}.menu-btn[aria-expanded="true"] .menu-icon .icon-close{opacity:1;transform:none}.menu-label{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (min-width: 560px){.menu-label{position:static;inline-size:auto;block-size:auto;overflow:visible;clip:auto}.menu-btn{padding-inline:14px 16px}}.segment{position:relative;display:grid;grid-auto-columns:1fr;grid-auto-flow:column;padding:4px;border:1px solid var(--line);border-radius:16px;background:var(--ivory-2);isolation:isolate}.segment button{position:relative;z-index:1;min-block-size:46px;padding-inline:var(--space-4);border:0;border-radius:12px;background:transparent;color:var(--muted);font-weight:700;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.segment button:hover{color:var(--text)}.segment button[aria-pressed="true"],.segment button[aria-checked="true"]{background:var(--navy);color:var(--on-navy);box-shadow:0 6px 14px -6px rgba(16,29,53,0.6)}@supports selector(:has(*)){.segment::before{content: "";position:absolute;z-index:0;inset-block:4px;inset-inline-start:4px;inline-size:calc(50% - 4px);border-radius:12px;background:linear-gradient(180deg,var(--navy-2) 0%,var(--navy) 100%);box-shadow:0 6px 14px -6px rgba(16,29,53,0.6);transition:transform var(--dur-slow) var(--ease-out)}.segment:has(button:nth-child(2):is([aria-pressed="true"],[aria-checked="true"]))::before{transform:translateX(-100%)}[dir="ltr"] .segment:has(button:nth-child(2):is([aria-pressed="true"],[aria-checked="true"]))::before{transform:translateX(100%)}.segment button[aria-pressed="true"],.segment button[aria-checked="true"]{background:transparent;box-shadow:none}}.segment-digits{border-color:rgba(248,245,239,0.16);background:rgba(248,245,239,0.06);border-radius:14px}.segment-digits button{min-block-size:36px;min-inline-size:44px;padding-inline:8px;color:var(--on-navy-muted);font-size:var(--fs-small);border-radius:10px}.segment-digits button:hover{color:#fff}.site-header .segment-digits button[aria-pressed="true"]{color:var(--navy)}@supports not selector(:has(*)){.site-header .segment-digits button[aria-pressed="true"]{background:var(--ivory)}}.segment-digits::before{background:var(--ivory) !important;border-radius:10px !important;box-shadow:none !important}.site-nav{position:absolute;inset-inline:0;inset-block-start:100%;max-block-size:calc(100dvh - var(--header-h));overflow-y:auto;overscroll-behavior:contain;border-block-start:1px solid rgba(213,173,101,0.25);background-color:var(--navy-900);background-image:radial-gradient(80% 60% at 100% 0%,rgba(48,75,117,0.55) 0%,rgba(48,75,117,0) 70%),linear-gradient(180deg,var(--navy) 0%,var(--navy-900) 100%);box-shadow:0 28px 50px -20px rgba(4,10,22,0.75);opacity:1;transform:none;transition:opacity var(--dur) var(--ease),transform var(--dur-slow) var(--ease-out),display var(--dur) allow-discrete}@starting-style{.site-nav{opacity:0;transform:translateY(-10px)}}.site-nav ul{display:grid;gap:6px;margin:0;padding:var(--space-4) 0 var(--space-5);list-style:none}.site-nav a{display:flex;align-items:center;gap:var(--space-3);min-block-size:52px;padding:8px 12px;border:1px solid transparent;border-radius:14px;color:var(--on-navy);font-weight:700;text-decoration:none;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur) var(--ease-out)}.site-nav a .nav-icon{display:grid;place-items:center;inline-size:36px;block-size:36px;flex:none;border-radius:10px;background:rgba(213,173,101,0.12);color:var(--gold)}.site-nav a .nav-icon .icon{inline-size:20px;block-size:20px}.site-nav a:hover{background:rgba(248,245,239,0.07);border-color:rgba(248,245,239,0.1);color:#fff}.site-nav a[aria-current="page"]{background:rgba(213,173,101,0.12);border-color:rgba(213,173,101,0.45)}.site-nav a[aria-current="page"]::after{content: "";margin-inline-start:auto;inline-size:8px;block-size:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(213,173,101,0.2)}@media (min-width: 560px){.site-nav ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 960px){.site-nav ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-block:var(--space-5) var(--space-6)}}main{display:block;padding-block-end:var(--space-8)}main>.banner:first-child:not([hidden]){margin-block-start:var(--space-4)}.hero-layout,main>.page-intro,main>.crumbs{position:relative;margin-inline:calc(50% - 50vw);padding-inline:max(var(--gutter),calc(50vw - var(--wide) / 2));background-color:var(--navy);color:var(--on-navy)}.hero-layout,main>.page-intro{isolation:isolate;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520' viewBox='0 0 520 520'%3E%3Cg fill='none' stroke='%23D5AD65'%3E%3Ccircle cx='260' cy='260' r='250' stroke-opacity='.10'/%3E%3Ccircle cx='260' cy='260' r='190' stroke-opacity='.14' stroke-dasharray='2 10'/%3E%3Ccircle cx='260' cy='260' r='130' stroke-opacity='.10'/%3E%3Cpath d='M292 206a62 62 0 1 0 0 108 50 50 0 1 1 0-108Z' stroke-opacity='.35' fill='%23D5AD65' fill-opacity='.06'/%3E%3C/g%3E%3Cg fill='%23D5AD65'%3E%3Ccircle cx='260' cy='10' r='4' fill-opacity='.55'/%3E%3Ccircle cx='450' cy='260' r='3' fill-opacity='.4'/%3E%3Ccircle cx='125' cy='395' r='3.5' fill-opacity='.35'/%3E%3C/g%3E%3C/svg%3E"),var(--grad-hero);background-repeat:no-repeat;background-size:420px 420px,100% 100%,100% 100%,100% 100%,100% 100%;background-position:left -210px top -150px,0 0,0 0,0 0,0 0;padding-block:var(--space-5) var(--space-7);border-end-start-radius:50% 28px;border-end-end-radius:50% 28px}main>.crumbs{z-index:1;background:#142443;padding-block:12px 0}main>.crumbs + .hero-layout,main>.crumbs + .page-intro{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520' viewBox='0 0 520 520'%3E%3Cg fill='none' stroke='%23D5AD65'%3E%3Ccircle cx='260' cy='260' r='250' stroke-opacity='.10'/%3E%3Ccircle cx='260' cy='260' r='190' stroke-opacity='.14' stroke-dasharray='2 10'/%3E%3Ccircle cx='260' cy='260' r='130' stroke-opacity='.10'/%3E%3Cpath d='M292 206a62 62 0 1 0 0 108 50 50 0 1 1 0-108Z' stroke-opacity='.35' fill='%23D5AD65' fill-opacity='.06'/%3E%3C/g%3E%3Cg fill='%23D5AD65'%3E%3Ccircle cx='260' cy='10' r='4' fill-opacity='.55'/%3E%3Ccircle cx='450' cy='260' r='3' fill-opacity='.4'/%3E%3Ccircle cx='125' cy='395' r='3.5' fill-opacity='.35'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,#142443 0px,rgba(20,36,67,0) 140px),var(--grad-hero);padding-block-start:var(--space-4)}main>.page-intro,main>.crumbs:has(+ .page-intro){max-inline-size:none;padding-inline:max(var(--gutter),calc(50vw - var(--content) / 2))}.hero-layout::before,main>.page-intro::before{content: "";position:absolute;inset:0;z-index:-1;background-image:var(--texture);background-size:96px 96px;opacity:0.09;border-radius:inherit;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,0.6) 60%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,0.6) 60%,transparent 100%);pointer-events:none}.hero-layout{margin-block-end:var(--space-7)}main>.page-intro{margin-block-end:var(--space-6);padding-block-end:var(--space-8)}@media (min-width: 960px){.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);align-items:start;gap:var(--space-8);padding-block:var(--space-8) var(--space-9)}.hero-layout,main>.page-intro{border-end-start-radius:50% 64px;border-end-end-radius:50% 64px;background-size:560px 560px,100% 100%,100% 100%,100% 100%,100% 100%;background-position:left 8% bottom -260px,0 0,0 0,0 0,0 0}main>.crumbs + .hero-layout{padding-block-start:var(--space-6)}.hero-layout>.page-intro{padding-block-start:var(--space-5)}main>.page-intro{padding-block:var(--space-8) var(--space-9)}}.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;padding:0;list-style:none;font-size:var(--fs-caption);color:var(--on-navy-muted)}.crumbs li{display:inline-flex;align-items:center;gap:8px}.crumbs li:not(:last-child)::after{content: "";inline-size:14px;block-size:14px;background:var(--gold);opacity:0.8;-webkit-mask:var(--i-chevron) center / contain no-repeat;mask:var(--i-chevron) center / contain no-repeat}.crumbs a{color:var(--on-navy);text-decoration:none;padding-block:6px}.crumbs a:hover{color:var(--gold)}.crumbs [aria-current="page"]{color:var(--gold-soft)}.page-intro{max-inline-size:40rem}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-block-end:var(--space-3);padding:4px 12px 4px 14px;border:1px solid rgba(213,173,101,0.4);border-radius:var(--radius-pill);background:rgba(213,173,101,0.1);color:var(--gold-soft);font-size:var(--fs-caption);font-weight:700}.eyebrow::before{content: "";inline-size:7px;block-size:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(213,173,101,0.18)}.page-intro h1{color:#fff}.lede{margin-block:var(--space-3) var(--space-5);color:var(--on-navy-muted);font-size:var(--fs-lede);line-height:1.75}.hero-layout>.banner,.hero-layout>noscript{grid-column:1 / -1}.tool{position:relative;display:grid;gap:var(--space-4);padding:20px;border:1px solid rgba(255,255,255,0.6);border-radius:var(--radius-panel);background:var(--grad-card);color:var(--text);box-shadow:var(--shadow-tool)}.tool::before{content: "";position:absolute;inset-block-start:-1px;inset-inline:28px;block-size:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,rgba(213,173,101,0) 0%,var(--gold) 30%,var(--emerald) 70%,rgba(38,116,91,0) 100%)}@media (min-width: 400px){.tool{padding:24px}}@media (min-width: 768px){.tool{padding:32px}}.tool :focus-visible{outline:none;box-shadow:var(--focus-ring)}main>.tool{max-inline-size:46rem;margin-inline:auto}fieldset{display:grid;gap:var(--space-3);margin:0;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-card);background:rgba(255,255,255,0.55)}@media (min-width: 700px) and (max-width: 959px){#diff-form{grid-template-columns:repeat(2,minmax(0,1fr))}#diff-form>:not(fieldset){grid-column:1 / -1}}legend{padding-inline:8px;color:var(--navy);font-weight:800}.field{display:grid;gap:6px;min-inline-size:0}.field label,.check{color:var(--text);font-size:var(--fs-small);font-weight:700}.fields-hijri{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row dense;gap:var(--space-3)}.fields-hijri .field-month{grid-column:1 / -1}@media (min-width: 400px){.fields-hijri{grid-template-columns:minmax(0,0.9fr) minmax(0,1.5fr) minmax(0,1.1fr)}.fields-hijri .field-month{grid-column:auto}}.select-wrap{position:relative}input[type="date"],input[type="text"],input[type="email"],select,textarea{inline-size:100%;min-block-size:var(--control);padding:10px 14px;border:1.5px solid var(--line-strong);border-radius:var(--radius-input);background:#fff;color:var(--text);font-size:17px;font-weight:700;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur-fast) var(--ease);-webkit-appearance:none;appearance:none}input[type="date"]{text-align:end;font-variant-numeric:tabular-nums}input[type="date"]::-webkit-calendar-picker-indicator{opacity:0.65;cursor:pointer}select{padding-inline-end:38px;text-overflow:ellipsis;cursor:pointer}textarea{min-block-size:140px;resize:vertical;font-weight:400;line-height:1.7}input:hover,select:hover,textarea:hover{border-color:#b9ab92}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--emerald);box-shadow:0 0 0 4px rgba(38,116,91,0.16) !important}.chevron{position:absolute;inset-block-start:50%;inset-inline-end:12px;inline-size:20px;block-size:20px;color:var(--muted);transform:translateY(-50%);pointer-events:none}[aria-invalid="true"]{border-color:var(--error) !important;background:var(--error-tint) !important}.field-error{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;border-radius:12px;background:var(--error-tint);color:var(--error);font-size:var(--fs-small);font-weight:700;animation:shake 360ms var(--ease)}.field-error::before{content: "";flex:none;inline-size:18px;block-size:18px;margin-block-start:3px;background:currentColor;-webkit-mask:var(--i-alert) center / contain no-repeat;mask:var(--i-alert) center / contain no-repeat}.check{display:flex;align-items:center;gap:10px;min-block-size:44px;padding:6px 12px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.check:hover{border-color:var(--emerald)}.check:has(input:checked){border-color:var(--emerald);background:var(--emerald-tint)}.check input{inline-size:20px;block-size:20px;margin:0;accent-color:var(--emerald)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:50px;padding:10px 20px;border:1.5px solid transparent;border-radius:14px;font-weight:800;font-size:16px;line-height:1.2;text-align:center;text-decoration:none;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.btn:active{transform:scale(0.97)}.btn-primary{background:var(--grad-emerald);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,0.2) inset,0 10px 22px -10px rgba(38,116,91,0.8)}.btn-primary:hover{background:linear-gradient(180deg,#2f9071 0%,#26745b 100%);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,0.2) inset,0 14px 28px -10px rgba(38,116,91,0.9);transform:translateY(-1px)}.btn-primary:active{transform:scale(0.97)}.btn-ghost{border-color:var(--line-strong);background:#fff;color:var(--navy)}.btn-ghost:hover{border-color:var(--navy);background:var(--paper);color:var(--navy)}.btn[data-copy]::before,.btn[data-share]::before,.btn[data-swap]::before,.btn[data-swap-cal]::before,#contact-form .btn::before{content: "";flex:none;inline-size:18px;block-size:18px;background:currentColor;-webkit-mask:var(--i-copy) center / contain no-repeat;mask:var(--i-copy) center / contain no-repeat;transition:transform var(--dur) var(--ease-spring)}.btn[data-share]::before{-webkit-mask-image:var(--i-share);mask-image:var(--i-share)}.btn[data-swap]::before,.btn[data-swap-cal]::before{-webkit-mask-image:var(--i-swap);mask-image:var(--i-swap)}.btn[data-swap]:hover::before,.btn[data-swap-cal]:hover::before{transform:rotate(180deg)}.btn.is-done{background:var(--gold) !important;border-color:var(--gold) !important;color:var(--navy) !important}.btn.is-done::before{-webkit-mask-image:var(--i-check) !important;mask-image:var(--i-check) !important;animation:pop 420ms var(--ease-spring)}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-block-start:var(--space-2)}.actions .btn{inline-size:100%;padding-inline:10px;white-space:nowrap}@media (max-width: 359px){.actions .btn{font-size:15px;gap:6px}}.btn-wide{inline-size:100%}.tool>.btn{justify-self:stretch}@media (min-width: 560px){.tool>.btn-primary{justify-self:start;min-inline-size:200px}}.result{display:grid}.result-empty{display:flex;align-items:center;gap:12px;margin:0;padding:18px;border:1.5px dashed var(--line-strong);border-radius:var(--radius-card);background:rgba(255,255,255,0.6);color:var(--muted);font-size:var(--fs-small)}.result-empty::before{content: "";flex:none;inline-size:40px;block-size:40px;border-radius:12px;background:var(--emerald-tint) var(--i-calendar-em) center / 20px no-repeat;-webkit-mask:none}[data-filled]{position:relative;overflow:hidden;padding:22px 20px 20px;border-radius:var(--radius-card);background:var(--grad-result);color:var(--on-navy);box-shadow:0 18px 40px -18px rgba(16,29,53,0.7);isolation:isolate}[data-filled]::before{content: "";position:absolute;inset:0;z-index:-1;background:var(--texture) 0 0 / 80px 80px;opacity:0.07}[data-filled]:not([hidden]){animation:result-in var(--dur-slow) var(--ease-out) both}.result-kicker{margin-block-end:6px;color:var(--gold-soft);font-size:var(--fs-caption);font-weight:700}.tool[data-countdown]>.result-kicker{color:var(--gold-ink);margin:0}.result-hero{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-block:0 var(--space-4);font-size:var(--fs-display);font-weight:800;line-height:var(--lh-tight);color:#fff}.result-hero bdi{background:linear-gradient(180deg,#f3dcae 0%,var(--gold) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.result-hero span{font-size:0.42em;font-weight:700;color:var(--on-navy)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 var(--space-4);padding:0;list-style:none}.chips:empty{display:none}.chips li{padding:6px 12px;border:1px solid rgba(213,173,101,0.35);border-radius:var(--radius-pill);background:rgba(213,173,101,0.1);color:var(--on-navy);font-size:var(--fs-caption);font-weight:700}.stats{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:0 0 var(--space-4)}.stats:empty{display:none}.stats>div{display:grid;grid-template-columns:fit-content(42%) minmax(0,1fr);gap:12px;align-items:baseline;padding:10px 12px;border:1px solid rgba(248,245,239,0.1);border-radius:14px;background:rgba(248,245,239,0.06)}.stats dd{text-align:end}.stats dt{color:var(--on-navy-muted);font-size:var(--fs-xs);font-weight:400}.stats dd{margin:0;color:#fff;font-weight:800;font-size:var(--fs-small);line-height:1.5}@media (min-width: 640px){.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stats>div{grid-template-columns:1fr;gap:2px;align-content:start}.stats dd{text-align:start}[data-filled]{padding:26px 26px 24px}}.result-note{margin-block:0 var(--space-3);padding:10px 12px;border-inline-start:3px solid var(--gold);border-radius:10px;background:rgba(213,173,101,0.1);font-size:var(--fs-small)}[data-filled] .result-note{color:var(--on-navy)}#contact-status:empty{display:none}#contact-status{color:var(--text);background:var(--emerald-tint);border-color:var(--emerald)}[data-filled] .btn-ghost{border-color:rgba(248,245,239,0.3);background:rgba(248,245,239,0.06);color:var(--on-navy)}[data-filled] .btn-ghost:hover{border-color:var(--gold);background:rgba(213,173,101,0.12);color:#fff}[data-filled] :focus-visible{box-shadow:var(--focus-ring-dark) !important}.fine{margin:0;color:var(--muted);font-size:var(--fs-small);line-height:1.7}.timer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.timer div{position:relative;display:grid;justify-items:center;gap:4px;padding:14px 4px 10px;overflow:hidden;border-radius:18px;background:var(--grad-result);color:var(--on-navy);box-shadow:0 14px 28px -16px rgba(16,29,53,0.8)}.timer div::after{content: "";position:absolute;inset-inline:0;inset-block-start:50%;block-size:1px;background:rgba(0,0,0,0.25);box-shadow:0 1px 0 rgba(255,255,255,0.05)}.timer bdi{display:block;color:var(--gold-soft);font-size:var(--fs-timer);font-weight:800;line-height:1.1}.timer span{color:var(--on-navy-muted);font-size:var(--fs-xs);font-weight:700}@media (min-width: 400px){.timer{gap:10px}}.celebrate{margin:0;padding:14px 16px;border-radius:var(--radius-card);background:linear-gradient(135deg,var(--emerald-tint),#f6edd9);color:var(--emerald-700);font-weight:800;text-align:center;animation:pop 520ms var(--ease-spring)}.target-line{display:flex;align-items:center;gap:10px;margin:0;padding:12px 14px;border-radius:14px;background:var(--emerald-tint);color:var(--emerald-700);font-weight:700}.target-line::before{content: "";flex:none;inline-size:20px;block-size:20px;background:currentColor;-webkit-mask:var(--i-calendar) center / contain no-repeat;mask:var(--i-calendar) center / contain no-repeat}.tool[data-countdown] .target-line{min-block-size:86px}.target-line:empty{visibility:hidden}.convert-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px 10px 10px 14px;border:1px solid var(--line);border-radius:16px;background:var(--ivory-2)}.convert-head p{margin:0;color:var(--navy);font-weight:800}.convert-head .btn{min-block-size:42px;padding-inline:14px;font-size:var(--fs-small)}.today-box{padding:16px 18px;border:1px solid #cfe3da;border-radius:var(--radius-card);background:linear-gradient(180deg,#f1f8f4 0%,var(--emerald-tint) 100%)}.today-box h2{display:flex;align-items:center;gap:8px;margin-block-end:6px;color:var(--emerald-700);font-size:var(--fs-h3)}.today-box h2::before{content: "";inline-size:20px;block-size:20px;background:currentColor;-webkit-mask:var(--i-clock) center / contain no-repeat;mask:var(--i-clock) center / contain no-repeat}.today-box p{margin:0;font-size:var(--fs-small)}.banner{display:flex;gap:10px;margin-block:var(--space-4);padding:12px 16px;border:1px solid #ecc9a0;border-radius:14px;background:#fbf1e3;color:#6d4510;font-weight:700}.banner::before{content: "";flex:none;inline-size:20px;block-size:20px;margin-block-start:4px;background:currentColor;-webkit-mask:var(--i-info) center / contain no-repeat;mask:var(--i-info) center / contain no-repeat}.section-title,.related-panel>h2{display:flex;align-items:center;gap:12px;margin-block-end:var(--space-5);color:var(--navy)}.section-title::before,.related-panel>h2::before{content: "";inline-size:6px;block-size:1.1em;border-radius:6px;background:linear-gradient(180deg,var(--gold),var(--emerald))}.how{max-inline-size:var(--wide);margin:0 auto var(--space-7)}.steps{position:relative;display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none;counter-reset:step}.steps li{position:relative;display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:start;counter-increment:step}.steps li::before{content:counter(step);grid-row:span 2;display:grid;place-items:center;inline-size:44px;block-size:44px;border-radius:14px;background:var(--grad-result);color:var(--gold);font-weight:800;font-size:19px;box-shadow:0 10px 20px -10px rgba(16,29,53,0.7),inset 0 0 0 1px rgba(213,173,101,0.35)}.steps li:not(:last-child)::after{content: "";position:absolute;inset-inline-start:21px;inset-block-start:48px;inset-block-end:calc(-1 * var(--space-4) + 4px);inline-size:2px;border-radius:2px;background:linear-gradient(180deg,var(--gold) 0%,rgba(213,173,101,0.1) 100%)}.steps strong{align-self:end;color:var(--navy);font-size:var(--fs-h3);line-height:1.4}.steps span{color:var(--muted);font-size:var(--fs-small);line-height:1.7}@media (min-width: 768px){.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.steps li{grid-template-columns:1fr;padding:20px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--grad-card);box-shadow:var(--shadow-sm)}.steps li::before{grid-row:auto;margin-block-end:8px}.steps li:not(:last-child)::after{inset-inline-start:auto;inset-inline-end:calc(-1 * var(--space-5) / 2 - 12px);inset-block:50% auto;inline-size:24px;block-size:24px;margin-block-start:-12px;z-index:1;border-radius:50%;background:var(--gold) var(--i-chevron-navy) center / 14px no-repeat;box-shadow:0 0 0 4px var(--ivory)}}.feature-row{display:grid;gap:var(--space-3);max-inline-size:var(--wide);margin:0 auto var(--space-7);padding:0;list-style:none}.feature-row li{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;align-items:start;padding:18px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--grad-card);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.feature-row li:hover{transform:translateY(-2px);border-color:var(--gold-soft);box-shadow:var(--shadow)}.feature-icon{grid-row:span 3;display:grid;place-items:center;inline-size:46px;block-size:46px;border-radius:14px;background:var(--emerald-tint);color:var(--emerald)}.feature-icon .icon{inline-size:24px;block-size:24px}.feature-kicker{color:var(--gold-ink);font-size:var(--fs-xs);font-weight:800}.feature-row strong{color:var(--navy);font-size:var(--fs-h3);line-height:1.4}.feature-row li span:last-child{color:var(--muted);font-size:var(--fs-small);line-height:1.7}@media (min-width: 768px){.feature-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}}.related-panel{max-inline-size:var(--wide);margin:0 auto var(--space-7)}.related{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}@media (min-width: 640px){.related{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.related{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}}.related li{display:flex}.related-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas: "icon name arrow" "icon hint arrow";align-items:center;gap:0 14px;inline-size:100%;min-block-size:76px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--grad-card);color:var(--text);text-decoration:none;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.related-icon{grid-area:icon;display:grid;place-items:center;inline-size:46px;block-size:46px;border-radius:14px;background:linear-gradient(160deg,var(--navy-2),var(--navy));color:var(--gold);box-shadow:inset 0 0 0 1px rgba(213,173,101,0.25);transition:transform var(--dur) var(--ease-spring)}.related-icon .icon{inline-size:22px;block-size:22px}.related-name{grid-area:name;align-self:end;color:var(--navy);font-weight:800;line-height:1.45}.related-hint{grid-area:hint;align-self:start;color:var(--muted);font-size:var(--fs-caption);line-height:1.6}.related-arrow{grid-area:arrow;display:grid;place-items:center;inline-size:32px;block-size:32px;border-radius:50%;background:var(--ivory-2);color:var(--emerald);transition:transform var(--dur) var(--ease-out),background var(--dur) var(--ease),color var(--dur) var(--ease)}.related-arrow .icon{inline-size:18px;block-size:18px}[dir="ltr"] .related-arrow .icon{transform:scaleX(-1)}.related-card:hover{border-color:var(--gold);color:var(--text);box-shadow:var(--shadow-lift);transform:translateY(-3px)}.related-card:hover .related-icon{transform:rotate(-6deg) scale(1.06)}.related-card:hover .related-arrow{background:var(--emerald);color:#fff;transform:translateX(-4px)}.related-card:active{transform:scale(0.985)}.prose{max-inline-size:var(--content);margin-inline:auto}.wrap-wide>.prose,.wrap-wide>.updated,.wrap-wide>.ad-slot,.wrap-wide>.banner,.wrap-wide>.panel{max-inline-size:var(--content);margin-inline:auto}.prose h2{position:relative;margin-block:var(--space-7) var(--space-4);padding-block-start:18px;color:var(--navy)}.prose h2::before{content: "";position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:44px;block-size:4px;border-radius:4px;background:linear-gradient(90deg,var(--emerald),var(--gold))}.prose>h2:first-child{margin-block-start:0}.prose p{color:#283651}.prose a{font-weight:700;text-decoration-color:rgba(38,116,91,0.35);text-decoration-thickness:2px}.prose a:hover{text-decoration-color:currentColor}.prose ul,.prose ol{padding-inline-start:1.4em}.prose ul li::marker{color:var(--gold)}.example{position:relative;margin-block:var(--space-5);padding:20px 20px 4px;padding-inline-start:56px;border:1px solid #cfe3da;border-radius:var(--radius-card);background:linear-gradient(180deg,#f5faf7 0%,#eef6f2 100%)}.example::before{content: "";position:absolute;inset-block-start:20px;inset-inline-start:16px;inline-size:26px;block-size:26px;border-radius:8px;background:var(--emerald) var(--i-bulb-white) center / 16px no-repeat}.example p{color:var(--text)}.faq{display:grid;gap:var(--space-3);margin-block-start:var(--space-4)}.faq-item{border:1px solid var(--line);border-radius:18px;background:var(--grad-card);box-shadow:var(--shadow-sm);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.faq-item:hover{border-color:var(--line-strong)}.faq-item.is-open{border-color:rgba(38,116,91,0.45);box-shadow:var(--shadow)}.faq-q{margin:0;font-size:inherit}.faq-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);inline-size:100%;min-block-size:60px;padding:14px 18px;border:0;border-radius:18px;background:transparent;color:var(--navy);font-weight:800;font-size:16px;line-height:1.6;text-align:start}.faq-toggle .chevron{position:static;flex:none;inline-size:30px;block-size:30px;padding:5px;border-radius:50%;background:var(--ivory-2);color:var(--emerald);transform:none;transition:transform var(--dur-slow) var(--ease-out),background var(--dur) var(--ease),color var(--dur) var(--ease)}.faq-item.is-open .chevron{background:var(--emerald);color:#fff;transform:rotate(180deg)}.faq-panel{overflow:hidden;transition:height var(--dur-slow) var(--ease-out)}.no-js .faq-panel,html:not(.js) .faq-panel{height:auto !important}.faq-clip p{margin:0;padding:0 18px 18px;color:#33415a;font-size:var(--fs-small);line-height:1.85}.faq-item .faq-clip p{opacity:0;transform:translateY(-4px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.faq-item.is-open .faq-clip p,html:not(.js) .faq-item .faq-clip p{opacity:1;transform:none}.ad-slot{block-size:var(--ad-slot-size);margin-block:var(--space-6)}.updated{display:flex;align-items:center;gap:8px;margin-block-start:var(--space-5);color:var(--muted);font-size:var(--fs-caption)}.updated::before{content: "";inline-size:16px;block-size:16px;background:currentColor;-webkit-mask:var(--i-clock) center / contain no-repeat;mask:var(--i-clock) center / contain no-repeat}.panel{padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--grad-card)}.miss + .related-panel{margin-block-start:0}.site-footer{position:relative;isolation:isolate;overflow:hidden;padding-block:var(--space-8) var(--space-5);background:var(--grad-footer);color:var(--on-navy)}.site-footer::before{content: "";position:absolute;inset:0;z-index:-1;background:var(--texture) 0 0 / 96px 96px;opacity:0.04}.site-footer::after{content: "";position:absolute;inset-block-start:0;inset-inline:0;block-size:1px;background:var(--grad-gold-line)}.site-footer :focus-visible{outline-color:var(--gold)}.footer-grid{display:grid;gap:var(--space-6)}.footer-brand-col p{max-inline-size:30rem;margin-block:var(--space-4) 0;color:var(--on-navy-muted);font-size:var(--fs-small)}.footer-heading{margin-block-end:var(--space-3);color:var(--gold);font-size:var(--fs-small);font-weight:800}.footer-links{display:grid;gap:2px;margin:0;padding:0;list-style:none}.footer-links a{display:inline-flex;align-items:center;gap:8px;min-block-size:40px;color:var(--on-navy);font-size:var(--fs-small);text-decoration:none;transition:color var(--dur-fast) var(--ease),transform var(--dur) var(--ease-out)}.footer-links a::before{content: "";inline-size:5px;block-size:5px;border-radius:50%;background:var(--gold);opacity:0.5;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease-spring)}.footer-links a:hover{color:var(--gold);transform:translateX(-3px)}.footer-links a:hover::before{opacity:1;transform:scale(1.4)}.footer-legal{display:grid;gap:var(--space-2);margin-block-start:var(--space-7);padding-block-start:var(--space-5);border-block-start:1px solid rgba(248,245,239,0.1)}.footer-note,.footer-meta{margin:0;color:var(--on-navy-muted);font-size:var(--fs-caption);line-height:1.8}@media (min-width: 360px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-4)}.footer-brand-col{grid-column:1 / -1}}@media (min-width: 720px){.footer-grid{gap:var(--space-6)}}@media (min-width: 1024px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr 0.8fr;gap:var(--space-7)}.footer-brand-col{grid-column:auto}}@keyframes rise-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes lift-in{from{transform:translateY(10px)}to{transform:none}}@keyframes result-in{from{opacity:0;transform:translateY(10px) scale(0.985)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(0.6)}60%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes shake{0%,100%{transform:none}25%{transform:translateX(4px)}75%{transform:translateX(-4px)}}@keyframes digit-tick{from{opacity:0.3;transform:translateY(-0.25em)}to{opacity:1;transform:none}}@keyframes nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(-4px)}}@keyframes vt-out{to{opacity:0;transform:translateY(-6px)}}@keyframes vt-in{from{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion: no-preference){.page-intro>*{animation:rise-in var(--dur-slow) var(--ease-out) both}.page-intro>h1{animation-name:lift-in}.page-intro>:nth-child(2){animation-delay:60ms}.page-intro>:nth-child(3){animation-delay:120ms}.hero-layout>.tool{animation:rise-in 700ms var(--ease-out) 120ms both}.js .reveal{opacity:0;transform:translateY(18px);transition:opacity 620ms var(--ease-out),transform 620ms var(--ease-out);transition-delay:calc(var(--i,0) * 70ms)}.js .reveal.is-in{opacity:1;transform:none}.js .site-footer.will-enter{opacity:0;transform:translateY(16px)}.js .site-footer.will-enter.is-in{opacity:1;transform:none;transition:opacity 700ms var(--ease-out),transform 700ms var(--ease-out)}.timer bdi.is-ticking{animation:digit-tick 260ms var(--ease-out)}.related-card:hover .related-arrow .icon,.related-card:focus-visible .related-arrow .icon{animation:nudge 900ms var(--ease) infinite}@view-transition{navigation:auto}::view-transition-old(root){animation:vt-out 180ms var(--ease) both}::view-transition-new(root){animation:vt-in 320ms var(--ease-out) both}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;transition-delay:0ms !important}}@media print{.site-header,.site-nav,.site-footer,.actions,.ad-slot,.related-panel,.how,.feature-row{display:none !important}.hero-layout,main>.page-intro,main>.crumbs{margin:0;padding:0;background:none !important;color:#000}.hero-layout::before,main>.page-intro::before{display:none}.page-intro h1,.lede{color:#000}.tool,[data-filled],.timer div{box-shadow:none;background:#fff;color:#000;border:1px solid #999}.result-hero bdi,.timer bdi{color:#000;-webkit-text-fill-color:#000}}.today-strip{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-block-size:30px;margin:-10px 0 var(--space-5);color:var(--gold-soft);font-size:var(--fs-caption);font-weight:700;line-height:1.6}.today-strip:empty{visibility:hidden}.today-strip::before{content: "";flex:none;inline-size:16px;block-size:16px;background:var(--gold);-webkit-mask:var(--i-calendar) center / contain no-repeat;mask:var(--i-calendar) center / contain no-repeat}.today-strip .sep{color:var(--gold);opacity:0.6}@media (min-width: 960px){.hero-layout>.page-intro::after{content: "";display:block;inline-size:300px;block-size:190px;margin-block-start:var(--space-4);background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='190' viewBox='0 0 300 190'%3E%3Cdefs%3E%3ClinearGradient id='n' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23304B75'/%3E%3Cstop offset='1' stop-color='%23172B4D'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23F3DCAE'/%3E%3Cstop offset='1' stop-color='%23D5AD65'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M18 150C70 40 230 40 282 150' fill='none' stroke='%23D5AD65' stroke-opacity='.35' stroke-dasharray='3 7'/%3E%3Ccircle cx='150' cy='58' r='3' fill='%23D5AD65'/%3E%3Cg transform='rotate%28-6 95 105%29'%3E%3Crect x='40' y='52' width='112' height='104' rx='16' fill='url%28%23n%29' stroke='%23D5AD65' stroke-opacity='.5'/%3E%3Crect x='40' y='52' width='112' height='26' rx='16' fill='%23D5AD65' fill-opacity='.18'/%3E%3Cpath d='M104 104a20 20 0 1 0 0 34 16 16 0 1 1 0-34Z' fill='url%28%23g%29'/%3E%3Cg fill='%23F8F5EF' fill-opacity='.35'%3E%3Ccircle cx='62' cy='96' r='3'/%3E%3Ccircle cx='62' cy='112' r='3'/%3E%3Ccircle cx='62' cy='128' r='3'/%3E%3Ccircle cx='78' cy='96' r='3'/%3E%3Ccircle cx='78' cy='112' r='3'/%3E%3Ccircle cx='78' cy='128' r='3'/%3E%3C/g%3E%3Crect x='62' y='44' width='6' height='16' rx='3' fill='%23D5AD65'/%3E%3Crect x='124' y='44' width='6' height='16' rx='3' fill='%23D5AD65'/%3E%3C/g%3E%3Cg transform='rotate%285 205 110%29'%3E%3Crect x='150' y='58' width='112' height='104' rx='16' fill='%23F8F5EF' stroke='%23D5AD65' stroke-opacity='.6'/%3E%3Crect x='150' y='58' width='112' height='26' rx='16' fill='%2326745B'/%3E%3Crect x='150' y='72' width='112' height='12' fill='%2326745B'/%3E%3Cg fill='%2317243B' fill-opacity='.22'%3E%3Crect x='166' y='100' width='14' height='10' rx='3'/%3E%3Crect x='186' y='100' width='14' height='10' rx='3'/%3E%3Crect x='226' y='100' width='14' height='10' rx='3'/%3E%3Crect x='166' y='118' width='14' height='10' rx='3'/%3E%3Crect x='206' y='118' width='14' height='10' rx='3'/%3E%3Crect x='226' y='118' width='14' height='10' rx='3'/%3E%3Crect x='166' y='136' width='14' height='10' rx='3'/%3E%3Crect x='186' y='136' width='14' height='10' rx='3'/%3E%3C/g%3E%3Crect x='204' y='98' width='18' height='14' rx='4' fill='url%28%23g%29'/%3E%3Crect x='172' y='50' width='6' height='16' rx='3' fill='%23D5AD65'/%3E%3Crect x='234' y='50' width='6' height='16' rx='3' fill='%23D5AD65'/%3E%3C/g%3E%3Cg fill='%23D5AD65'%3E%3Cpath d='M276 40l3 7 7 3-7 3-3 7-3-7-7-3 7-3z' fill-opacity='.8'/%3E%3Cpath d='M26 70l2 4 4 2-4 2-2 4-2-4-4-2 4-2z' fill-opacity='.6'/%3E%3C/g%3E%3C/svg%3E") right center / contain no-repeat}}.stats>div.is-key{grid-column:1 / -1;border-color:rgba(213,173,101,0.55);background:linear-gradient(135deg,rgba(213,173,101,0.18),rgba(213,173,101,0.04))}.stats>div.is-key dt{color:var(--gold-soft);font-weight:700}.stats>div.is-key dd{color:#fff;font-size:17px}.bday-progress{grid-column:1 / -1;display:grid;gap:6px;margin-block-start:4px}.bday-progress .bar{position:relative;block-size:8px;overflow:hidden;border-radius:999px;background:rgba(248,245,239,0.12)}.bday-progress .bar i{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,var(--gold),#f3dcae);transform-origin:right center;transform:scaleX(var(--p,0));transition:transform 900ms var(--ease-out)}[dir="ltr"] .bday-progress .bar i{transform-origin:left center}.bday-progress small{color:var(--on-navy-muted);font-size:var(--fs-xs)}@keyframes gold-sweep{from{background-position:200% 0}to{background-position:0 0}}@media (prefers-reduced-motion: no-preference){[data-filled]:not([hidden]) .result-hero bdi{background-image:linear-gradient(100deg,var(--gold) 0%,#fff4dc 45%,var(--gold) 60%,#f3dcae 100%);background-size:200% 100%;animation:gold-sweep 1100ms var(--ease-out) both}}.timer div::before{content: "";position:absolute;inset-block-start:-30px;inset-inline:10%;block-size:60px;border-radius:50%;background:radial-gradient(closest-side,rgba(213,173,101,0.28),transparent);pointer-events:none}.prose .sources{padding:14px 16px;border:1px solid var(--line);border-inline-start:4px solid var(--gold);border-radius:14px;background:var(--paper);font-size:var(--fs-small)}.ad-slot:not(:empty){display:grid;place-items:center;min-block-size:280px;block-size:auto;border-block:1px solid var(--line)}.ad-slot:not(:empty)::before{content: "إعلان";align-self:start;color:var(--muted);font-size:var(--fs-xs)}.segment button:focus-visible{outline:2px solid var(--emerald);outline-offset:2px;border-radius:12px}.site-header .segment button:focus-visible{outline-color:var(--gold)}input[type="date"]:focus,input[type="date"]:focus-within{outline:none;border-color:var(--emerald);box-shadow:0 0 0 4px rgba(38,116,91,0.16)}

/* v3.1 — بطاقتا تاريخ اليوم */
.today-dates{display:grid;gap:var(--space-3)}
.today-date{padding:18px;border:1px solid var(--line);border-radius:var(--radius-card);background:linear-gradient(180deg,#fbf6ea 0%,#f6edd9 100%)}
.today-date--hijri{background:linear-gradient(180deg,#f1f8f4 0%,var(--emerald-tint) 100%)}
.today-date h2{margin:0 0 2px;color:var(--emerald-700);font-size:var(--fs-h3)}
.today-date--gregorian h2{color:var(--navy)}
.today-weekday{margin:0;color:var(--muted);font-size:var(--fs-small);font-weight:700}
.today-big{margin:4px 0 6px;font-size:var(--fs-display);font-weight:800;line-height:1.05;color:var(--navy)}
.today-big span{font-size:.52em;font-weight:800}
.today-long{margin:0;font-weight:800;color:var(--text)}
.today-parts{margin:6px 0 0;color:var(--muted);font-size:var(--fs-small)}
.today-error{margin:0;padding:14px 16px;border:1.5px solid var(--error);border-radius:var(--radius-card);background:var(--error-tint);color:var(--error);font-weight:700}
@media (min-width:700px){.today-dates{grid-template-columns:repeat(2,minmax(0,1fr))}.today-date{padding:20px}}