*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090b18;color:#f5f4ff;font-family:'DM Sans',sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.ambient{position:fixed;z-index:-1;width:540px;height:540px;border-radius:50%;filter:blur(110px);opacity:.17;pointer-events:none}.a1{background:#713dff;top:-250px;left:-180px}.a2{background:#00d4e8;right:-280px;top:700px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,100px);border-bottom:1px solid #ffffff12;background:#090b18d9;backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;gap:11px;align-items:center;color:#fff;text-decoration:none;font-family:'Space Grotesk';font-weight:700;letter-spacing:.7px}.brand-mark{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#9d70ff,#6841db 55%,#00cbd8);box-shadow:0 0 24px #8459ff66;font-size:22px}.brand small{display:block;font:8px 'DM Sans';letter-spacing:2px;color:#8d8da8;margin-top:2px}.gold{color:#e8c77a}.topbar nav{display:flex;gap:34px}.topbar nav a{color:#a6a6bd;text-decoration:none;font-size:13px;transition:.25s}.topbar nav a:hover{color:#fff}.top-actions{display:flex;align-items:center;gap:12px}.user-chip{font-size:11px;color:#a5a5bb}.avatar{border:1px solid #ffffff24;background:#171a2c;color:#fff;border-radius:50%;width:35px;height:35px}.btn{border:0;border-radius:11px;padding:12px 17px;font-weight:700;font-size:12px;transition:transform .25s,box-shadow .25s,background .25s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(110deg,#7b4dff,#a04df4);box-shadow:0 8px 24px #7848ff38}.btn-outline{background:#ffffff08;border:1px solid #ffffff20;color:#e9e8f6}.btn-ghost{background:transparent;color:#d5d3e8;border:1px solid #ffffff25}.btn-ghost span{color:#b69aff;margin-left:8px}.btn-small{padding:9px 14px}.btn-violet{background:linear-gradient(110deg,#7244ef,#9d5cf8);color:#fff}.btn-cyan{background:linear-gradient(110deg,#008dba,#20c9d6);color:#07151c}.btn-gold{background:linear-gradient(110deg,#c99c4c,#f0d28b);color:#17120a}.btn-pink{background:linear-gradient(110deg,#bd4caa,#7953e8);color:#fff}.hero{min-height:590px;padding:90px clamp(22px,9vw,150px) 65px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;position:relative}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700;color:#a98cff;margin-bottom:20px}.pulse{display:inline-block;width:7px;height:7px;background:#2ce3d0;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #2ce3d0}.hero h1{font:700 clamp(46px,6vw,76px)/1.02 'Space Grotesk';letter-spacing:-3px;margin:0 0 22px}.gradient-text{background:linear-gradient(100deg,#b69bff 0%,#8a7bff 38%,#48dce5 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{color:#a6a7bd;line-height:1.8;max-width:510px;font-size:15px}.hero-actions{display:flex;gap:12px;margin-top:30px}.hero-stats{display:flex;align-items:center;gap:22px;margin-top:52px}.hero-stats div{display:grid;gap:4px}.hero-stats b{font:700 23px 'Space Grotesk'}.hero-stats small{font-size:8px;letter-spacing:1.4px;color:#777b98}.hero-stats i{height:32px;width:1px;background:#ffffff20}.hero-art{height:410px;position:relative;display:grid;place-items:center}.hero-core{width:185px;height:185px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 25%,#34305d,#171a31 65%,#0e1020);border:1px solid #b49aff55;box-shadow:0 0 80px #7951e955,inset 0 0 45px #8c6aff20;animation:float 5s ease-in-out infinite}.hero-core span{font:700 58px 'Space Grotesk';background:linear-gradient(120deg,#f2d58e,#a68cff,#51dce1);-webkit-background-clip:text;color:transparent}.hero-core small{font-size:9px;letter-spacing:4px;color:#aaa8c2}.orbit{position:absolute;border:1px solid #a18bff25;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:390px;height:210px}.orbit-two{width:310px;height:330px;transform:rotate(55deg);border-color:#41d7df25}.float-card{position:absolute;display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:15px;background:linear-gradient(135deg,#24233fdd,#12172add);border:1px solid #ffffff20;box-shadow:0 18px 45px #0008;backdrop-filter:blur(15px);animation:float 5s ease-in-out infinite}.float-card>span{font-size:24px;color:#d9bc7c}.float-card b{display:block;font:700 10px 'Space Grotesk';letter-spacing:1px}.float-card small{font-size:9px;color:#999bb5}.card-vault{left:0;top:68px}.card-buzz{right:-15px;top:145px;animation-delay:-1.5s}.card-jeem{left:35px;bottom:45px;animation-delay:-3s}.card-buzz>span{color:#44dce4}.card-jeem>span{color:#e49be0}.quickbar{margin:0 clamp(22px,9vw,150px);padding:20px 25px;border:1px solid #ffffff17;border-radius:17px;background:linear-gradient(110deg,#171a30,#12182a);display:flex;align-items:center;justify-content:space-between;box-shadow:0 20px 50px #0003}.quickbar>div:first-child{display:flex;gap:14px;align-items:center}.quick-icon{width:42px;height:42px;border-radius:12px;background:#8a65ff20;color:#b69aff;display:grid;place-items:center;font-size:20px}.quickbar b,.quickbar small{display:block}.quickbar b{font-size:13px}.quickbar small{font-size:10px;color:#9294ad;margin-top:4px}.quick-join{display:flex;gap:9px}.quick-join input{width:190px}.input, input,select,textarea{background:#0d1020;border:1px solid #ffffff1d;color:#fff;border-radius:10px;padding:12px 13px;outline:none}input:focus,select:focus,textarea:focus{border-color:#9b7bff;box-shadow:0 0 0 3px #9167ff20}.quick-join input{text-transform:uppercase;letter-spacing:2px;font-size:11px}.section{padding:105px clamp(22px,9vw,150px) 30px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section h2{font:700 clamp(29px,4vw,42px) 'Space Grotesk';letter-spacing:-1.3px;margin:0}.section-heading p,.leaderboard-section p{font-size:12px;color:#999bb3;margin:10px 0 0}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.game-card{overflow:hidden;border-radius:18px;border:1px solid #ffffff18;background:linear-gradient(145deg,#191c32,#111425);transition:transform .35s,border-color .35s,box-shadow .35s}.game-card:hover{transform:translateY(-6px);border-color:#a78cff66;box-shadow:0 20px 50px #0005}.game-art{height:160px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 60%,#6c4ad355,transparent 45%),linear-gradient(120deg,#272044,#11172b)}.buzzy .game-art{background:radial-gradient(circle at 50% 60%,#00cbd344,transparent 45%),linear-gradient(120deg,#102c3b,#12182d)}.bus .game-art{background:radial-gradient(circle at 50% 60%,#e8bb5a44,transparent 45%),linear-gradient(120deg,#342817,#191729)}.jeem .game-art{background:radial-gradient(circle at 50% 60%,#c65dbb44,transparent 45%),linear-gradient(120deg,#33203d,#15182d)}.art-symbol{font:700 90px 'Space Grotesk';color:#d3c1ff66;text-shadow:0 0 45px #a88aff88;z-index:1}.buzzy .art-symbol{color:#62e7eb66}.bus .art-symbol{color:#f4d18b88}.jeem .art-symbol{color:#eaa3e388}.art-symbol.arabic{font-family:serif}.game-tag{position:absolute;left:18px;top:17px;font-size:8px;letter-spacing:1.8px;color:#c9c4df}.art-orb{position:absolute;width:210px;height:210px;border:1px solid #ffffff19;border-radius:50%;animation:spin 22s linear infinite}.art-orb:before,.art-orb:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#b89bff;box-shadow:0 0 18px currentColor;top:15px;left:40px}.art-orb:after{top:auto;left:auto;right:8px;bottom:65px;background:#43dce4}.game-info{padding:20px}.game-title{display:flex;justify-content:space-between;gap:10px;align-items:start}.game-title h3{font:700 18px 'Space Grotesk';letter-spacing:.7px;margin:0}.game-title small{display:block;font-size:10px;color:#999bb3;margin-top:5px}.players{font-size:8px;letter-spacing:1px;color:#aaa8c0;border:1px solid #ffffff20;padding:6px 8px;border-radius:20px;white-space:nowrap}.game-info>p{font-size:11px;color:#a5a6bb;line-height:1.7;min-height:38px}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff12;padding-top:14px;margin-top:13px}.text-btn{border:0;background:none;color:#b5a1ff;font-size:10px;font-weight:700}.steps-section{padding-top:115px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:28px}.steps>div{border:1px solid #ffffff16;background:#14172a99;border-radius:16px;padding:24px}.steps span{font:700 12px 'Space Grotesk';color:#8c6dff}.steps h3{font:600 16px 'Space Grotesk';margin:18px 0 9px}.steps p{font-size:11px;color:#999bb3;line-height:1.7;margin:0}.leaderboard-section{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:100px}.leaderboard-empty{min-width:310px;border:1px solid #ffffff18;border-radius:16px;background:#14172a;padding:23px;display:grid;gap:7px}.leaderboard-empty span{color:#e7c77b;font-size:20px}.leaderboard-empty b{font:600 13px 'Space Grotesk'}.leaderboard-empty small{color:#999bb3;font-size:10px}footer{border-top:1px solid #ffffff14;padding:25px clamp(22px,6vw,100px);display:flex;align-items:center;justify-content:space-between;color:#767991}footer>small{font-size:8px;letter-spacing:1.5px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#242541;border:1px solid #8d76d866;padding:13px 18px;border-radius:12px;color:#fff;font-size:12px;opacity:0;pointer-events:none;transition:.3s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}#modalRoot:empty{display:none}.modal-backdrop{position:fixed;inset:0;background:#050611c9;backdrop-filter:blur(12px);z-index:50;display:grid;place-items:center;padding:20px;animation:fade .2s}.modal{width:min(560px,100%);max-height:90vh;overflow:auto;border:1px solid #ffffff25;border-radius:20px;background:linear-gradient(145deg,#20213b,#101425);padding:27px;box-shadow:0 30px 100px #000b;animation:rise .3s}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.modal h2{font:700 24px 'Space Grotesk';margin:0}.modal p,.modal li{font-size:12px;color:#afb0c4;line-height:1.7}.modal label{display:block;font-size:10px;color:#b9b8cd;margin:13px 0 6px}.modal input,.modal select,.modal textarea{width:100%}.modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal .modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.close{background:#ffffff10;color:#fff;border:1px solid #ffffff20;border-radius:9px;width:32px;height:32px}.code-display{font:700 30px 'Space Grotesk';letter-spacing:7px;color:#f1d18b;background:#0b1020;padding:17px;border:1px dashed #e8c77a66;border-radius:12px;text-align:center;margin:15px 0}.hidden{display:none!important}.profile-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-tile{padding:16px;background:#0e1224;border:1px solid #ffffff15;border-radius:12px}.stat-tile b{font:700 24px 'Space Grotesk';display:block}.stat-tile small{color:#9b9db5;font-size:9px;letter-spacing:1px}.achievement{padding:12px;border:1px solid #ffffff16;border-radius:10px;margin:8px 0;background:#ffffff06}.achievement b{font-size:12px}.achievement small{display:block;color:#9a9cb3;font-size:10px;margin-top:4px}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes rise{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:850px){.topbar{padding:0 20px}.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:65px}.hero-art{height:320px;max-width:540px;width:100%;margin:auto}.quickbar{margin:0 20px}.section{padding:80px 22px 20px}.leaderboard-section{align-items:start;flex-direction:column}.leaderboard-empty{width:100%}}@media(max-width:600px){.topbar{height:70px}.user-chip{display:none}.hero{padding:55px 22px 35px}.hero h1{font-size:49px}.hero-art{height:280px;transform:scale(.88);margin:-8px auto}.hero-stats{gap:12px}.hero-stats small{font-size:7px}.quickbar{align-items:stretch;flex-direction:column;gap:15px;padding:17px}.quick-join input{min-width:0;flex:1;width:100%}.game-grid,.steps{grid-template-columns:1fr}.section-heading{align-items:start;gap:14px;flex-direction:column}.section-heading>.btn{align-self:flex-start}.game-art{height:145px}.game-info{padding:17px}.players{font-size:7px}.steps-section{padding-top:85px}.leaderboard-section{padding-bottom:70px}footer{gap:12px;flex-wrap:wrap}footer>small:last-child{width:100%}.modal{padding:21px}.modal .form-row{grid-template-columns:1fr}.profile-panel{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}