:root{--sky0: #8fe4ff;--sky1: #6fd3f7;--sky2: #38a9e4;--sky3: #1e7fc0;--sky4: #155f93;--tile: #fff3dc;--tileLip: #c9ae84;--tileTxt: #4a3410;--valid: #57c64b;--validLip: #2f7f27;--gold: #ffc22a;--goldHi: #ffe08a;--goldLip: #9e6a00;--goldInk: #4a3000;--bonus: #2f9e5c;--ink: #0b3550;--inkSoft: #2b5675;--cream: #fff8ec;--creamDeep: #f6ead2;--display: "Fredoka", "Arial Rounded MT Bold", "SF Pro Rounded", system-ui, sans-serif;--body: "Nunito", system-ui, -apple-system, "Segoe UI", "Geeza Pro", "Noto Sans Arabic", sans-serif;--wrap: 1140px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body.home{margin:0;font-family:var(--body);font-weight:600;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;overflow-x:hidden}[dir=rtl] body.home{--display: "Geeza Pro", "Noto Sans Arabic", "SF Arabic", system-ui, sans-serif}img,video{display:block;max-width:100%}a{color:inherit}h1,h2,h3{font-family:var(--display);font-weight:700;margin:0;line-height:1.05;letter-spacing:-.01em}p{margin:0}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--display);font-weight:700;text-decoration:none;border-radius:18px;padding:14px 26px;font-size:18px;line-height:1;transition:transform .12s ease,box-shadow .12s ease;white-space:nowrap}.btn-gold{background:linear-gradient(180deg,var(--goldHi),var(--gold) 55%);color:var(--goldInk);box-shadow:0 5px 0 var(--goldLip),0 10px 22px #0b355040}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--goldLip),0 14px 26px #0b355047}.btn-gold:active{transform:translateY(4px);box-shadow:0 1px 0 var(--goldLip),0 4px 10px #0b355033}.btn-sm{padding:10px 18px;font-size:16px;border-radius:14px}.btn-lg{padding:20px 38px;font-size:22px;border-radius:22px}.top{position:absolute;inset:0 0 auto;z-index:20;padding:16px 0}.top-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-icon{width:40px;height:40px;border-radius:11px;box-shadow:0 4px 10px #0b355040}.brand-name{font-family:var(--display);font-weight:700;font-size:24px;color:#fff;text-shadow:0 2px 6px rgba(11,53,80,.35)}.top-right{display:flex;align-items:center;gap:10px}.lang{display:flex;align-items:center;gap:6px;background:#ffffff47;border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(8px);border-radius:999px;padding:6px 12px;font-size:15px}.lang select{appearance:none;-webkit-appearance:none;background:transparent;border:0;color:var(--ink);font:800 15px var(--body);cursor:pointer;outline-offset:4px}.sky{position:absolute;inset:0;overflow:hidden;pointer-events:none}.cloud{position:absolute;border-radius:999px;background:#fff6;filter:blur(8px);animation:drift linear infinite}.c1{top:14%;width:240px;height:80px;animation-duration:48s;animation-delay:-10s}.c2{top:38%;width:180px;height:62px;opacity:.7;animation-duration:62s;animation-delay:-40s}.c3{top:70%;width:300px;height:96px;opacity:.55;animation-duration:74s;animation-delay:-22s}.c4{top:6%;width:140px;height:50px;opacity:.6;animation-duration:56s;animation-delay:-30s}@keyframes drift{0%{transform:translate(110vw)}to{transform:translate(-340px)}}.hero{position:relative;background:linear-gradient(180deg,var(--sky0) 0%,var(--sky1) 30%,var(--sky2) 72%,var(--sky3) 100%);padding:104px 0 0;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -10% -60px;height:140px;background:var(--cream);border-radius:50% 50% 0 0/100% 100% 0 0}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px}.hero-copy{padding-bottom:120px}.hero-title{font-size:clamp(44px,5.6vw,76px);color:#fff;white-space:pre-line;text-shadow:0 4px 0 rgba(11,53,80,.18),0 10px 30px rgba(11,53,80,.3)}.hero-title .accent{color:var(--gold);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink),0 0 40px rgba(255,194,42,.6)}.hero-title .accent-tick{display:inline-block;animation:tick 2.6s ease-in-out infinite;transform-origin:50% 70%}@keyframes tick{0%,82%,to{transform:rotate(0) scale(1)}86%{transform:rotate(-4deg) scale(1.06)}90%{transform:rotate(4deg) scale(1.06)}94%{transform:rotate(-2deg) scale(1.03)}}.nowrap{white-space:nowrap}.hero-lead{margin-top:22px;max-width:520px;font-size:19px;line-height:1.5;color:var(--ink)}.badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.badge{display:inline-flex;align-items:center;gap:10px;min-width:182px;padding:10px 20px 10px 16px;background:#0d1720;color:#fff;text-decoration:none;border-radius:16px;box-shadow:0 5px #000,0 12px 24px #0b355059;transition:transform .12s ease,box-shadow .12s ease}.badge:hover{transform:translateY(-2px);box-shadow:0 7px #000,0 16px 28px #0b355061}.badge:active{transform:translateY(4px);box-shadow:0 1px #000,0 4px 10px #0b35504d}.badge-logo{width:26px;height:30px;flex:none}.badge-txt{display:flex;flex-direction:column;line-height:1.05}.badge-txt small{font-size:12px;font-weight:600;opacity:.85}.badge-txt strong{font-family:var(--display);font-size:22px;font-weight:600}.hero-trust{margin-top:16px;font-size:15px;font-weight:800;color:var(--ink);opacity:.75}.hero-visual{position:relative;justify-self:center;padding:0 0 80px}.phone{position:relative;width:min(340px,80vw);aspect-ratio:9 / 16;border-radius:46px;padding:10px;background:#0d1720;box-shadow:0 0 0 2px #ffffff2e inset,0 30px 60px #0b355073,0 8px 18px #0b35504d;transform:rotate(3deg);animation:float 6s ease-in-out infinite}[dir=rtl] .phone{transform:rotate(-3deg)}.phone-video{width:100%;height:100%;object-fit:cover;border-radius:37px;background:var(--sky2)}@keyframes float{0%,to{translate:0 0}50%{translate:0 -10px}}.float-pill{position:absolute;top:18%;inset-inline-end:-34px;background:var(--bonus);color:#fff;font:700 30px var(--display);padding:10px 22px;border-radius:999px;border:4px solid rgba(255,255,255,.45);box-shadow:0 10px 24px #0b355059;animation:pulse 2s cubic-bezier(.2,1.4,.4,1) infinite}@keyframes pulse{0%,to{transform:scale(1) rotate(6deg)}12%{transform:scale(1.14) rotate(-2deg)}24%{transform:scale(1) rotate(6deg)}}.float-tile,.mt,.wm{display:inline-flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;color:var(--tileTxt);background:linear-gradient(180deg,#fffdf6,var(--tile));border-bottom:5px solid var(--tileLip);box-shadow:0 8px 16px #0b355040}.float-tile{position:absolute;width:64px;height:64px;border-radius:16px;font-size:34px;animation:bob 5s ease-in-out infinite}.float-tile.gold,.wm.gold{background:linear-gradient(180deg,var(--goldHi),var(--gold));border-bottom-color:var(--goldLip);color:var(--goldInk)}.ft1{top:6%;inset-inline-start:-48px;rotate:-12deg}.ft2{bottom:26%;inset-inline-start:-60px;rotate:10deg;animation-delay:-1.6s}.ft3{bottom:12%;inset-inline-end:-40px;rotate:-8deg;animation-delay:-3s;width:52px;height:52px;font-size:28px}@keyframes bob{0%,to{translate:0 0}50%{translate:0 -14px}}.title{font-size:clamp(32px,4vw,48px);text-align:center;color:var(--ink)}.title-start{text-align:start}.lead{font-size:18px;line-height:1.55;color:var(--inkSoft)}.beats{padding:56px 0 88px}.beat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}.beat{background:#fff;border-radius:28px;padding:26px 26px 30px;border-bottom:6px solid var(--creamDeep);box-shadow:0 14px 34px #0b355014}.beat h3{font-size:23px;margin-top:22px}.beat p{margin-top:10px;font-size:16px;line-height:1.5;color:var(--inkSoft)}.beat-art{height:170px;border-radius:20px;background:linear-gradient(180deg,var(--sky1),var(--sky2));display:flex;align-items:center;justify-content:center;gap:14px;position:relative;overflow:hidden}.mt{width:40px;height:40px;border-radius:11px;font-size:22px;border-bottom-width:4px}.mt.valid{background:var(--valid);color:#fff;border-bottom-color:var(--validLip)}.dial{width:112px;height:112px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--gold) 0 var(--fill, 40deg),rgba(11,53,80,.22) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 12px),#000 calc(100% - 12px));mask:radial-gradient(farthest-side,transparent calc(100% - 12px),#000 calc(100% - 12px));position:absolute;animation:refill 3s ease-in-out infinite}@property --fill{syntax: "<angle>"; inherits: false; initial-value: 40deg;}@keyframes refill{0%,30%{--fill: 40deg}45%,85%{--fill: 150deg}to{--fill: 40deg}}.art-time:before{content:"";position:absolute;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle,rgba(47,158,92,.65),transparent 68%);opacity:0;animation:glow 3s ease-out infinite}@keyframes glow{0%,30%{opacity:0;transform:scale(.8)}40%{opacity:1;transform:scale(1.05)}70%,to{opacity:0;transform:scale(1.25)}}.pill-bonus{position:absolute;font:700 26px var(--display);color:#fff;background:var(--bonus);padding:6px 16px;border-radius:999px;border:3px solid rgba(255,255,255,.4);translate:52px 40px;animation:bonusPop 3s cubic-bezier(.2,1.4,.4,1) infinite}@keyframes bonusPop{0%,30%{opacity:0;transform:scale(.5)}38%{opacity:1;transform:scale(1.15)}45%,80%{opacity:1;transform:scale(1)}92%,to{opacity:0;transform:scale(1)}}.mini-grid{display:grid;grid-template-columns:repeat(3,40px);gap:6px;padding:10px;background:#e6d2ac;border-radius:16px;border-bottom:5px solid var(--tileLip)}.mini-grid .mt{box-shadow:none}.mini-grid{grid-template-columns:repeat(3,40px)}.mini-grid .pop{animation:refillTile 3.2s ease-in-out infinite;animation-delay:calc(var(--d) * 70ms)}@keyframes refillTile{0%,22%{transform:scale(1);background:var(--tile);color:var(--tileTxt)}28%,40%{transform:scale(1);background:var(--valid);color:#fff;border-bottom-color:var(--validLip)}48%{transform:scale(0);opacity:0}56%{transform:scale(0) translateY(-30px);opacity:0}68%{transform:scale(1.15) translateY(0);opacity:1;background:var(--tile);color:var(--tileTxt)}76%,to{transform:scale(1)}}.long-word,.mini-grid{direction:ltr}.long-word{display:flex;gap:5px;position:relative}.long-word .mt{width:36px;height:40px;font-size:21px;animation:wave 2.8s ease-in-out infinite;animation-delay:calc(var(--d) * 90ms)}@keyframes wave{0%,60%,to{transform:translateY(0)}20%{transform:translateY(-12px)}}.x2{position:absolute;top:-46px;inset-inline-end:-26px;font:700 28px var(--display);color:#fff;background:#2e64c8;border-radius:14px;padding:4px 12px;rotate:10deg;box-shadow:0 6px 14px #0b35504d;border-bottom:4px solid #1b3f86}.extras{list-style:none;padding:0;margin:34px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.extras li{background:#fff;border-radius:999px;padding:10px 18px;font-weight:800;font-size:15px;box-shadow:0 6px 16px #0b355014}.board-sec{background:linear-gradient(180deg,var(--sky2),var(--sky3) 70%,var(--sky4));color:#fff;padding:88px 0}.board-sec .title,.board-sec .lead{color:#fff}.board-sec .lead{opacity:.92;margin:16px 0 28px}.board-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.board{background:var(--cream);color:var(--ink);border-radius:28px;padding:20px;border-bottom:8px solid var(--tileLip);box-shadow:0 30px 60px #061e3266;rotate:-1.5deg}.board-head{display:flex;align-items:center;gap:10px;font:700 20px var(--display);padding:4px 6px 14px}.board-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.board-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:10px 14px;font-weight:800}.board-row:first-child{background:linear-gradient(180deg,var(--goldHi),var(--gold));color:var(--goldInk)}.board-row.is-you{outline:3px solid var(--sky2)}.board-row .rank{font-family:var(--display);font-size:18px;text-align:center}.board-row .player{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-row .score{font-family:var(--display);font-variant-numeric:tabular-nums}.faq{padding:88px 0}.faq .container{max-width:820px;margin:0 auto;padding:0 24px}.faq .section-title{font-family:var(--display);font-size:clamp(30px,3.6vw,42px);text-align:center}.faq-about{margin-top:18px;font-size:18px;line-height:1.6;color:var(--inkSoft);text-align:center}.faq-title{font-size:26px;margin:48px 0 18px}.faq-list{display:grid;gap:10px}.faq-item{background:#fff;border-radius:18px;padding:18px 22px;box-shadow:0 6px 18px #0b35500f}.faq-item summary{font-family:var(--display);font-weight:600;font-size:19px;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{margin-top:10px;line-height:1.6;color:var(--inkSoft)}.final{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--sky1),var(--sky2) 60%,var(--sky3));padding:96px 0 104px;text-align:center}.final-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.wordmark{display:flex;gap:8px;direction:ltr}.wm{width:62px;height:62px;border-radius:16px;font-size:34px;rotate:calc((var(--d) - 3) * 2deg);animation:bob 3.6s ease-in-out infinite;animation-delay:calc(var(--d) * -.25s)}.final-title{margin:36px 0 30px;font-size:clamp(32px,4.4vw,54px);color:#fff;max-width:760px;text-shadow:0 4px 0 rgba(11,53,80,.2),0 10px 30px rgba(11,53,80,.3)}.final-trust{margin-top:18px;font-weight:800;color:#fff;opacity:.9}.foot{background:var(--ink);color:#ffffffbf;padding:32px 0 40px;font-size:14px}.foot-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.foot-langs{display:flex;flex-wrap:wrap;gap:6px 16px}.foot a{color:#fffc;text-decoration:none}.foot a:hover,.foot a.is-current{color:var(--gold)}.sticky{display:none}@media(max-width:860px){.hero{padding-top:84px}.hero-grid{grid-template-columns:1fr;gap:8px;text-align:center}.hero-copy{padding-bottom:0;display:contents}.hero-title{order:1;font-size:clamp(34px,9.4vw,52px)}.hero-title .accent{-webkit-text-stroke-width:5px}.hero-visual{order:2;padding:18px 0 8px}.badges{order:3;justify-content:center;margin-top:18px}.hero-trust{order:4;margin-top:12px}.hero-lead{order:5;margin:18px auto 110px;font-size:17px}.phone{width:min(236px,60vw);border-radius:38px;padding:8px}.phone-video{border-radius:31px}.float-pill{font-size:22px;padding:7px 16px;inset-inline-end:-24px}.float-tile{width:48px;height:48px;font-size:26px;border-radius:12px}.ft1{inset-inline-start:-30px}.ft2{inset-inline-start:-36px}.ft3{width:42px;height:42px;font-size:22px;inset-inline-end:-24px}.badge{min-width:0;flex:1 1 0;max-width:200px;justify-content:center;gap:8px;padding:9px 10px}.badge-logo{width:22px;height:26px}.badge-txt{white-space:nowrap;text-align:start}.badge-txt small{font-size:10px}.badge-txt strong{font-size:18px}.beat-grid{grid-template-columns:1fr}.board-grid{grid-template-columns:1fr;gap:36px}.title-start,.board-copy{text-align:center}.wm{width:42px;height:42px;font-size:24px;border-radius:11px}.wordmark{gap:5px}.foot-inner{flex-direction:column;text-align:center}.foot-langs{justify-content:center}.foot{padding-bottom:100px}.sticky{display:flex;align-items:center;gap:10px;position:fixed;inset:auto 12px 12px;z-index:30;padding:10px 10px 10px 12px;background:#fff8ecf5;backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 14px 36px #0b35504d;transform:translateY(140%);transition:transform .35s cubic-bezier(.2,1.2,.4,1)}.sticky.on{transform:translateY(0)}.sticky img{width:40px;height:40px;border-radius:10px}.sticky-name{flex:1;min-width:0;font-family:var(--display);font-size:18px}.sticky .btn{padding:12px 14px;font-size:15px}}@media(max-width:380px){.lang{padding:6px 8px}.brand-name{font-size:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.foot-articles{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin:6px 0 10px;font-size:13px}.foot-articles a{color:inherit;opacity:.85;text-decoration:underline}.facts{margin:8px 0 18px;padding-left:20px}.facts li{margin:0 0 6px;line-height:1.5}