@font-face{font-family:DASKufi;src:url('/fonts/NotoKufiArabic-Regular.ttf') format('truetype');font-display:swap}
.das-entry-v1{position:fixed;inset:0;z-index:2500;width:100vw;height:100dvh;overflow:hidden;background:#050403;color:#fff;font-family:DASKufi,NBKufi,sans-serif;direction:rtl;isolation:isolate}
.das-entry-v1 *{box-sizing:border-box}
.das-entry-view{position:absolute;inset:0;overflow:hidden;background:#070604}
.das-entry-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;transform:translateZ(0);will-change:transform,filter;user-select:none;-webkit-user-drag:none}
.das-entry-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.62),rgba(0,0,0,.1) 32%,rgba(0,0,0,.08) 56%,rgba(0,0,0,.52)),radial-gradient(ellipse at 50% 43%,transparent 44%,rgba(0,0,0,.32) 100%);pointer-events:none}
.das-entry-copy,.das-entry-mirror-copy{position:absolute;z-index:2;top:clamp(54px,10vh,112px);left:20px;right:20px;margin:auto;text-align:center;text-shadow:0 3px 24px #000,0 1px 7px #000;animation:das-entry-copy-in .55s ease both}
.das-entry-copy h1,.das-entry-mirror-copy h1{margin:0;font-size:clamp(40px,7.4vw,88px);font-weight:800;line-height:1.2;letter-spacing:-.035em}
.das-entry-copy p,.das-entry-mirror-copy p{margin:14px 0 0;font-size:clamp(18px,2.2vw,27px);line-height:1.65;color:#fff}
.das-entry-controls{position:absolute;z-index:3;left:20px;right:20px;bottom:clamp(24px,6.2vh,66px);display:grid;justify-items:center;gap:12px}
.das-entry-v1 .das-entry-primary,.das-entry-v1 .das-entry-skip{font:inherit;cursor:pointer}
.das-entry-v1 .das-entry-primary{min-width:min(340px,88vw);min-height:64px;padding:13px 35px;border:0;border-radius:999px;background:#ffd21a;color:#171000;font-size:clamp(18px,2vw,23px);font-weight:900;box-shadow:0 0 0 1px #ffe56a inset,0 8px 32px #ffbe16a3,0 0 44px #ffc80070;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.das-entry-v1 .das-entry-primary:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 0 0 1px #fff0a0 inset,0 12px 42px #ffbe16cc,0 0 58px #ffc8009c}
.das-entry-v1 .das-entry-primary:active:not(:disabled){transform:scale(.985)}
.das-entry-v1 .das-entry-primary:focus-visible,.das-entry-v1 .das-entry-skip:focus-visible{outline:3px solid #fff;outline-offset:5px}
.das-entry-v1 .das-entry-skip{min-height:40px;padding:7px 13px;border:0;background:transparent;color:#fff;font-size:13px;text-decoration:underline;text-underline-offset:4px;text-shadow:0 2px 12px #000}
.das-entry-mirror-copy{top:50%;transform:translateY(-56%);max-width:850px;padding:20px}
.das-entry-kicker{display:inline-block;margin-bottom:13px;color:#ffe47b;font-size:clamp(14px,1.6vw,18px);font-weight:800;text-shadow:0 2px 14px #000}
.das-entry-mirror-copy h1{font-size:clamp(54px,10vw,120px);text-shadow:0 4px 30px #000,0 0 38px #ffbd2480}
.das-entry-mirror-copy p{font-size:clamp(19px,2.6vw,31px)}
.das-entry-placeholder .das-entry-shade{background:linear-gradient(120deg,rgba(0,0,0,.76),rgba(0,0,0,.15) 62%,rgba(0,0,0,.58)),radial-gradient(circle at 60% 50%,transparent 0 24%,#0006 75%)}
.das-entry-placeholder .das-entry-mirror-copy{top:42%;width:min(760px,calc(100% - 36px));padding:clamp(24px,5vw,56px);border:1px solid #ffe27755;border-radius:28px;background:rgba(5,6,5,.7);backdrop-filter:blur(10px)}
.das-entry-placeholder .das-entry-mirror-copy h1{font-size:clamp(38px,7vw,76px)}
.das-entry-access{position:absolute;z-index:4;inset:auto 20px 28px;text-align:center;color:#fff;font-size:16px;text-shadow:0 2px 12px #000}
.das-entry-motion{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;background:#080604;pointer-events:none;transform:translateZ(0);will-change:opacity,object-position;filter:none}
.das-entry-idle{opacity:1}.das-entry-jump{opacity:0}
.das-entry-landing .das-entry-art{display:none}
.das-entry-sparks{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none}
.das-entry-sparks i{--x:50%;--y:60%;--d:3.4s;position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;border-radius:50%;background:#ffe36a;box-shadow:0 0 7px 2px #ffc928aa;opacity:0;animation:das-entry-spark var(--d) ease-in-out infinite}
.das-entry-sparks i:nth-child(1){--x:18%;--y:31%;--d:4.1s}.das-entry-sparks i:nth-child(2){--x:29%;--y:68%;--d:3.7s;animation-delay:-1.2s}.das-entry-sparks i:nth-child(3){--x:41%;--y:42%;--d:4.8s;animation-delay:-2.7s}.das-entry-sparks i:nth-child(4){--x:54%;--y:73%;--d:3.2s;animation-delay:-.8s}.das-entry-sparks i:nth-child(5){--x:66%;--y:38%;--d:4.3s;animation-delay:-3s}.das-entry-sparks i:nth-child(6){--x:74%;--y:63%;--d:3.9s;animation-delay:-1.8s}.das-entry-sparks i:nth-child(7){--x:84%;--y:27%;--d:4.6s;animation-delay:-2.2s}.das-entry-sparks i:nth-child(8){--x:90%;--y:71%;--d:3.5s;animation-delay:-.4s}.das-entry-sparks i:nth-child(9){--x:34%;--y:24%;--d:4.5s;animation-delay:-3.4s}
.das-entry-cut-flash{position:absolute;z-index:3;inset:0;opacity:0;pointer-events:none;background:radial-gradient(circle at 62% 52%,#fffbdc 0 9%,#ffd52f99 22%,transparent 58%);mix-blend-mode:screen}
.das-entry-lightning,.das-entry-lightning:before,.das-entry-lightning:after{position:absolute;z-index:4;opacity:0;pointer-events:none;background:linear-gradient(90deg,#fffef0 0 42%,#ffd21a 43% 100%);clip-path:polygon(47% 0,63% 0,55% 34%,70% 34%,37% 100%,44% 55%,30% 55%);filter:drop-shadow(0 0 7px #fff) drop-shadow(0 0 20px #ffd21a)}
.das-entry-lightning{inset:-18% 22% -12% 22%;transform:rotate(18deg)}.das-entry-lightning:before,.das-entry-lightning:after{content:"";inset:18% 70% 28% -12%;transform:rotate(-27deg)}.das-entry-lightning:after{inset:34% -18% 8% 72%;transform:rotate(31deg) scale(.7)}
.das-entry-v1.is-starting .das-entry-landing .das-entry-art{animation:das-entry-ready .48s cubic-bezier(.2,.8,.2,1) both}
.das-entry-v1.is-starting .das-entry-landing:after{content:"";position:absolute;z-index:2;inset:0;background:radial-gradient(ellipse at 70% 60%,#ffe79b9c 0, #ffc92855 24%,transparent 65%);opacity:0;animation:das-entry-flare .55s ease-out both;pointer-events:none}
.das-entry-v1.is-playing .das-entry-idle{opacity:0}.das-entry-v1.is-playing .das-entry-jump{opacity:1}
.das-entry-v1.is-cut-flash .das-entry-cut-flash{animation:das-entry-cut-flash .58s ease-out both}
.das-entry-v1.is-cut-flash .das-entry-lightning,.das-entry-v1.is-cut-flash .das-entry-lightning:before,.das-entry-v1.is-cut-flash .das-entry-lightning:after{animation:das-entry-lightning .58s steps(2,end) both}
.das-entry-v1.is-cut-flash .das-entry-sparks{filter:brightness(1.8)}
.das-entry-v1.is-playing .das-entry-shade{opacity:0;transition:opacity .28s ease}
.das-entry-v1.is-playing .das-entry-copy,.das-entry-v1.is-playing .das-entry-controls{opacity:0;pointer-events:none;transition:opacity .24s ease,transform .24s ease}
.das-entry-v1.is-starting .das-entry-primary{animation:das-entry-button-flare .5s ease both}
.das-entry-v1.is-ending:after{content:"";position:absolute;z-index:5;inset:0;background:radial-gradient(ellipse at 50% 48%,#fff5c7 0,#ffe27b 20%,#ffbd2b 48%,#f8a900 100%);opacity:0;animation:das-entry-sun-cut .22s ease-in forwards;pointer-events:none}
.das-entry-skip-transition{position:absolute;z-index:6;top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));margin:0;border-radius:999px;background:#09080670;backdrop-filter:blur(8px);text-decoration:none;min-height:44px;padding-inline:18px}
.das-entry-v1.is-transitioning .das-entry-copy,.das-entry-v1.is-transitioning .das-entry-controls{animation:das-entry-fade .32s ease forwards}
.das-entry-v1.is-arriving .das-entry-view{animation:das-entry-arrive .72s ease both}
.das-entry-v1.is-arriving .das-entry-art{animation:das-entry-arrive-camera .72s ease both}
.das-starter-retired{width:min(760px,calc(100% - 32px));margin:clamp(48px,12vh,120px) auto;padding:clamp(24px,5vw,56px);border:1px solid #ffd21a55;border-radius:24px;background:linear-gradient(145deg,#191912,#10110f);color:#fff;text-align:center;box-shadow:0 22px 70px #0005}
.das-starter-retired-kicker{display:inline-block;margin-bottom:12px;color:#ffd21a;font-size:14px;font-weight:800}
.das-starter-retired h1{margin:0;font-size:clamp(30px,5vw,54px);line-height:1.4}
.das-starter-retired p{max-width:56ch;margin:14px auto 0;color:#eee;font-size:clamp(16px,2vw,19px);line-height:1.9}
.das-starter-retired .das-starter-retired-back{margin-top:28px;min-height:52px;padding:12px 25px;border:0;border-radius:999px;background:#ffd21a;color:#171000;font:inherit;font-weight:900;cursor:pointer}
@keyframes das-entry-ready{0%{transform:scale(1)}45%{transform:scale(1.012)}100%{transform:scale(1.006)}}
@keyframes das-entry-flare{0%,100%{opacity:0}30%{opacity:.48}70%{opacity:.18}}
@keyframes das-entry-button-flare{0%{filter:brightness(1);transform:scale(1)}35%{filter:brightness(1.25);transform:scale(1.035)}100%{filter:brightness(1);transform:scale(1)}}
@keyframes das-entry-spark{0%,72%,100%{opacity:0;transform:translate3d(0,9px,0) scale(.6)}78%{opacity:.78}90%{opacity:.32;transform:translate3d(8px,-18px,0) scale(1)}}
@keyframes das-entry-cut-flash{0%,100%{opacity:0}20%{opacity:.3}38%{opacity:.92}62%{opacity:.22}}
@keyframes das-entry-lightning{0%,100%{opacity:0}12%{opacity:.95}30%{opacity:.18}42%{opacity:1}67%{opacity:.12}}
@keyframes das-entry-sun-cut{0%{opacity:0}70%{opacity:.94}100%{opacity:.86}}
@keyframes das-entry-fade{to{opacity:0;transform:translateY(-8px)}}
@keyframes das-entry-copy-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes das-entry-arrive{from{opacity:0}to{opacity:1}}
@keyframes das-entry-arrive-camera{from{transform:scale(1.08);filter:brightness(1.35)}to{transform:scale(1);filter:none}}
@media(orientation:portrait){.das-entry-art{object-position:30% center}.das-entry-motion{object-position:22% center}.das-entry-v1.is-playing .das-entry-motion{animation:das-entry-mobile-pan 4.85s cubic-bezier(.3,.05,.7,.95) both}.das-entry-shade{background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.12) 40%,rgba(0,0,0,.1) 62%,rgba(0,0,0,.57)),radial-gradient(ellipse at 49% 50%,transparent 32%,rgba(0,0,0,.37) 100%)}.das-entry-copy{top:clamp(58px,10vh,96px)}.das-entry-copy h1{font-size:clamp(42px,11vw,68px)}.das-entry-copy p{font-size:clamp(17px,4.5vw,22px)}.das-entry-controls{bottom:max(22px,env(safe-area-inset-bottom))}.das-entry-primary{min-height:58px}}
@media(orientation:landscape) and (max-height:520px){.das-entry-art{object-position:center 56%}.das-entry-copy{top:20px}.das-entry-copy h1{font-size:clamp(34px,7vh,54px)}.das-entry-copy p{margin-top:4px}.das-entry-controls{bottom:12px}.das-entry-primary{min-height:48px}.das-entry-skip{min-height:28px}}
@media(max-width:560px){.das-starter-retired{margin:32px auto;padding:24px 18px}}
@keyframes das-entry-mobile-pan{from{object-position:22% center}to{object-position:66% center}}
@media(prefers-reduced-motion:reduce){.das-entry-v1 *, .das-entry-v1 *:before,.das-entry-v1 *:after{scroll-behavior:auto!important;animation-duration:.22s!important;animation-delay:0s!important;transition-duration:.22s!important}.das-entry-v1.is-transitioning .das-entry-landing .das-entry-art{animation:none}.das-entry-v1.is-transitioning .das-entry-landing:after{display:none}.das-entry-v1.is-playing .das-entry-motion{animation:none}}
.das-entry-v1,.das-entry-v1 button{font-family:'SM Sham','SA Hazm',Arial,sans-serif}
