/* IN COMMON — colourful festival edition */
:root{--ink:#292044;--paper:#eee5ff;--cream:#fffcf5;--coral:#ff786c;--yellow:#e7ff72;--purple:#7352cb;--stage-accent:#e7ff72;--stage-soft:#f0f6d7}
body{background:#e9dcff;color:var(--ink)}
body[data-stage="1"]{--stage-accent:#ffb0c6;--stage-soft:#fff0f5}
body[data-stage="2"]{--stage-accent:#ffc873;--stage-soft:#fff2dc}
body[data-stage="3"]{--stage-accent:#baacf5;--stage-soft:#f0ecff}
body[data-stage="4"]{--stage-accent:#93dfc8;--stage-soft:#e8f8f0}
body[data-stage="5"]{--stage-accent:#e7ff72;--stage-soft:#f0f6d7}
header{background:#30214c;height:86px;border-bottom:2px solid var(--ink)}
.wordmark{font-size:27px;letter-spacing:-1.5px}.wordmark span{border-color:#9b83c0}.wordmark i{color:#e7ff72;display:block}
.header-controls{display:flex;align-items:center;gap:13px}.motion-toggle{font-size:12px;color:#f4edff;border:1px solid #826998;border-radius:99px;background:transparent;padding:9px 13px;white-space:nowrap}.motion-toggle:hover{background:#503869}.language{border:1px solid #ad95ce;background:#483260;color:#fff}
.network-strip{max-width:none;background:#f8f3ff;border-bottom:2px solid var(--ink);padding:19px max(5%,calc((100vw - 1330px)/2));gap:30px}.network-strip>p{color:#513274;font-size:12px}.network-logos{max-width:970px;gap:20px}.network-logo{height:100px;border:2px solid var(--ink);border-radius:7px;box-shadow:4px 4px 0 #c8b2e8;animation:logo-arrive .5s ease both}.network-logo:nth-child(2){animation-delay:.08s}.network-logo:nth-child(3){animation-delay:.16s}.network-logo.jeel-logo{background:#153c3b}
.festival-ribbon{overflow:hidden;background:#e7ff72;border-bottom:2px solid var(--ink);height:43px;display:flex;align-items:center;color:#342341;user-select:none}.ribbon-track{display:flex;width:max-content;white-space:nowrap;animation:ribbon-travel 36s linear infinite;direction:ltr}.ribbon-track span{font:700 14px/1 'Space Grotesk','Tajawal',sans-serif;letter-spacing:1.5px;padding-right:28px;flex:none}
main{max-width:1480px;gap:0;grid-template-columns:minmax(360px,44%) 1fr}aside{padding:42px 8% 35px;background:#eee3ff;border-inline-end:2px solid var(--ink)}.event-tag{background:#ff947f;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:3px;padding:8px 12px;color:#352044;transform:rotate(-2deg);font-size:11px}h1{font-size:clamp(44px,4.2vw,66px);line-height:1.01;letter-spacing:-3px;margin:32px 0 21px;font-weight:700}h1 em{color:#a82e68}#intro{color:#584666;font-size:17px}.art-frame{position:relative;margin:30px 0 24px;padding:10px;background:#ff947f;border:2px solid var(--ink);border-radius:18px 18px 60px 18px;box-shadow:7px 7px 0 var(--ink);transform:rotate(-1.5deg);animation:art-float 7s ease-in-out infinite}.art{width:100%;margin:0;border:1px solid #443048;border-radius:11px 11px 49px 11px;overflow:hidden}.art img{mix-blend-mode:normal;width:100%;height:auto}.art:hover{transform:none}.art-label{position:absolute;left:20px;top:-17px;z-index:1;border:2px solid var(--ink);background:#e7ff72;padding:7px 12px;border-radius:4px;font:700 11px/1.3 'Space Grotesk','Tajawal',sans-serif;letter-spacing:.6px;transform:rotate(3deg);box-shadow:3px 3px 0 var(--ink)}
.journey{gap:9px;margin:28px 0 12px}.journey button{background:#fffaf0;border:2px solid var(--ink);border-radius:6px;box-shadow:2px 3px 0 var(--ink);font-size:12px;padding:11px 4px;transition:transform .16s,box-shadow .16s,background .16s}.journey button:nth-child(2){background:#ffd293}.journey button:nth-child(3){background:#f3b6d9}.journey button:nth-child(4){background:#a9e9d8}.journey button:hover,.journey button[aria-pressed=true]{background:#e7ff72;transform:translateY(-3px);box-shadow:2px 6px 0 var(--ink)}.journey-note{color:#594767;margin-top:12px;font-size:14px}details{border-color:#bba6d1}summary{font-size:15px}#about-copy{color:#574360}
.form-panel{background:#fffcf5;border:0;padding:38px clamp(25px,4vw,62px) 35px;transition:background .3s}.form-top{margin-bottom:20px}.pill{background:var(--stage-accent);color:var(--ink);border:1.5px solid var(--ink);border-radius:5px;box-shadow:2px 2px 0 var(--ink);padding:6px 10px;letter-spacing:.6px;transition:background .3s}#step-label{color:#64566b;font-weight:600}.progress{height:13px;border:2px solid var(--ink);border-radius:5px;background:#ebe3ef}#progress-fill{background:var(--stage-accent);border-inline-end:2px solid var(--ink);transition:width .45s cubic-bezier(.2,.8,.2,1),background .3s}
#steps{gap:7px;margin:18px 0 33px;counter-reset:step}#steps button{flex:1;padding:8px 1px;color:#6c5c75;line-height:1.5;border:1.5px solid #d7cadd;border-radius:6px;background:#f6eff8;font-size:10px;min-width:0;transition:background .2s,transform .2s,border .2s}#steps button::before{content:attr(data-number);display:block;font-size:16px;font-weight:700;color:#756584}#steps button.active{background:var(--stage-accent);border:1.5px solid var(--ink);box-shadow:2px 3px 0 var(--ink);color:var(--ink);transform:translateY(-3px)}#steps button.active::before{color:var(--ink)}#steps button.completed::before{content:'✓';color:#315e48}#steps button:disabled{opacity:.6}.completion-meta{color:#6e5c79;margin-top:-17px}#completion-count{color:#81409a}.eyebrow{color:#9050a0;font-size:12px}h2{font-weight:700;font-size:37px;letter-spacing:-1.6px}#heading{margin-bottom:22px;padding:17px 19px;border-inline-start:5px solid var(--stage-accent);background:var(--stage-soft);border-radius:0 12px 12px 0;transition:background .3s}#step-description{margin-bottom:0;color:#685772;font-size:15px}#fields{animation:none}.field{margin-bottom:24px}.field label.title,.field legend{font-size:16px;color:#302342}.secondary{color:#75657a}.field input[type=text],.field input[type=email],.field input[type=tel],textarea{border:1.5px solid #bdb0c6;background:#fffefb;border-radius:8px;color:#302342;padding:14px 15px;transition:box-shadow .2s,border-color .2s,background .2s}.field input:focus,textarea:focus{border-color:#7352cb;background:#fff;box-shadow:4px 4px 0 #d3c0fb}.field.is-complete>label.title::after,.field.is-complete>legend::after{color:#264a30;background:#dcf596;border:1px solid #759950}
.choice{border:1.5px solid #bdb0c6;border-radius:9px;background:#fffcf8;padding:14px 15px;box-shadow:0 2px 0 #e4dbe9;color:#392747;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}.choice:hover{background:#f4efff;border-color:var(--ink);box-shadow:3px 4px 0 #ceb7ee;transform:translateY(-2px)}.choice:has(input:checked){background:var(--stage-accent);border:2px solid var(--ink);box-shadow:3px 4px 0 var(--ink);padding:13.5px 14.5px}.choice input{accent-color:#5b3890}.choice-copy{flex:1}.choice-copy>.secondary{color:#615268}.topic-emoji{font-size:23px;line-height:1.1;flex:none}.choice-grid.interest-grid{gap:13px;grid-template-columns:1fr 1fr}.interest-grid .choice{display:grid;grid-template-columns:22px 1fr;gap:11px;border:2px solid #d0bed9;padding:15px;min-height:157px;align-items:start;background:#f6e8ff}.interest-grid .choice:nth-child(3n+2){background:#fff0d7;border-color:#dbc494}.interest-grid .choice:nth-child(3n){background:#e5f5e9;border-color:#bbd9c3}.interest-grid .choice input{grid-row:1;grid-column:2;justify-self:end}.interest-grid .topic-emoji{grid-row:1;grid-column:1}.interest-grid .choice-copy{grid-column:1/-1;font-size:14px;line-height:1.45}.interest-grid .choice:has(input:checked){background:var(--stage-accent);border:2px solid var(--ink);padding:15px;box-shadow:3px 4px 0 var(--ink)}.interest-grid .choice:hover{border-color:var(--ink)}.selection-count{color:#684283;background:#eadaff;border:1px solid #c4a7df;font-weight:600}.step-feedback:not(:empty){background:#e7f7c2;border:1px solid #bbd68c;border-radius:7px;padding:11px 14px;color:#385024;font-weight:600;animation:feedback-in .4s ease}.actions{border-color:#e0d3e6;margin-top:23px}.next{border:2px solid var(--ink);background:#ff8b79;color:var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:7px;min-width:185px;font-weight:700}.next span{color:var(--ink)}.next:hover{background:#e7ff72;box-shadow:4px 7px 0 var(--ink);transform:translateY(-3px)}.next:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.back{color:#655072}.required-note,.original{color:#7a6b80}.review-group{border-color:#d8c9e3}.review-group button{background:#e7ff72;color:var(--ink);border:1px solid var(--ink);font-weight:600}.review-item dd{color:#6e5b78}.submit-note{background:#fff0ce;border:1px solid #ddc08c}footer{background:#30214c;max-width:none;padding:25px 5%;color:#fff3ff;border-top:2px solid var(--ink)}.footer-free,.footer-brand{color:#d1c1e2}.partners-caption{color:#e7ff72}
html[dir=rtl] .form-panel{border:0}html[dir=rtl] h1{font-size:clamp(43px,4vw,63px);line-height:1.18}html[dir=rtl] #heading{border-radius:12px 0 0 12px}html[dir=rtl] #steps button{font-size:12px}html[dir=rtl] .art-label{font-size:13px;letter-spacing:0}
@keyframes ribbon-travel{to{transform:translateX(-50%)}}@keyframes art-float{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-7px) rotate(.5deg)}}@keyframes logo-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes feedback-in{from{opacity:.4;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
@media(max-width:1100px){.choice-grid.interest-grid{grid-template-columns:1fr}.interest-grid .choice{min-height:0;grid-template-columns:24px 1fr 22px;align-items:center;gap:11px}.interest-grid .choice input{grid-column:3;grid-row:1}.interest-grid .topic-emoji{grid-column:1;grid-row:1}.interest-grid .choice-copy{grid-column:2;grid-row:1}#steps button{font-size:9px}}
@media(max-width:800px){header{height:78px;padding:0 5%}.wordmark{font-size:20px;gap:8px}.wordmark span{font-size:27px}.wordmark i{display:none}.header-controls{gap:7px}.motion-toggle{font-size:11px;padding:7px 9px}.language{font-size:14px;padding:6px 10px}.network-strip{padding:15px 5%;display:block}.network-logos{gap:10px}.network-logo{height:70px;box-shadow:2px 3px 0 #c8b2e8}.network-strip>p{font-size:10px;margin-bottom:10px}.festival-ribbon{height:35px}.ribbon-track span{font-size:12px}aside{padding:27px 6% 22px;border:0;border-bottom:2px solid var(--ink);grid-template-columns:1.08fr .92fr;overflow:hidden}.event-tag{font-size:9px;padding:6px 8px}h1{font-size:35px;line-height:1.06;letter-spacing:-1.8px;margin-top:23px}#intro{font-size:14px}.art-frame{grid-column:2;grid-row:2/4;align-self:center;width:calc(100% + 18px);margin:18px 0 0 4px;padding:6px;border-radius:10px 10px 36px 10px;box-shadow:4px 4px 0 var(--ink)}.art{width:100%;margin:0;border-radius:6px 6px 30px 6px}.art-label{font-size:8px;letter-spacing:0;padding:5px 7px;left:3px;top:-15px;max-width:95%}.journey{margin:25px 0 6px}.journey button{padding:9px 3px;font-size:11px}.journey-note{font-size:13px}details{margin-top:8px}.form-panel{padding:29px 6%}.form-top{margin-bottom:19px}#steps{gap:6px;margin-top:16px}#steps button{font-size:10px;padding:7px 0}#steps button::before{font-size:15px}#heading{padding:14px 16px}h2{font-size:30px;letter-spacing:-1px}.completion-meta{font-size:11px}.pill{font-size:11px}.choice-grid.interest-grid{gap:12px}.next{min-width:173px}.network-strip>p br{display:none}html[dir=rtl] h1{font-size:35px}html[dir=rtl] .art-label{font-size:10px}html[dir=rtl] #steps button{font-size:11px}}
@media(max-width:380px){.wordmark{font-size:17px}.wordmark span{font-size:24px}.motion-toggle{font-size:10px;padding:6px}.language{padding:5px 7px}.header-controls{gap:5px}#steps button{font-size:9px}h1{font-size:31px}.art-label{font-size:7px}}
.motion-paused *, .motion-paused *::before, .motion-paused *::after{animation-play-state:paused!important;transition:none!important;scroll-behavior:auto!important}.motion-paused .network-logo,.motion-paused .step-feedback{animation:none!important;opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .ribbon-track,html:not(.motion-enabled) .art-frame,html:not(.motion-enabled) .network-logo,html:not(.motion-enabled) .step-feedback{animation:none!important}*,*::before,*::after{scroll-behavior:auto!important}}