@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Tajawal:wght@400;500;700;800;900&display=swap');
:root{color-scheme:dark;--pink:#ff96c5;--cream:#fff4e8}*{box-sizing:border-box}html{min-height:100%;background:#130e23}body{margin:0;color:var(--cream);font-family:Tajawal,sans-serif;min-height:100svh;position:relative;isolation:isolate}.backdrop{position:fixed;inset:0;z-index:-3;background:url('assets/poster.jpg') 30% center/cover no-repeat}.backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,rgba(15,10,30,.97) 0%,rgba(20,12,35,.88) 29%,rgba(20,12,35,.27) 66%,rgba(19,12,33,.08)),linear-gradient(0deg,#130e23 0%,transparent 28%,rgba(15,10,28,.3) 100%)}.grain{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='white' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{display:flex;justify-content:space-between;align-items:center;padding:28px 5%;border-bottom:1px solid #ffffff17}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--pink);outline-offset:6px}.wordmark{font-family:'Barlow Condensed',sans-serif;font-size:29px;font-weight:900;display:flex;gap:4px;align-items:center}.wordmark>span{color:var(--pink)}.wordmark i{font:10px 'Barlow Condensed',sans-serif;letter-spacing:3px;border-left:1px solid #ffffff45;padding-left:13px;margin-left:10px}nav{display:flex;gap:30px;font-size:13px}nav button{background:none;border:0;padding:0}nav span{margin-right:9px;color:var(--pink)}main{width:min(680px,53%);margin-right:7%;padding:42px 0 42px}.eyebrow{direction:ltr;display:flex;justify-content:flex-end;align-items:center;gap:12px;font:11px 'Barlow Condensed',sans-serif;letter-spacing:3px;color:#e3cedd}.eyebrow>span{width:22px;height:1px;background:var(--pink)}.eyebrow b{color:var(--pink)}.logo{position:relative;display:flex;align-items:center;justify-content:flex-end;margin:27px 0 22px;height:115px;gap:10px}.gta{font-family:'Barlow Condensed',Impact,sans-serif;font-size:47px;line-height:.8;font-weight:900;letter-spacing:-2px;text-transform:uppercase;text-align:center;text-shadow:3px 3px 0 #140c22,-2px -2px 0 #140c22}.vi{font-family:Georgia,serif;font-size:145px;font-weight:900;line-height:1;letter-spacing:-14px;background:linear-gradient(#f3cee8 10%,#f69ebd 50%,#ffbd8b 90%);background-clip:text;color:transparent;padding-right:12px}.kicker{color:var(--pink);font-size:14px;font-weight:700;margin:0 0 12px}h1{font-size:clamp(32px,3.6vw,59px);line-height:1.3;font-weight:900;letter-spacing:-1.5px;margin:0}h1 em{font-style:normal;color:var(--pink)}.intro{font-size:16px;line-height:1.9;color:#c6b8cf;margin:14px 0 27px}.timer-section{max-width:580px;border-top:1px solid #ffb1d247;border-bottom:1px solid #ffb1d22e;padding:18px 0 12px}.timer-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#e4d8e5}.timer-top>span{display:flex;align-items:center;gap:8px}.timer-top i{height:5px;width:5px;border-radius:50%;background:#ff9acb;box-shadow:0 0 10px #ff70b7}.timer-top time{font-family:'Barlow Condensed',sans-serif;letter-spacing:2px;color:var(--pink)}.countdown{display:flex;align-items:center;justify-content:space-between;margin:12px 0 5px;gap:8px}.unit{text-align:center;flex:1}.unit strong{display:block;font:800 clamp(42px,6.1vw,88px)/1.1 'Barlow Condensed',sans-serif;letter-spacing:1px;font-variant-numeric:tabular-nums}.unit:last-child strong{color:var(--pink)}.unit>span{font-size:12px;color:#b7a6c2}.colon{font:32px 'Barlow Condensed',sans-serif;color:#a981a7;align-self:flex-start;margin-top:16px}#timing-note{font-size:10px;color:#b9a9c2;margin:16px 0 0;text-align:center}.actions{display:flex;gap:12px;margin:26px 0 23px;align-items:center}.primary,.secondary{padding:15px 20px;font-size:13px;font-weight:800;border:1px solid #ffffff32;transition:transform .2s,background .2s}.primary{background:var(--pink);color:#25142e;border-color:var(--pink)}.primary:hover{background:#ffc4df;transform:translateY(-2px)}.play{font-size:11px;margin-left:9px}.secondary{background:#25192c55}.secondary:hover{background:#ffffff13}.secondary span{margin-right:10px}.platforms{display:flex;gap:18px;align-items:center;justify-content:flex-end}.platforms>span{font:10px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#af9db9}.platforms b{font:600 15px 'Barlow Condensed',sans-serif;letter-spacing:1px}.platforms i{height:13px;width:1px;background:#ffffff40}.location{position:absolute;left:5%;bottom:110px;display:grid;gap:13px}.location>span{font:10px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#ead0df}.location b{font:800 40px/.95 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#fff0d9;text-shadow:0 3px 20px #0007}.location:before{content:'';height:35px;width:1px;background:var(--pink);margin-bottom:2px}footer{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:20px 5%;font-size:10px;color:#b1a0ba;border-top:1px solid #ffffff15}footer a:hover{color:var(--pink)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#fff1f6;color:#25142e;padding:12px 22px;font-size:14px;opacity:0;pointer-events:none;transition:.2s;z-index:4}#toast.visible{opacity:1;transform:translate(-50%,0)}@media(min-width:1600px){main{padding-top:65px;padding-bottom:65px}}@media(max-width:900px){main{width:65%;margin-right:5%}.location{left:4%;bottom:120px}.location b{font-size:30px}.backdrop{background-position:35% center}.backdrop:after{background:linear-gradient(270deg,#130e23ed,#130e23a8 60%,#130e2330),linear-gradient(0deg,#130e23,transparent 65%)}nav{gap:18px}}@media(max-width:600px){header{padding:20px 6%}.wordmark{font-size:25px}.wordmark i{display:none}nav{font-size:11px;gap:16px}main{width:88%;margin:0 auto;padding:38px 0 35px}.backdrop{background-position:32% top;background-size:auto 100svh}.backdrop:after{background:linear-gradient(0deg,#130e23 5%,#130e23de 45%,#130e2370 100%)}.logo{height:110px;margin:25px 0;justify-content:center}.eyebrow{justify-content:center}.kicker,h1,.intro{text-align:center}h1{font-size:36px}.intro{font-size:14px}.timer-top{font-size:11px}.timer-top time{letter-spacing:1px}.unit strong{font-size:62px}.colon{margin-top:12px}.actions{justify-content:center;gap:9px}.primary,.secondary{padding:14px 12px;font-size:12px}.platforms{justify-content:center}.location{display:none}footer{flex-direction:column;text-align:center;padding:20px 6%;font-size:10px}#timing-note{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.countdown-controls{display:flex;gap:14px;margin:0 0 20px}.countdown-controls label{display:grid;gap:7px;flex:1;min-width:0;color:#c6b8cf;font-size:11px}.countdown-controls select{width:100%;background:#23162ee6;color:#fff4e8;border:1px solid #ff96c54a;padding:11px 12px;font:700 13px Tajawal,sans-serif;cursor:pointer;border-radius:3px;min-height:44px}.countdown-controls select:focus-visible{outline:2px solid #ff96c5;outline-offset:3px}.schedule-source{font-size:10px;line-height:1.7;color:#ad9ab9;text-align:center;margin:9px 0 0}.schedule-source a{color:#ffb0d3}.timer-top{gap:12px}.timer-top>span{line-height:1.5}.timer-top time{flex-shrink:0}@media(max-width:600px){.countdown-controls{gap:9px}.countdown-controls select{font-size:12px;padding:10px 6px}.timer-top{align-items:flex-start}.timer-top time{font-size:10px}.schedule-source{font-size:9px}}
.actions .primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:64px;padding:20px 34px;font-size:18px}.actions .primary .play{font-size:16px;margin-left:0}@media(max-width:600px){.actions .primary{width:100%;min-height:62px;padding:18px 20px;font-size:17px}}
.actions{justify-content:center;max-width:580px}
.wordmark{display:inline-flex;align-items:center;gap:3px;line-height:1;text-shadow:none}.wordmark img{display:block;width:104px;height:auto}.wordmark>.brand-code{color:#f6f4ff;font-family:'Poppins','Segoe UI',sans-serif;font-size:33px;font-weight:700;letter-spacing:-1px}@media(max-width:600px){.wordmark img{width:85px}.wordmark>.brand-code{font-size:27px}}
.brand-group{display:flex;align-items:center;gap:22px}.personal-links{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:10px 16px;border:1px solid #a78bfa80;border-radius:5px;background:#7c3aed25;color:#ede9fe;font-size:13px;font-weight:700;transition:background .2s,border-color .2s}.personal-links:hover{background:#7c3aed55;border-color:#a78bfa}.personal-links span{color:#bda1ff}@media(max-width:600px){.brand-group{gap:10px}.personal-links{padding:9px 11px;font-size:12px;gap:6px}}
.countdown-controls label[hidden]{display:none}
#language-toggle{border:1px solid #a78bfa65;border-radius:4px;padding:9px 12px;min-height:38px;background:#24163166;font-weight:700}html[lang="en"] main{direction:ltr;text-align:left}html[lang="en"] h1{font-size:clamp(32px,3.6vw,56px);letter-spacing:-1px}html[lang="en"] .logo,html[lang="en"] .eyebrow,html[lang="en"] .platforms{justify-content:flex-start}html[lang="en"] .intro{line-height:1.6}html[lang="en"] .countdown-controls select{font-family:'Segoe UI',sans-serif;font-size:12px}html[lang="en"] .location{display:none}@media(max-width:600px){header{flex-wrap:wrap;gap:15px}nav{gap:12px}#language-toggle{font-size:12px}html[lang="en"] .logo,html[lang="en"] .eyebrow,html[lang="en"] .platforms{justify-content:center}html[lang="en"] h1{font-size:35px}}
/* Keep the cinematic composition stable across languages. */
header{direction:rtl}nav{align-items:center}.brand-group{direction:rtl}.wordmark{direction:ltr}#language-toggle{display:inline-flex;direction:rtl;align-items:center;gap:3px;padding:4px;border:1px solid #b99af84d;border-radius:24px;background:#150e25bf;min-height:40px}#language-toggle>span{display:flex;align-items:center;justify-content:center;min-width:43px;height:30px;border-radius:18px;padding:0 10px;color:#b9abc9;font-size:12px;line-height:1;margin:0}#language-toggle>span.active{background:#a78bfa;color:#180c2b;box-shadow:0 2px 12px #7c3aed33}#language-toggle:hover{border-color:#c8b3ff}html[lang="en"] body{font-family:'Segoe UI',Arial,sans-serif}html[lang="en"] main{margin-left:auto;margin-right:7%;width:min(680px,53%);padding-top:42px}html[lang="en"] h1{font-family:'Barlow Condensed','Segoe UI',sans-serif;font-size:clamp(42px,4vw,66px);font-weight:800;line-height:1.08;letter-spacing:0}html[lang="en"] .kicker{font-size:13px;letter-spacing:1px}html[lang="en"] .intro{font-size:15px;line-height:1.8;color:#dbccdf}html[lang="en"] .location{display:grid}html[lang="en"] .timer-top{font-size:12px}html[lang="en"] .countdown-controls label{font-size:11px;line-height:1.5}html[lang="en"] .schedule-source{font-size:10px;line-height:1.7}html[lang="en"] .primary{font-size:16px}html[lang="en"] .logo{justify-content:flex-start}html[lang="en"] .timer-section{background:linear-gradient(90deg,#160f2580,transparent);padding-inline:12px}html[lang="en"] .unit>span{font-size:11px}html[lang="en"] footer{font-size:10px;line-height:1.6}@media(max-width:900px){html[lang="en"] main{width:65%;margin-right:5%}}@media(max-width:600px){header{padding:17px 6%;gap:14px}nav{width:100%;justify-content:space-between}.brand-group{width:100%;justify-content:space-between}#language-toggle{min-height:38px}#language-toggle>span{height:28px;min-width:40px}html[lang="en"] main{width:88%;margin:0 auto;padding:30px 0 35px}html[lang="en"] h1{font-size:47px;text-align:center}html[lang="en"] .kicker,html[lang="en"] .intro{text-align:center}html[lang="en"] .intro{font-size:13px}html[lang="en"] .logo{justify-content:center}html[lang="en"] .location{display:none}html[lang="en"] .countdown-controls{flex-wrap:wrap}html[lang="en"] .countdown-controls label{flex-basis:100%}html[lang="en"] .timer-top{font-size:10px}html[lang="en"] .timer-section{padding-inline:0;background:none}html[lang="en"] .primary{font-size:16px}}
html[lang="en"] main{width:min(680px,53%)}html[lang="en"] h1{max-width:650px;margin-bottom:18px;font-size:clamp(48px,4.1vw,72px);line-height:1.04}html[lang="en"] .intro{font-size:17px;line-height:1.65;margin-bottom:30px}html[lang="en"] .kicker{font-size:14px;font-weight:600;letter-spacing:.5px}html[lang="en"] .countdown-controls{gap:16px;margin-bottom:24px}html[lang="en"] .countdown-controls label{font-size:13px;font-weight:600;color:#dfd2e6;gap:9px}html[lang="en"] .countdown-controls select{font-size:13px;min-height:48px;padding:12px 10px;font-weight:600}html[lang="en"] .timer-section{padding:22px 0 18px;background:none}html[lang="en"] .timer-top{font-size:14px;font-weight:600}html[lang="en"] .timer-top time{font-size:13px;letter-spacing:1.5px}html[lang="en"] .countdown{margin-top:20px}html[lang="en"] .unit>span{font-size:12px;color:#d0bdd9}html[lang="en"] #timing-note{font-size:13px;line-height:1.6;color:#e0cfe7;margin-top:18px}html[lang="en"] .schedule-source{font-size:11px;line-height:1.8;color:#bfaecc;margin-top:8px}html[lang="en"] .primary{font-size:17px;font-weight:700}html[lang="en"] footer{font-size:11px}@media(max-width:900px){html[lang="en"] main{width:65%}}@media(max-width:600px){html[lang="en"] main{width:88%}html[lang="en"] h1{font-size:48px;max-width:350px;margin:0 auto 18px}html[lang="en"] .intro{font-size:15px;line-height:1.7}html[lang="en"] .kicker{font-size:12px}html[lang="en"] .timer-top{font-size:12px;gap:8px}html[lang="en"] .timer-top time{font-size:11px;letter-spacing:1px}html[lang="en"] #timing-note{font-size:12px}html[lang="en"] .schedule-source{font-size:11px}html[lang="en"] .unit strong{font-size:clamp(46px,15vw,62px)}html[lang="en"] .unit>span{font-size:11px}html[lang="en"] .primary{font-size:16px}}
/* Mirror the full composition for English. */
html[lang="en"] header,html[lang="en"] .brand-group,html[lang="en"] nav{direction:ltr}html[lang="en"] .backdrop{transform:scaleX(-1)}html[lang="en"] main{margin-left:7%;margin-right:auto}html[lang="en"] .location{left:auto;right:5%;text-align:right}html[lang="en"] .location:before{justify-self:end}html[lang="en"] footer{direction:ltr}@media(max-width:900px){html[lang="en"] main{margin-left:5%;margin-right:auto}html[lang="en"] .location{right:4%}}@media(max-width:600px){html[lang="en"] main{margin-left:auto;margin-right:auto}html[lang="en"] .location{display:none}}
/* Keep brand placement consistent when switching languages. */
html[lang="en"] header,html[lang="en"] .brand-group{direction:rtl}.brand-group .wordmark{direction:ltr}
/* The header keeps its Arabic presentation in both languages. */
html[lang="en"] header{font-family:Tajawal,sans-serif}html[lang="en"] nav{direction:rtl}.brand-group,.personal-links,nav>a{direction:rtl}