@font-face{font-family:Yekan;src:url(/fonts/yekan.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Yekan;src:url(/fonts/yekanbold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--primary:#09855d;--primary-strong:#0a6e4e;--primary-soft:#09855d1a;--cream:#fbfaf6;--cream-strong:#f4f1e8;--text-primary:#16231d;--text-soft:#4d5b54;--text-muted:#7c887f;--border-soft:#09855d24;--shadow-soft:0 22px 45px #10281e14;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Yekan,IRANYekan,IranYekan,Vazirmatn,Tahoma,Arial,sans-serif}*{box-sizing:border-box}html{direction:rtl}body{min-height:100dvh;color:var(--text-primary);background:var(--cream);margin:0;font-family:inherit}#root{min-height:100dvh}.page{background:radial-gradient(circle at 12% -6%, #09855d29, transparent 42%), radial-gradient(circle at 88% 108%, #09855d1f, transparent 46%), linear-gradient(180deg, var(--cream) 0%, var(--cream-strong) 100%);flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.page__pattern{z-index:0;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%2309855d' stroke-width='0.7' stroke-opacity='0.16'%3E%3Cpath d='M60 4 L102 30 L102 90 L60 116 L18 90 L18 30 Z'/%3E%3Cpath d='M60 26 L84 40 L84 80 L60 94 L36 80 L36 40 Z'/%3E%3Ccircle cx='60' cy='60' r='14'/%3E%3C/g%3E%3C/svg%3E");background-size:200px 200px;animation:60s linear infinite pattern-drift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 35%,#000 0%,#0000 78%);mask-image:radial-gradient(at 50% 35%,#000 0%,#0000 78%)}@keyframes pattern-drift{0%{background-position:0 0}to{background-position:200px 200px}}@media (prefers-reduced-motion:reduce){.page__pattern{animation:none}}.site-header{z-index:1;justify-content:center;align-items:center;gap:.6rem;padding:1.5rem 1.25rem .5rem;animation:.7s both fade-in-down;display:flex;position:relative}.site-header__mark{background:linear-gradient(180deg, var(--primary) 0%, var(--primary-strong) 100%);color:#fdfdfb;border-radius:.7rem;place-items:center;width:2.1rem;height:2.1rem;font-size:1.05rem;font-weight:700;display:grid;box-shadow:0 8px 18px #09855d40}.site-header__title{color:var(--text-primary);letter-spacing:.01em;font-size:1.05rem;font-weight:700}.hero{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(.9rem,2.4vw,1.35rem);width:min(720px,100% - 2.5rem);margin:0 auto;padding:clamp(1.5rem,5vh,3rem) 0;display:flex;position:relative}.hero__eyebrow{color:var(--primary);margin:0;font-size:.95rem;font-weight:700;animation:.7s 50ms both fade-in-up}.hero__title{color:var(--text-primary);margin:0;font-size:clamp(2.4rem,7vw,3.75rem);font-weight:700;line-height:1.25;animation:.7s .15s both fade-in-up}.hero__description{max-width:32ch;color:var(--text-soft);margin:0;font-size:clamp(1rem,2.2vw,1.15rem);line-height:1.8;animation:.7s .25s both fade-in-up}.verse{border:1px solid var(--border-soft);width:100%;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(6px);background:#fff9;border-radius:1.5rem;margin:clamp(.5rem,2vh,1rem) 0 0;padding:clamp(1.25rem,3.5vw,2rem) clamp(1.25rem,4vw,2.5rem);animation:.7s .35s both fade-in-up}.verse__arabic{color:var(--primary-strong);margin:0;font-family:Yekan,Vazirmatn,Traditional Arabic,Tahoma,serif;font-size:clamp(1.35rem,3.6vw,1.9rem);font-weight:700;line-height:2}.verse__meta{gap:.4rem;margin-top:.9rem;display:grid}.verse__translation{color:var(--text-soft);margin:0;font-size:.95rem;line-height:1.85}.verse__source{color:var(--text-muted);font-size:.8rem;font-weight:700}.countdown{direction:rtl;justify-content:center;gap:clamp(.5rem,2vw,.9rem);width:100%;margin-top:clamp(.5rem,2vh,1rem);animation:.7s .45s both fade-in-up;display:flex}.countdown__unit{border:1px solid var(--border-soft);background:#ffffffbf;border-radius:1.1rem;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:.3rem;max-width:6.5rem;padding:.85rem .4rem;display:flex;box-shadow:0 10px 22px #09855d14}.countdown__value{color:var(--primary-strong);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;font-size:clamp(1.35rem,4.5vw,1.9rem);font-weight:700;line-height:1.1;display:inline-block}.countdown__label{color:var(--text-muted);direction:rtl;unicode-bidi:isolate;font-size:.78rem;font-weight:400}.countdown-finished{background:var(--primary-soft);color:var(--primary-strong);border-radius:999px;margin-top:clamp(.5rem,2vh,1rem);padding:.9rem 1.5rem;font-size:1rem;font-weight:700;animation:.7s .45s both fade-in-up}.site-footer{z-index:1;text-align:center;padding:1rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0px));position:relative}.site-footer p{color:var(--text-muted);margin:0;font-size:.8rem}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.site-header,.hero__eyebrow,.hero__title,.hero__description,.verse,.countdown,.countdown-finished{animation:none}}@media (width<=480px){.countdown__unit{border-radius:.9rem;padding:.7rem .3rem}}@media (height<=700px){.hero{gap:.75rem;padding:1rem 0}.verse{padding:1rem 1.25rem}}