.hajwa-splash{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:#04140f;pointer-events:auto;contain:layout paint style;cursor:pointer}
.hajwa-splash[hidden]{display:none}
.hajwa-splash.is-done{pointer-events:none;animation:hajwa-splash-exit .4s cubic-bezier(.4,0,.2,1) forwards}
.hajwa-splash__bg{position:absolute;inset:-6%;background:#04140f url('assets/splash/bg.webp') center/cover no-repeat;opacity:0;transform:scale(1.08);filter:saturate(0.92) contrast(1.06) brightness(.72);will-change:transform,opacity}
.hajwa-splash__veil{position:absolute;inset:0;background:
  radial-gradient(ellipse 42% 36% at 50% 46%,rgba(23,166,122,.16),transparent 62%),
  linear-gradient(180deg,rgba(4,20,15,.35) 0%,rgba(4,20,15,.55) 48%,#04140f 100%);
  pointer-events:none}
.hajwa-splash__geometry{position:absolute;width:min(78vw,420px);aspect-ratio:1;opacity:0;transform:scale(.86) rotate(-8deg);pointer-events:none}
.hajwa-splash__geometry:before,.hajwa-splash__geometry:after{content:"";position:absolute;inset:0;border:1px solid rgba(215,180,106,.28);border-radius:18%;transform:rotate(45deg)}
.hajwa-splash__geometry:after{inset:11%;border-color:rgba(138,227,195,.18);border-radius:50%;transform:none}
.hajwa-splash__star{position:absolute;width:min(34vw,180px);aspect-ratio:1;opacity:0;pointer-events:none;background:
  conic-gradient(from 22.5deg,transparent 0 20deg,rgba(215,180,106,.42) 20deg 24deg,transparent 24deg 65deg,rgba(215,180,106,.42) 65deg 69deg,transparent 69deg);
  -webkit-mask:radial-gradient(circle,transparent 44%,#000 45% 49%,transparent 50%);
  mask:radial-gradient(circle,transparent 44%,#000 45% 49%,transparent 50%)}
.hajwa-splash__mark{position:relative;z-index:2;width:min(58vw,280px);aspect-ratio:4/3;overflow:hidden;opacity:0;transform:translateY(10px) scale(.96);filter:drop-shadow(0 18px 40px rgba(4,20,15,.45));will-change:opacity,transform}
.hajwa-splash__mark img{display:block;width:100%;height:100%;object-fit:contain}
.hajwa-splash__shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 38%,rgba(255,252,239,.55) 50%,transparent 62%);transform:translateX(-120%);mix-blend-mode:screen;pointer-events:none}
.hajwa-splash__brand{position:absolute;z-index:3;top:calc(50% + min(18vw,118px));display:grid;gap:8px;text-align:center;color:#f8f3e7;opacity:0;transform:translateY(8px)}
.hajwa-splash__brand em{font:500 clamp(.72rem,2vw,.92rem)/1.6 "Segoe UI","Noto Naskh Arabic",serif;font-style:normal;letter-spacing:.04em;color:rgba(248,243,231,.78)}
.hajwa-splash__brand strong{font:750 clamp(.95rem,2.4vw,1.15rem)/1 system-ui,sans-serif;letter-spacing:.38em;margin-inline-end:-.38em}
.hajwa-splash__brand span{font:600 clamp(.58rem,1.5vw,.7rem)/1.3 system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:rgba(215,180,106,.9)}
.hajwa-splash__skip{position:absolute;z-index:4;bottom:max(4.5vh,22px);left:50%;transform:translateX(-50%);border:0;background:transparent;color:rgba(248,243,231,.55);font:600 .68rem/1 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;padding:10px 14px}
.hajwa-splash.is-play .hajwa-splash__bg{animation:hajwa-splash-bg 3.2s cubic-bezier(.22,1,.36,1) forwards}
.hajwa-splash.is-play .hajwa-splash__geometry{animation:hajwa-splash-geo 3.2s cubic-bezier(.22,1,.36,1) forwards}
.hajwa-splash.is-play .hajwa-splash__star{animation:hajwa-splash-star 3.2s ease-out forwards}
.hajwa-splash.is-play .hajwa-splash__mark{animation:hajwa-splash-mark 3.2s cubic-bezier(.22,1,.36,1) forwards}
.hajwa-splash.is-play .hajwa-splash__shine{animation:hajwa-splash-shine 3.2s ease-in-out forwards}
.hajwa-splash.is-play .hajwa-splash__brand{animation:hajwa-splash-brand 3.2s cubic-bezier(.22,1,.36,1) forwards}
@keyframes hajwa-splash-bg{0%{opacity:.08;transform:scale(1.08)}100%{opacity:1;transform:scale(1)}}
@keyframes hajwa-splash-geo{0%{opacity:0;transform:scale(.86) rotate(-8deg)}28%{opacity:.9}100%{opacity:.35;transform:scale(1.08) rotate(10deg)}}
@keyframes hajwa-splash-star{0%,12%{opacity:0;transform:rotate(0) scale(.7)}40%{opacity:.55;transform:rotate(18deg) scale(1)}100%{opacity:.12;transform:rotate(48deg) scale(1.18)}}
@keyframes hajwa-splash-mark{0%{opacity:0;transform:translateY(12px) scale(.96)}22%,78%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:1;transform:translateY(-6%) scale(.92)}}
@keyframes hajwa-splash-shine{0%,18%{transform:translateX(-120%)}46%,100%{transform:translateX(120%)}}
@keyframes hajwa-splash-brand{0%,36%{opacity:0;transform:translateY(10px)}58%,100%{opacity:1;transform:translateY(0)}}
@keyframes hajwa-splash-exit{to{opacity:0;visibility:hidden}}
html.hajwa-splash-lock,html.hajwa-splash-lock body{overflow:hidden!important;overscroll-behavior:none}
@media(max-width:480px){.hajwa-splash__bg{inset:-2%;background-size:auto 100%}.hajwa-splash__mark{width:min(78vw,300px)}.hajwa-splash__geometry{width:min(88vw,380px)}.hajwa-splash__brand{top:calc(50% + 30vw)}}
@media(prefers-reduced-motion:reduce){
  .hajwa-splash.is-play .hajwa-splash__bg,.hajwa-splash.is-play .hajwa-splash__geometry,.hajwa-splash.is-play .hajwa-splash__star,.hajwa-splash.is-play .hajwa-splash__mark,.hajwa-splash.is-play .hajwa-splash__shine,.hajwa-splash.is-play .hajwa-splash__brand{animation:none!important}
  .hajwa-splash__bg{opacity:1;transform:none}
  .hajwa-splash__mark{opacity:1;transform:scale(.92) translateY(-6%)}
  .hajwa-splash__brand{opacity:1;transform:none}
  .hajwa-splash__geometry,.hajwa-splash__star,.hajwa-splash__shine{opacity:.2}
  .hajwa-splash.is-done{animation-duration:.16s}
}