:root{color-scheme:light}@font-face{font-family:DubaiW23;src:url(/assets/font/DubaiW23-Regular.woff2) format("woff2"),url(/assets/font/DubaiW23-Regular.woff) format("woff"),url(/assets/font/DubaiW23-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DubaiW23;src:url(/assets/font/DubaiW23-Medium.woff2) format("woff2"),url(/assets/font/DubaiW23-Medium.woff) format("woff"),url(/assets/font/DubaiW23-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:#f6f4ef;font-family:DubaiW23,Segoe UI,Tahoma,sans-serif}#app{position:relative}#premium-ui-root{position:fixed;inset:0;z-index:3;pointer-events:none;--hero-color-arabic: #1c1c1c;--hero-color-english: #2e2e2e;--hero-color-arabic-hashtag: #1c1c1c;--hero-color-english-hashtag: #c8102e;--hero-desktop-right: 8vw;--hero-desktop-bottom: 10vh;--hero-desktop-max-width: 520px;--hero-desktop-ar-size: 34px;--hero-desktop-en-size: 24px;--hero-mobile-right: 24px;--hero-mobile-bottom: 44px;--hero-mobile-max-width: 85vw;--hero-mobile-ar-size: 26px;--hero-mobile-en-size: 18px}#preloader-overlay{position:fixed;inset:0;z-index:4;pointer-events:none;background:var(--preloader-bg, #f6f4ef);opacity:1;transition:opacity .4s ease}#preloader-overlay.is-complete{opacity:0}#long-shadow-debug{position:fixed;left:12px;top:12px;z-index:5;pointer-events:none;padding:10px 12px;border-radius:8px;background:#0000009e;color:#e9f7ee;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.35}#bg-motion-layer{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--bg-base, #f6f4ef)}.bg-motion-stripe{position:absolute;left:-58vw;top:var(--stripe-y);width:var(--stripe-width);height:var(--stripe-height);background:var(--stripe-color);opacity:var(--stripe-opacity);transform:rotate(-34deg) translate(calc(var(--stripe-drift) * -1));transform-origin:center;animation:bgStripeDrift var(--stripe-duration) linear infinite;animation-delay:var(--stripe-delay);will-change:transform}@keyframes bgStripeDrift{0%{transform:rotate(-34deg) translate(calc(var(--stripe-drift) * -1))}50%{transform:rotate(-34deg) translate(var(--stripe-drift))}to{transform:rotate(-34deg) translate(calc(var(--stripe-drift) * -1))}}@media(prefers-reduced-motion:reduce){.bg-motion-stripe{animation:none}}.preloader-line{position:absolute;left:0;top:50%;width:100%;height:2px;transform:translateY(-50%);background:transparent}.preloader-fill{width:100%;height:100%;background:var(--preloader-bar, #00843d);transform-origin:left center;transform:scaleX(0);transition:transform .2s linear}.preloader-progress{position:absolute;left:50%;top:calc(50% - 22px);transform:translate(-50%);font-family:DubaiW23,Segoe UI,Tahoma,sans-serif;font-weight:500;font-size:16px;line-height:1;color:var(--preloader-bar, #00843d)}.hero-copy{position:absolute;right:max(var(--hero-desktop-right),calc(24px + env(safe-area-inset-right)));bottom:max(var(--hero-desktop-bottom),calc(44px + env(safe-area-inset-bottom)));width:min(85vw,var(--hero-desktop-max-width));text-align:right;opacity:0;color:var(--hero-color-arabic);line-height:1.25;letter-spacing:0;transition:opacity .6s ease}.hero-copy.is-visible{opacity:1}.hero-copy.is-ar{font-weight:500;font-size:var(--hero-desktop-ar-size)}.hero-copy.is-en{font-weight:400;font-size:var(--hero-desktop-en-size);color:var(--hero-color-english)}.hero-copy.is-hashtag.is-en{font-weight:500;color:var(--hero-color-english-hashtag)}.hero-copy.is-hashtag.is-ar{font-weight:500;color:var(--hero-color-arabic-hashtag)}@media(max-width:768px){.hero-copy{right:max(var(--hero-mobile-right),calc(24px + env(safe-area-inset-right)));bottom:max(var(--hero-mobile-bottom),calc(44px + env(safe-area-inset-bottom)));width:min(85vw,var(--hero-mobile-max-width))}.hero-copy.is-ar{font-size:var(--hero-mobile-ar-size)}.hero-copy.is-en{font-size:var(--hero-mobile-en-size)}}canvas{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%}.shadow-overlay-canvas{position:absolute;inset:0;z-index:1;pointer-events:none;display:block;width:100%;height:100%}
