:root{--bg:#0d1023;--bg2:#13162d;--surface:#1a203a;--text:#fffdf8;--muted:#b1b6cb;--mint:#97f2d7;--aqua:#58ddcb;--pink:#fa708a;--orange:#ffad78;--lav:#c8b9fc;--line:rgba(255,255,255,.12)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid #ffcf7c;outline-offset:5px}::selection{background:var(--mint);color:var(--bg)}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;right:12px;top:-90px;background:white;color:#111;padding:10px 20px;z-index:10}.skip-link:focus{top:12px}.site-shell{overflow:hidden}.site-header{position:relative;z-index:3;border-bottom:1px solid var(--line);background:rgba(13,16,35,.9)}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:max-content}.brand-icon,.footer-brand img{border-radius:13px;flex:none}.brand-label{display:flex;flex-direction:column;line-height:1.15}.brand-label strong{font-size:1.65rem;font-weight:900;letter-spacing:-.06em}.brand-label>span{color:var(--mint);font-size:.64rem;font-weight:900;letter-spacing:.28em;margin-top:6px;direction:ltr;text-align:center}.main-nav{display:flex;align-items:center;gap:31px;color:#d0d2e1;font-weight:600;font-size:.92rem}.main-nav a{transition:color .2s}.main-nav a:hover{color:var(--mint)}.launch-badge{display:inline-flex;align-items:center;gap:9px;border:1px solid #80dcc35b;border-radius:99px;padding:9px 15px;background:#83e8cf12;color:#b4ffe9;font-size:.81rem;font-weight:800;white-space:nowrap}.status-dot{width:8px;height:8px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 4px #97f2d71b}.badge-extra{color:#bdd6cd;font-weight:500}
.hero{position:relative;padding:74px 0 100px;isolation:isolate}.glow{pointer-events:none;position:absolute;z-index:-1;border-radius:50%;filter:blur(2px)}.glow-one{width:680px;height:680px;right:-250px;top:-280px;background:radial-gradient(circle,#37b4ac22 0,transparent 65%)}.glow-two{width:680px;height:680px;left:-300px;top:0;background:radial-gradient(circle,#b567ab16 0,transparent 60%)}.hero-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:52px;align-items:center}.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:10px;color:#b5fee9;font-weight:800;font-size:.88rem}.eyebrow{padding:8px 16px;border-radius:99px;border:1px solid #a9fde42c;background:#6becc911}.eyebrow-spark{color:#ffc47c}.eyebrow-end{color:#b8bed3;font-weight:500}.hero h1{margin:23px 0 24px;font-size:clamp(3.2rem,5.8vw,5.8rem);line-height:1.28;letter-spacing:-.065em;font-weight:900}.hero-highlight{color:var(--mint)}.line-spark{position:relative;white-space:nowrap}.line-spark::after{position:absolute;content:"";height:9px;left:0;right:0;bottom:1px;background:var(--mint);opacity:.4;border-radius:100%;transform:rotate(-2deg)}.hero-desc{max-width:565px;margin:0;color:#c4c9d9;font-size:1.09rem;line-height:2}.hero-desc strong{color:white}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:54px;padding:12px 23px;border-radius:15px;font-weight:900;font-size:.91rem;transition:transform .18s,background-color .18s,color .18s}.btn:hover{transform:translateY(-2px)}.btn svg{width:19px;height:19px;transform:rotate(180deg)}.btn-primary{background:var(--mint);color:#0c1926;box-shadow:0 8px 24px #97f2d71b}.btn-primary:hover{background:#bbffe9}.btn-outline{border:1px solid #565b75;background:#ffffff07;color:#fff}.btn-outline:hover{background:#ffffff13}.hero-points{display:flex;flex-wrap:wrap;gap:10px 19px;margin-top:30px;color:#c3c8d7;font-size:.75rem}.hero-points span{display:inline-flex;align-items:center;gap:6px}.hero-points i{font-style:normal;color:var(--mint);font-weight:900}
.hero-art{position:relative;padding:34px 4px 16px;min-width:0}.game-frame{position:relative;z-index:1;width:100%;max-width:555px;margin-inline:auto;border-radius:26px;border:1px solid #6b75927a;background:linear-gradient(160deg,#252b49 0%,#191f37 100%);padding:18px 20px 16px;box-shadow:0 28px 90px #0306178f,0 0 0 8px #ffffff05;transform:rotate(-2.5deg)}.game-top,.game-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.preview-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff25;background:#ffffff10;color:#eef7fb;border-radius:99px;font-size:.69rem;font-weight:700;padding:5px 11px}.preview-dot{width:6px;height:6px;border-radius:50%;background:#83f5dc}.top-deco{color:#b9b8cd;font-size:1.1rem}.team-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:22px 0 14px}.side{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;row-gap:0;border-radius:13px;padding:12px 13px;font-size:.75rem;font-weight:800}.side strong{grid-column:1/-1;font-size:1.8rem;font-weight:900;line-height:1.4;direction:ltr;text-align:center}.side-red{background:#642b49;color:#ffd0d8}.side-blue{background:#254a74;color:#d2eeff}.team-symbol{font-size:.65rem}.side-red .team-symbol{color:#ff7e92}.side-blue .team-symbol{color:#79cdff}.round-label{text-align:center;font-family:Arial,sans-serif;color:#eae9f5;font-size:.85rem;font-weight:900}.round-label span{display:block}.round-label small{display:block;color:#9fa6c7;font-size:.57rem;font-family:Tahoma,sans-serif;font-weight:400}.clue{display:flex;align-items:center;gap:8px;min-height:44px;margin:0 0 15px;padding:8px 14px;border-radius:12px;background:#101831;border:1px solid #72c7bd60;font-size:.85rem;color:#d2e4e8}.clue-icon{color:#ffd47f}.clue strong{color:white}.clue-count{margin-right:auto;border-radius:8px;padding:2px 8px;background:#80e9d324;color:#98ffe5;font-weight:900;direction:ltr}.word-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.word-card{aspect-ratio:1.3;min-width:0;border-radius:10px;background:linear-gradient(150deg,#fff9ec,#e7dfcb);display:grid;place-items:center;text-align:center;color:#272a39;box-shadow:inset 0 -4px 0 #c0b7a4;font-size:clamp(.73rem,1.45vw,.96rem);font-weight:900;white-space:nowrap}.word-card.red-card{background:linear-gradient(135deg,#ffb5c1,#f27894);box-shadow:inset 0 -4px 0 #b44f6b;color:#60253b}.word-card.blue-card{background:linear-gradient(135deg,#ade9f9,#6ec6e8);box-shadow:inset 0 -4px 0 #458eaf;color:#15405c}.game-bottom{padding-top:17px;font-size:.69rem;color:#b4bdd2}.bottom-pulse{display:inline-block;background:#7df0d3;width:6px;height:6px;border-radius:50%;margin-left:3px}.game-bottom b{color:var(--mint)}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-orange{width:160px;height:160px;background:radial-gradient(circle,#ed95634b,transparent 70%);left:-56px;top:-20px}.orb-teal{width:220px;height:220px;background:radial-gradient(circle,#5becd544,transparent 68%);right:-85px;bottom:8px}.floating-card{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;background:#fff9e8;color:#182039;padding:12px 15px;border-radius:14px;font-size:.78rem;box-shadow:0 15px 40px #080b1b90;transform:rotate(5deg);white-space:nowrap}.floating-card span{color:#f1786f;font-size:1rem}.floating-top{left:-23px;top:10px}.floating-bottom{right:-20px;bottom:43px;transform:rotate(7deg)}.floating-bottom span{color:#8b60d9}.art-disclaimer{margin:26px 0 0;text-align:center;color:#a4adc4;font-size:.72rem}
.ticker{border-block:1px solid #ffffff1a;background:#171d34}.ticker-items{min-height:80px;display:flex;justify-content:space-between;align-items:center;gap:18px;color:#eaedfa;font-size:.87rem;font-weight:800}.ticker-items b{color:var(--mint);padding-inline:5px}.section{padding:104px 0}.section-kicker{color:#9cf2d5}.section-kicker b{color:#f7b47e}.section-header{text-align:center;max-width:750px;margin:0 auto 43px}.section-header h2,.how-intro h2,.words-copy h2,.faq-layout h2{margin:15px 0 12px;font-weight:900;font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.5;letter-spacing:-.04em}.section-header h2 span,.how-intro h2 span,.words-copy h2 span,.faq-layout h2 span{color:var(--mint)}.section-header p,.how-intro>p,.words-copy>p,.faq-intro{color:#b9bed0;font-size:1rem;line-height:2;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.feature-card{position:relative;min-height:275px;padding:30px 28px 36px;border-radius:23px;overflow:hidden;border:1px solid #ffffff11;background:#1b213a}.feature-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:18px;margin-bottom:25px}.feature-icon svg{width:33px;height:33px}.mint-feature .feature-icon{background:#84e8d31c;color:#97f2d7}.peach-feature .feature-icon{background:#ffbd8c19;color:#ffbd8c}.lilac-feature .feature-icon{background:#cab5f61a;color:#ccb8ff}.feature-index{position:absolute;top:36px;left:27px;color:#ffffff50;font-family:Arial,sans-serif;font-size:.75rem}.feature-card h3{font-size:1.28rem;margin:0 0 10px}.feature-card p{color:#bbc0d2;margin:0;font-size:.91rem;line-height:1.95;max-width:32ch}.feature-decoration{position:absolute;bottom:-58px;left:7px;font:900 8rem/1 Arial,sans-serif;letter-spacing:-.09em;color:#ffffff05;pointer-events:none}
.how-section{background:#11162d;border-block:1px solid #ffffff0d}.how-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:75px}.how-intro>p{max-width:400px}.how-label{display:inline-block;margin-top:25px;padding:9px 13px;border-radius:9px;border:1px dashed #8de5d25b;background:#72dcca0a;color:#c9efe5;font-size:.78rem}.steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}.steps li{display:flex;align-items:center;gap:20px;border:1px solid #ffffff16;background:#202640;padding:23px 24px;border-radius:19px}.step-num{display:grid;place-items:center;min-width:47px;height:47px;border-radius:13px;color:#101326;background:#abf4df;font:900 1.1rem Arial,sans-serif}.steps li:nth-child(2) .step-num{background:#ffc2ae}.steps li:nth-child(3) .step-num{background:#d8c6fb}.steps h3{margin:0 0 5px;font-size:1.1rem}.steps p{color:#b9bfd3;margin:0;font-size:.85rem;line-height:1.8}.step-icon{margin-right:auto;color:#9be8d3;font-size:1.4rem;font-weight:900}
.words-section{padding-block:92px}.words-panel{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;min-height:400px;padding:55px 60px;border:1px solid #8fead72b;border-radius:30px;background:linear-gradient(123deg,#1b3343,#182540 55%,#202042)}.words-copy h2{font-size:clamp(2rem,3.5vw,2.8rem)}.words-copy p.words-hint{color:#91a9bc;font-size:.75rem;margin-top:16px}.bubble-cloud{position:relative;min-height:330px}.bubble{position:absolute;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:9px 20px;border-radius:13px;font-weight:900;box-shadow:0 6px 0 #07132526;transform:rotate(var(--r,0deg))}.b1{background:#a9f5dc;color:#173f42;right:23%;top:5%;--r:-7deg;font-size:1.15rem}.b2{background:#f7d28e;color:#58391c;right:2%;top:31%;--r:7deg}.b3{background:#d3befb;color:#352859;right:50%;top:31%;--r:-6deg}.b4{background:#ffadc3;color:#702a44;right:30%;top:57%;--r:6deg}.b5{background:#e7f1f2;color:#34505c;right:6%;top:73%;--r:-6deg}.b6{background:#a6dcf6;color:#19465f;right:69%;top:70%;--r:5deg}.b7{background:#f8ecca;color:#625028;right:67%;top:6%;--r:8deg}.b8{background:#b3c5ff;color:#283d6a;right:60%;top:48%;--r:2deg}
.faq-section{padding-top:50px}.faq-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:70px;align-items:start}.faq-intro{max-width:320px}.faq-list{border-top:1px solid #ffffff2a}.faq-list details{border-bottom:1px solid #ffffff28}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:23px 0;font-size:1rem;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;border:1px solid #ffffff3b;color:#b8ffe9;font-size:1.2rem;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{padding:0 0 23px;color:#c0c6d7;line-height:2;font-size:.9rem;margin:0;max-width:62ch}
.launch-section{padding:25px 0 100px}.launch-panel{position:relative;isolation:isolate;overflow:hidden;border-radius:30px;background:linear-gradient(120deg,#9bf1d5,#baf4da 55%,#d4f6d7);color:#142336;min-height:380px;display:grid;place-items:center;text-align:center;padding:54px 24px}.launch-rings{position:absolute;z-index:-1;inset:-170px -10% -190px;background:repeating-radial-gradient(circle at 50% 50%,transparent 0,transparent 55px,#17353d10 56px,#17353d10 57px);opacity:.7}.launch-inner{max-width:700px}.launch-mark{font-size:2.3rem;color:#305d53}.launch-panel .section-kicker{color:#35605b}.launch-panel h2{font-weight:900;line-height:1.4;letter-spacing:-.05em;font-size:clamp(2.15rem,4vw,3.45rem);margin:15px 0}.launch-panel h2 span{color:#287a73}.launch-panel p{color:#435e63;margin:0 auto 23px;max-width:480px;font-size:1rem}.btn-light{background:#141b30;color:white;min-width:175px}.btn-light:hover{background:#28334b}.site-footer{border-top:1px solid var(--line);background:#0b0d1e}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:106px}.footer-brand .brand-label strong{font-size:1.24rem}.footer-brand .brand-label>span{font-size:.5rem}.site-footer p,.copyright{color:#a6adc6;font-size:.8rem;margin:0}
@media (max-width:1050px){.hero-layout{gap:26px}.hero h1{font-size:clamp(2.9rem,5.5vw,5rem)}.floating-top{left:-5px}.floating-bottom{right:-8px}.words-panel{padding:40px}.faq-layout{gap:36px}}
@media(max-width:820px){.main-nav{display:none}.header-inner{min-height:76px}.hero{padding:60px 0 75px}.hero-layout{grid-template-columns:1fr;gap:45px}.hero-copy{text-align:center}.eyebrow{justify-content:center}.hero h1{font-size:clamp(2.75rem,8vw,4.4rem);line-height:1.27}.hero-desc{margin-inline:auto;max-width:600px}.hero-actions,.hero-points{justify-content:center}.hero-art{width:min(550px,100%);margin-inline:auto}.ticker-items{flex-wrap:wrap;justify-content:center;padding-block:22px;min-height:unset}.section{padding:75px 0}.feature-grid{gap:12px}.feature-card{padding:25px 20px;min-height:295px}.how-layout{gap:40px}.words-panel{grid-template-columns:1fr;padding:40px}.bubble-cloud{max-width:510px;width:100%;margin:auto}.faq-layout{grid-template-columns:1fr;gap:28px}.faq-section{padding-top:45px}}
@media(max-width:600px){.container{width:min(100% - 32px,450px)}.site-header .container{width:calc(100% - 30px)}.header-inner{min-height:72px}.brand-icon{width:40px;height:40px}.brand-label strong{font-size:1.38rem}.launch-badge{font-size:.75rem;padding:7px 12px}.badge-extra{display:none}.hero{padding:47px 0 67px}.eyebrow{font-size:.72rem;padding:7px 12px}.eyebrow-end{display:none}.hero h1{font-size:clamp(2.55rem,9.6vw,3.6rem);margin:20px 0 18px}.hero-desc{font-size:.93rem;line-height:2}.hero-actions{flex-direction:column;max-width:400px;margin:25px auto 0}.hero-actions .btn{width:100%;min-height:53px}.hero-points{gap:7px 12px;font-size:.69rem;margin-top:22px}.hero-art{padding:17px 6px 0}.game-frame{transform:rotate(-1deg);padding:12px;border-radius:20px}.game-top{gap:7px}.preview-chip{font-size:.63rem}.team-score{margin:13px 0 10px;gap:6px}.side{padding:8px 6px;column-gap:4px;font-size:.6rem;border-radius:9px}.side strong{font-size:1.4rem}.clue{font-size:.72rem;min-height:38px;margin-bottom:10px;padding:7px 10px}.word-grid{gap:6px}.word-card{font-size:clamp(.64rem,2.9vw,.86rem);aspect-ratio:1.23;border-radius:7px;box-shadow:inset 0 -3px 0 #c0b7a4}.game-bottom{padding-top:10px;font-size:.58rem}.floating-card{font-size:.6rem;padding:7px 9px;border-radius:9px}.floating-top{top:0;left:-4px}.floating-bottom{bottom:37px;right:-5px}.art-disclaimer{font-size:.66rem;margin-top:20px}.ticker-items{gap:7px 16px;font-size:.72rem;line-height:1.7}.section{padding:69px 0}.section-header h2,.how-intro h2,.words-copy h2,.faq-layout h2{font-size:clamp(1.95rem,7.8vw,2.8rem)}.section-header p,.how-intro>p,.words-copy>p,.faq-intro{font-size:.9rem}.section-header{margin-bottom:26px}.feature-grid{grid-template-columns:1fr;gap:13px}.feature-card{min-height:unset;padding:22px 23px 24px}.feature-icon{width:53px;height:53px;margin-bottom:11px}.feature-card h3{font-size:1.13rem}.feature-card p{max-width:none;font-size:.85rem}.how-layout{grid-template-columns:1fr;gap:26px}.how-section{padding:65px 0}.how-label{margin-top:16px}.steps{gap:10px}.steps li{gap:12px;padding:17px 13px}.step-num{min-width:42px;height:42px;font-size:1rem}.steps h3{font-size:.95rem}.steps p{font-size:.77rem}.step-icon{font-size:1.1rem}.words-section{padding:65px 0}.words-panel{padding:28px 23px 14px;gap:12px;border-radius:23px}.bubble-cloud{min-height:270px}.bubble{font-size:.8rem;padding:7px 11px;border-radius:10px}.bubble.b1{font-size:.95rem}.faq-layout{gap:20px}.faq-list summary{font-size:.89rem;padding:20px 0}.faq-list details p{font-size:.83rem}.launch-section{padding:0 0 70px}.launch-panel{min-height:340px;border-radius:23px;padding:35px 17px}.launch-panel h2{font-size:2.15rem}.launch-panel p{font-size:.9rem}.footer-inner{padding-block:25px;min-height:unset;flex-direction:column;gap:11px;text-align:center}.site-footer p,.copyright{font-size:.73rem}}
@media(max-width:360px){.hero h1{font-size:2.45rem}.brand-label strong{font-size:1.18rem}.word-card{font-size:.62rem}.side{font-size:.52rem}.floating-top{left:0}.hero-points{font-size:.61rem}.eyebrow{font-size:.68rem}.bubble-cloud{min-height:260px}.bubble{padding:6px 9px;font-size:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.main-nav a,.faq-list summary span{transition:none}}