@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--green:#123f32;--cream:#f7f5ec;--lime:#d6f477;--muted:#d0ded4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--green);font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}main{overflow:hidden}header{display:flex;align-items:center;justify-content:space-between;padding:28px 7%;background:var(--green);color:var(--cream);border-bottom:1px solid #ffffff26}.brand{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600}.brand small{display:block;font:8px Arial,sans-serif;letter-spacing:2px;margin-top:4px}.brand-mark{font:bold 32px Arial;letter-spacing:-5px;direction:ltr;width:42px}.brand-mark span{color:var(--lime)}.edition{font-size:13px;display:flex;gap:16px;align-items:center}.edition>span{font-size:24px;color:var(--lime)}.hero{background:var(--green);color:var(--cream);min-height:630px;padding:65px 9% 85px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;position:relative}.eyebrow{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}.eyebrow>span{height:7px;width:7px;border-radius:50%;background:var(--lime)}h1{font-size:clamp(70px,8vw,112px);line-height:1.14;letter-spacing:-4px;margin:25px 0 20px;font-weight:700}h1 span{color:var(--lime)}.hero p{font-size:18px;color:var(--muted);line-height:1.8;margin:0 0 25px}.hero-cta{display:inline-flex;justify-content:space-between;align-items:center;background:var(--lime);color:var(--green);padding:11px 24px;border-radius:7px;font-weight:700;min-width:185px;transition:transform .2s}.hero-cta:hover{transform:translateY(-3px)}.hero-cta span{font-size:26px}.micro{font-size:12px;color:var(--muted);margin-top:13px}.pitch-art{height:410px;width:100%;position:relative;display:grid;place-items:center}.pitch{height:350px;width:260px;border:2px solid #d6f4776b;position:relative;transform:rotate(-16deg);background:repeating-linear-gradient(0deg,#ffffff03 0 45px,#ffffff08 45px 90px);border-radius:3px}.half-line{position:absolute;top:50%;width:100%;height:2px;background:#d6f4776b}.center-circle{position:absolute;width:82px;height:82px;border:2px solid #d6f4776b;border-radius:50%;top:calc(50% - 41px);left:calc(50% - 41px)}.goal-box{width:125px;height:48px;border:2px solid #d6f4776b;position:absolute;left:calc(50% - 62.5px)}.goal-box.top{top:-2px}.goal-box.bottom{bottom:-2px}.player{border-radius:50%;width:33px;height:33px;display:grid;place-items:center;font:bold 12px Arial;background:var(--lime);color:var(--green);position:absolute;box-shadow:0 4px 12px #0002}.p1{top:22%;left:20%}.p2{top:35%;right:18%}.p3{bottom:24%;left:25%}.p4{bottom:15%;right:19%;background:var(--cream)}.tactic{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--cream);stroke-width:2;stroke-dasharray:6 7;opacity:.6}.ball-wrap{position:absolute;width:145px;height:145px;top:170px;left:calc(50% - 115px);filter:drop-shadow(8px 22px 12px #001f1b66);animation:float 5s ease-in-out infinite}.ball{width:100%;height:100%;transform:rotate(var(--roll,0deg));will-change:transform}.star{font-size:74px;position:absolute;top:7px;left:calc(50% - 155px);color:var(--lime)}.pitch-caption{font-size:13px;position:absolute;bottom:-8px;letter-spacing:.5px;color:var(--muted)}.signup-section{padding:75px 9% 85px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;max-width:1300px;margin:auto}.section-number{font-size:12px;color:#517265;display:block;margin-bottom:24px}h2{font-size:46px;line-height:1.4;letter-spacing:-1px;margin:0 0 16px}.form-intro p{font-size:16px;line-height:1.9;color:#61756c}.intro-note{border-top:1px solid #123f3226;padding-top:20px;margin-top:35px;font-size:13px;display:flex;align-items:center;gap:10px}.intro-note span{font-size:25px}.form-card{background:#fff;border:1px solid #dfe5db;border-radius:16px;padding:30px;box-shadow:0 10px 30px #123f3207}.card-heading{display:flex;align-items:center;justify-content:space-between;font-size:19px;font-weight:600;border-bottom:1px dashed #ced8cc;padding-bottom:20px;margin-bottom:23px}.ticket{font:10px Arial;letter-spacing:1.5px;color:#758578}label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}input,select{display:block;width:100%;border:1px solid #d5ddd2;background:#f9faf6;border-radius:7px;padding:13px 14px;min-height:52px;color:var(--green);font-size:16px;margin-bottom:21px}input::placeholder{color:#8a968b;font-size:14px}input:focus,select:focus{outline:3px solid #d6f47780;border-color:#668942}input[aria-invalid=true],select[aria-invalid=true]{border-color:#ba3c3c}.select-wrap{position:relative}.select-wrap select{appearance:none;padding-left:38px}.select-wrap span{position:absolute;left:16px;top:10px;pointer-events:none;font-size:22px}button{width:100%;border:0;background:var(--green);color:var(--cream);display:flex;align-items:center;justify-content:space-between;padding:12px 19px;min-height:54px;border-radius:7px;font-weight:600;font-size:16px;cursor:pointer}button:hover{background:#205844}button span{font-size:25px;color:var(--lime)}button:disabled{opacity:.6;cursor:wait}.privacy{font-size:11px;text-align:center;color:#7f8e81;margin:15px 0 0}.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}#feedback{font-size:13px;color:#9b302b;margin:0 0 12px}#feedback:empty{display:none}#success{text-align:center;padding:40px 0}.success-icon{width:70px;height:70px;background:var(--lime);border-radius:50%;display:grid;place-items:center;font-size:36px;margin:auto}h3{font-size:25px;margin:24px 0 10px}#success p{color:#61756c;line-height:1.9}.success-label{display:block;margin-top:26px;font-size:14px}footer{border-top:1px solid #123f3226;padding:25px 7%;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#607569}footer>span:last-child{font-size:25px}@keyframes float{50%{translate:0 -12px}}:focus-visible{outline:3px solid #a6c75d;outline-offset:4px}
@media(max-width:700px){header{padding:20px 6%}.brand{font-size:13px}.brand-mark{font-size:28px}.edition{font-size:11px;gap:8px}.hero{padding:38px 7% 40px;grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{z-index:1}h1{font-size:76px;margin:21px 0 16px;letter-spacing:-3px}.hero p{font-size:15px;margin-bottom:20px}.hero-cta{min-width:175px}.pitch-art{height:300px;margin-top:24px}.pitch{width:195px;height:260px}.goal-box{width:100px;left:calc(50% - 50px);height:37px}.center-circle{width:65px;height:65px;top:calc(50% - 32.5px);left:calc(50% - 32.5px)}.ball-wrap{width:120px;height:120px;top:100px;left:calc(50% - 98px)}.star{font-size:52px;top:0;left:calc(50% - 140px)}.pitch-caption{bottom:0}.signup-section{padding:37px 6% 42px;grid-template-columns:1fr;gap:26px}.section-number{margin-bottom:15px}h2{font-size:32px;line-height:1.4}h2 br{display:none}.form-intro p{font-size:14px;margin:10px 0 0}.intro-note{display:none}.form-card{padding:23px 20px;border-radius:12px}.card-heading{font-size:17px}footer{gap:12px;padding:23px 6%;font-size:10px}footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ball-wrap{animation:none}.ball{transform:none}.hero-cta{transition:none}}
/* One football follows the visitor, then shoots into the goal. */
.form-card{position:relative;z-index:5}.hero-copy,.form-intro{position:relative;z-index:3}header{position:relative;z-index:6}.admin-link{text-decoration:underline;text-underline-offset:4px}.travelling-ball{position:fixed;top:0;left:0;width:110px;height:110px;pointer-events:none;z-index:4;filter:drop-shadow(8px 14px 10px #001f1b40);will-change:transform}.travelling-ball svg{display:block;width:100%;height:100%;will-change:transform}#goal-celebration{position:fixed;inset:0;z-index:20;background:#123f32eb;display:grid;place-items:center;pointer-events:none;backdrop-filter:blur(5px)}#goal-celebration[hidden]{display:none}.goal-stage{width:min(90vw,420px);text-align:center;position:relative}.goal-label{font-family:Arial,sans-serif;font-size:46px;font-weight:700;color:var(--lime);line-height:1.2;margin-bottom:25px;transform:rotate(-6deg)}.goal-net{display:block;width:100%;height:auto;overflow:visible;transform-origin:center}.goal-caption{font-size:18px;color:var(--cream);margin-top:24px}.travelling-ball.shooting{z-index:22}.confetti{position:absolute;inset:-60px -10px;pointer-events:none}.confetti i{position:absolute;width:7px;height:14px;background:var(--lime);left:var(--x);top:45%;opacity:0;animation:confetti-fall 1.4s var(--delay) ease-out forwards}.confetti i:nth-child(3n){background:var(--cream)}.confetti i:nth-child(4n){background:#f07862}.confetti i:nth-child(5n){background:#70d9d0}.net-hit .goal-net{animation:net-recoil .5s ease-out}.net-hit .goal-label{animation:goal-pop .45s ease-out}@keyframes net-recoil{25%{transform:scale(1.035,.97) translateY(5px)}60%{transform:scale(.99,1.02)}100%{transform:none}}@keyframes goal-pop{0%{scale:.65;opacity:0}100%{scale:1;opacity:1}}@keyframes confetti-fall{0%{translate:0 0;rotate:0deg;opacity:1}100%{translate:var(--drift) 180px;rotate:280deg;opacity:0}}@media(prefers-reduced-motion:reduce){.travelling-ball{display:none}.net-hit .goal-net,.net-hit .goal-label,.confetti i{animation:none}}
.time-options{border:0;padding:0;margin:0 0 23px;min-width:0}.time-options legend{font-size:14px;font-weight:500;padding:0}.time-options p{font-size:12px;color:#61756c;margin:6px 0 12px}.time-choice{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 14px;border:1px solid #d5ddd2;border-radius:7px;background:#f9faf6;cursor:pointer;margin-bottom:9px;font-size:15px}.time-choice input{width:20px;height:20px;min-height:0;padding:0;margin:0;flex:none;accent-color:var(--green)}.time-choice:has(input:checked){border-color:#729249;background:#f1f8e6}.time-choice:has(input[aria-invalid=true]){border-color:#ba3c3c}
/* Keep the supplied transparent logo proportional on desktop and mobile. */
header{gap:16px}.brand{width:220px;max-width:55%;flex:none}.brand-logo{display:block;width:100%;height:auto}.edition{flex-shrink:0}
@media(max-width:700px){.brand{width:180px}}
@media(max-width:700px){.goal-label{font-size:32px}}