@import "https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Tajawal:wght@300;400;500;700&display=swap";:root{--bg:#0d1019;--ink:#f4efe4;--ink-dim:#8f97ab;--accent:#e2a856;--accent-dim:#e2a85622}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;margin:0;padding:0}body{min-height:100vh;color:var(--ink);font-family:Tajawal,Segoe UI,Tahoma,sans-serif;display:flex;overflow-x:hidden}#root{flex:1;display:flex}.stage{isolation:isolate;flex-direction:column;flex:1;width:100%;min-height:100vh;display:flex;position:relative}.stage:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff5 50%,#0000 51%),radial-gradient(1.5px 1.5px at 24% 42%,#ffffff3d 50%,#0000 51%),radial-gradient(1px 1px at 38% 12%,#ffffff40 50%,#0000 51%),radial-gradient(1.5px 1.5px at 68% 22%,#fff3 50%,#0000 51%),radial-gradient(1px 1px at 82% 15%,#ffffff45 50%,#0000 51%),radial-gradient(1.5px 1.5px at 91% 38%,#ffffff30 50%,#0000 51%),radial-gradient(1px 1px at 55% 8%,#ffffff38 50%,#0000 51%),radial-gradient(1.5px 1.5px at 6% 55%,#ffffff28 50%,#0000 51%);position:absolute;inset:0}.horizon{background:radial-gradient(closest-side, var(--accent-dim), transparent 70%);z-index:0;width:130vw;height:60vh;animation:9s ease-in-out infinite alternate breathe;position:absolute;bottom:-18vh;left:50%;transform:translate(-50%)}@keyframes breathe{0%{opacity:.55;transform:translate(-50%)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1.04)}}header.mark{z-index:1;padding:clamp(20px,4vw,40px) clamp(20px,5vw,56px) 0;position:relative}.mark-glyph{background:var(--accent);width:9px;height:9px;box-shadow:0 0 12px 2px var(--accent-dim);border-radius:50%;display:inline-block}main.content{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(14px,2.4vw,22px);padding:24px clamp(20px,6vw,56px);display:flex;position:relative}.eyebrow{color:var(--ink-dim);letter-spacing:.06em;opacity:0;margin:0;font-size:.95rem;font-weight:500;animation:.9s ease-out .15s forwards rise}h1.headline{color:var(--ink);text-shadow:0 0 46px var(--accent-dim);text-wrap:balance;opacity:0;margin:0;font-family:Amiri,Traditional Arabic,serif;font-size:clamp(4.2rem,15vw,9.5rem);font-weight:700;line-height:1;animation:1s ease-out .35s forwards rise}.rule{background:linear-gradient(90deg, transparent, var(--accent), transparent);width:0;height:1px;animation:1.1s ease-out .9s forwards draw}@keyframes draw{to{width:min(220px,40vw)}}.subtitle{max-width:42ch;color:var(--ink-dim);opacity:0;margin:0;font-size:clamp(1rem,1.6vw,1.15rem);font-weight:300;line-height:1.9;animation:.9s ease-out 1.15s forwards rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}footer.foot{z-index:1;color:var(--ink-dim);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;padding:0 clamp(20px,5vw,56px) clamp(22px,4vw,40px);font-size:.85rem;display:flex;position:relative}footer.foot .status{align-items:center;gap:8px;display:flex}footer.foot .status:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px 1px var(--accent-dim);border-radius:50%}@media (prefers-reduced-motion:reduce){.horizon{opacity:.8;animation:none}.eyebrow,h1.headline,.subtitle,.rule{opacity:1;width:auto;animation:none}.rule{width:min(220px,40vw)}}@media (width<=420px){footer.foot{text-align:center;flex-direction:column;gap:6px}}