.before-or-after-module__BkP9LG__page{isolation:isolate;padding-block:0 var(--space-5);text-align:center;justify-items:center;gap:14px;margin-block-start:-12px;display:grid;position:relative}@media (min-width:960px){.before-or-after-module__BkP9LG__page{min-height:calc(100dvh - var(--header-h) - var(--space-5) + 12px);align-content:center;gap:clamp(6px,1.2dvh,18px);padding-block:clamp(4px,.8dvh,12px)}}.before-or-after-module__BkP9LG__backdrop{z-index:-1;pointer-events:none;height:min(128vw,620px);position:absolute;inset-block-start:calc(12px - var(--space-6));inset-inline:calc(50% - 50vw);overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.before-or-after-module__BkP9LG__stadium{object-fit:cover;object-position:50% 0%}.before-or-after-module__BkP9LG__backdrop:after{content:"";background:radial-gradient(55% 42% at 50% 30%,#0e072273,#0000 75%),linear-gradient(#0e072233 0%,#0e07224d 55%,#0e0722bf 100%);position:absolute;inset:0}@media (min-width:960px){.before-or-after-module__BkP9LG__backdrop{inset-block:-12px calc(-1 * var(--space-6));height:auto;-webkit-mask-image:linear-gradient(#000 80%,#0000 100%);mask-image:linear-gradient(#000 80%,#0000 100%)}}.before-or-after-module__BkP9LG__player{display:none}@media (min-width:1100px){.before-or-after-module__BkP9LG__player{z-index:-1;pointer-events:none;width:auto;height:min(84%,720px);display:block;position:absolute;inset-block-start:0;inset-inline-end:-4%;-webkit-mask-image:linear-gradient(#000 50%,#0000 95%);mask-image:linear-gradient(#000 50%,#0000 95%)}}.before-or-after-module__BkP9LG__hero{justify-items:center;gap:6px;width:min(100%,1000px);display:grid}.before-or-after-module__BkP9LG__brand{justify-items:center;gap:6px;width:100%;display:grid}.before-or-after-module__BkP9LG__newPill{border-radius:var(--radius-pill);color:#e6dcff;letter-spacing:.08em;text-transform:uppercase;background:#1e1246d9;border:1.5px solid #a68affbf;padding:6px 16px;font-size:12px;font-weight:800;box-shadow:0 0 14px #8b6cf666}:lang(ar) .before-or-after-module__BkP9LG__newPill{letter-spacing:0}.before-or-after-module__BkP9LG__title{width:100%;line-height:0}.before-or-after-module__BkP9LG__wordmark{filter:drop-shadow(0 10px 28px #4614a08c);width:min(100%,520px);height:auto}.before-or-after-module__BkP9LG__lead{color:#fff;text-shadow:0 2px 12px #080314b3;font-size:16px;font-weight:750;line-height:1.35}.before-or-after-module__BkP9LG__lead>span{text-wrap:balance;display:block}.before-or-after-module__BkP9LG__accent{color:var(--primary)}.before-or-after-module__BkP9LG__streakLine{color:#c3b2ff;text-shadow:0 2px 10px #080314b3;font-size:15px;font-weight:650}@media (min-width:960px){.before-or-after-module__BkP9LG__hero{gap:clamp(3px,.8dvh,10px)}.before-or-after-module__BkP9LG__brand{justify-items:start;gap:0;width:auto}.before-or-after-module__BkP9LG__newPill{margin-block-end:-.4dvh;margin-inline-start:2%}.before-or-after-module__BkP9LG__wordmark{width:auto;max-width:100%;height:clamp(64px,15dvh,170px)}.before-or-after-module__BkP9LG__lead{font-size:clamp(16px,2.45dvh,26px);line-height:1.3}.before-or-after-module__BkP9LG__streakLine{font-size:clamp(14px,2.05dvh,21px)}}.before-or-after-module__BkP9LG__showcase{--u:calc(100cqw / 2070);--card-h:calc(340 * var(--u));--line-gap:calc(62 * var(--u));--line-y:calc(var(--card-h) + var(--line-gap));--row-h:calc(var(--line-y) + 100 * var(--u));--row-gap:0px;width:min(100%,1120px);position:relative;container-type:inline-size}@media (min-width:960px){.before-or-after-module__BkP9LG__showcase{width:min(100%,1120px,121dvh)}}.before-or-after-module__BkP9LG__line,.before-or-after-module__BkP9LG__rowLine{z-index:0;pointer-events:none;width:100%;height:auto;position:absolute;inset-inline-start:0}.before-or-after-module__BkP9LG__line{inset-block-start:calc(var(--line-y) - 153 * var(--u))}.before-or-after-module__BkP9LG__rowLine{display:none}.before-or-after-module__BkP9LG__timeline{z-index:1;grid-template-columns:repeat(6, calc(320 * var(--u)));grid-auto-rows:var(--row-h);row-gap:var(--row-gap);display:grid;position:relative}.before-or-after-module__BkP9LG__moment{justify-content:center;display:flex;position:relative}.before-or-after-module__BkP9LG__card{width:auto;height:var(--card-h);filter:drop-shadow(0 10px 16px #08031899);transform:rotate(var(--tilt,0deg))}.before-or-after-module__BkP9LG__moment:first-child{--tilt:-3deg}.before-or-after-module__BkP9LG__moment:nth-child(2){--tilt:2.5deg}.before-or-after-module__BkP9LG__moment:nth-child(3){--tilt:-2deg}.before-or-after-module__BkP9LG__moment:nth-child(4){--tilt:3deg}.before-or-after-module__BkP9LG__moment:nth-child(5){--tilt:-2.5deg}.before-or-after-module__BkP9LG__moment:nth-child(6){--tilt:2deg}.before-or-after-module__BkP9LG__year{color:#efe3ff;font-family:var(--font-sans);font-size:calc(50 * var(--u));font-variant-numeric:tabular-nums;text-shadow:0 2px #2e0e60e6,0 0 8px #c078ffd9,0 0 20px #9646ff99;font-weight:800;line-height:1;position:absolute;inset-block-start:calc(var(--line-y) + 38 * var(--u));inset-inline:0}.before-or-after-module__BkP9LG__moment:is(:first-child,:nth-child(3),:nth-child(6)) .before-or-after-module__BkP9LG__year{color:#ffe2a3;text-shadow:0 2px #6e3400e6,0 0 8px #ffaa3cd9,0 0 20px #ff78148c}@media (max-width:719px){.before-or-after-module__BkP9LG__showcase{--u:calc(100cqw / 960);--card-h:calc(326 * var(--u));--line-gap:calc(50 * var(--u));--row-gap:calc(28 * var(--u));width:100%}.before-or-after-module__BkP9LG__line{display:none}.before-or-after-module__BkP9LG__rowLine{display:block}.before-or-after-module__BkP9LG__rowLine1{inset-block-start:calc(var(--line-y) - 153 * var(--u))}.before-or-after-module__BkP9LG__rowLine2{inset-block-start:calc(var(--row-h) + var(--row-gap) + var(--line-y) - 153 * var(--u))}.before-or-after-module__BkP9LG__timeline{grid-template-columns:repeat(3,minmax(0,1fr))}.before-or-after-module__BkP9LG__year{font-size:calc(50 * var(--u))}}.before-or-after-module__BkP9LG__features{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:start;background:#120c2ad6;border:1px solid #a68aff47;border-radius:20px;grid-template-columns:minmax(0,1fr);gap:12px;width:min(100%,1180px);padding:14px 16px;display:grid}.before-or-after-module__BkP9LG__features li{align-items:center;gap:14px;display:flex}.before-or-after-module__BkP9LG__features li+li{border-block-start:1px solid #a68aff38;padding-block-start:12px}.before-or-after-module__BkP9LG__featureIcon{aspect-ratio:1;color:#e6dcff;border:2px solid #c27bffd9;border-radius:14px;flex:none;place-items:center;width:46px;display:grid;box-shadow:0 0 14px #c27bff73,inset 0 0 12px #c27bff40}.before-or-after-module__BkP9LG__featureIcon svg{width:58%;height:auto}.before-or-after-module__BkP9LG__features li:nth-child(2) .before-or-after-module__BkP9LG__featureIcon{border-color:var(--primary);color:var(--primary);box-shadow:0 0 14px #c6f13c73,inset 0 0 12px #c6f13c33}.before-or-after-module__BkP9LG__featureText{gap:2px;min-width:0;display:grid}.before-or-after-module__BkP9LG__featureTitle{color:#fff;font-size:16px;font-weight:800;line-height:1.2}.before-or-after-module__BkP9LG__featureBody{color:var(--text-muted);font-size:14px;line-height:1.35}@media (min-width:960px){.before-or-after-module__BkP9LG__features{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:clamp(8px,1.3dvh,22px) clamp(10px,1.4vw,22px)}.before-or-after-module__BkP9LG__features li{gap:clamp(10px,1.3vw,18px);padding-inline:clamp(10px,1.5vw,26px)}.before-or-after-module__BkP9LG__features li+li{border-block-start:0;border-inline-start:1px solid #a68aff4d;padding-block-start:0}.before-or-after-module__BkP9LG__featureIcon{border-radius:16px;width:clamp(44px,6.6dvh,68px)}.before-or-after-module__BkP9LG__featureTitle{font-size:clamp(15px,2.25dvh,22px)}.before-or-after-module__BkP9LG__featureBody{font-size:clamp(12px,1.7dvh,16px)}}.before-or-after-module__BkP9LG__actions{justify-items:center;gap:6px;width:100%;display:grid}@media (max-width:899px){.before-or-after-module__BkP9LG__actions{z-index:5;width:auto;margin-inline:calc(-1 * var(--space-page));padding:14px var(--space-page) 12px;background:linear-gradient(#0d081e00,#0d081ee6 40%);justify-self:stretch;position:sticky;inset-block-end:calc(var(--bottom-nav) + env(safe-area-inset-bottom))}.before-or-after-module__BkP9LG__secondary{margin-block-start:-14px}}.before-or-after-module__BkP9LG__start{border-radius:var(--radius-pill);background:var(--primary);width:min(100%,440px);min-height:58px;color:var(--on-primary);cursor:pointer;transition:background-color var(--motion-hover) var(--ease-standard), transform var(--motion-hover) var(--ease-standard);border:0;justify-content:center;align-items:center;gap:18px;padding-inline:32px 10px;font-size:20px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 0 32px #c6f13c80,0 0 0 4px #c6f13c2e,0 12px 28px #0603128c}.before-or-after-module__BkP9LG__start:hover{background:var(--primary-hover);transform:translateY(calc(-2px * var(--motion)))}.before-or-after-module__BkP9LG__start:disabled{cursor:progress;opacity:.75}.before-or-after-module__BkP9LG__start:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.before-or-after-module__BkP9LG__startArrow{aspect-ratio:1;width:42px;color:var(--primary);background:#120d26;border-radius:50%;place-items:center;display:grid}@media (min-width:960px){.before-or-after-module__BkP9LG__start{width:auto;min-width:min(100%,460px);min-height:clamp(50px,7.2dvh,76px);padding-inline:44px 12px;font-size:clamp(20px,3dvh,32px)}.before-or-after-module__BkP9LG__startArrow{width:clamp(36px,5.4dvh,56px)}}.before-or-after-module__BkP9LG__secondary{color:var(--text-muted);font-size:var(--text-label);flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 18px;margin-block-start:-6px;display:flex}.before-or-after-module__BkP9LG__practice{min-height:32px;color:var(--link);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.before-or-after-module__BkP9LG__practice:hover{color:var(--text)}.before-or-after-module__BkP9LG__today{color:var(--primary);font-weight:800}.before-or-after-module__BkP9LG__resetTime{color:var(--text);font-variant-numeric:tabular-nums;font-weight:800}