:root{--bg:#070914;--surface:#0e1120;--surface-light:#15192a;--line:rgba(181,166,255,.15);--text:#f4f2ff;--muted:#a2a4b6;--purple:#8b5cf6;--blue:#5965f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Tajawal,Arial,sans-serif;overflow-x:hidden}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.grid,.ambient{position:absolute;pointer-events:none;z-index:-1}.grid{inset:0;background-image:linear-gradient(rgba(118,92,246,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(118,92,246,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(#000 0%,transparent 58%)}.ambient{border-radius:50%;filter:blur(85px);opacity:.24}.ambient-one{width:420px;height:420px;background:#5023ca;top:-240px;right:-180px}.ambient-two{width:380px;height:380px;background:#2e1e8d;top:410px;left:-220px}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;gap:9px;align-items:center;color:#fff;text-decoration:none;font-size:23px;font-weight:800}.brand-mark,.dialog-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#fff;font-size:22px;font-weight:900;background:linear-gradient(135deg,#a376ff,#4d44e9);box-shadow:0 8px 18px rgba(104,69,255,.35)}nav{display:flex;gap:34px;margin-right:110px}nav a{color:var(--muted);text-decoration:none;font-size:15px;transition:.2s}nav a:hover{color:#fff}.login-button,.text-button{border:0;background:transparent;color:#f3f1ff;font:inherit;font-weight:700;cursor:pointer}.login-button{border:1px solid var(--line);padding:11px 17px;border-radius:10px}.login-button span,.text-button span{color:#a877ff;margin-right:7px}.hero{min-height:564px;display:grid;grid-template-columns:1fr 1.05fr;gap:32px;align-items:center;padding-top:70px}.eyebrow{font-size:14px;font-weight:700;color:#bdaaff;margin:0 0 16px;display:flex;align-items:center;gap:8px}.eyebrow span{width:20px;height:1px;background:#9d74ff}.hero h1,.section-heading h2,.cta h2{font-size:clamp(40px,4.5vw,65px);line-height:1.25;margin:0;font-weight:900;letter-spacing:-1px}.hero h1 strong,.section-heading strong{color:#a271ff;background:linear-gradient(90deg,#b092ff,#7969ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:17px;line-height:1.9;color:var(--muted);max-width:495px;margin:23px 0 29px}.hero-actions{display:flex;align-items:center;gap:20px}.primary-button{font:inherit;font-weight:800;border:0;cursor:pointer;color:white;border-radius:11px;padding:15px 22px;background:linear-gradient(135deg,#9968ff,#6355ed);box-shadow:0 12px 30px rgba(98,72,240,.3);transition:transform .2s,box-shadow .2s}.primary-button:hover{transform:translateY(-3px);box-shadow:0 17px 35px rgba(98,72,240,.45)}.primary-button b{font-size:17px;margin-right:8px}.trusted{margin-top:32px;display:flex;align-items:center;gap:10px;color:#85889c;font-size:13px}.avatars{display:flex;direction:ltr}.avatars i{font-style:normal;width:25px;height:25px;border:2px solid var(--bg);margin-left:-6px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:bold;background:#28265b}.avatars i:nth-child(2){background:#674fce}.avatars i:nth-child(3){background:#b767cb}.avatars i:last-child{background:#171a29;color:#b9a9fd}.hero-visual{height:475px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(108,76,249,.18),transparent 62%)}.orbit{position:absolute;border:1px solid rgba(145,112,255,.18);border-radius:50%;transform:rotateX(66deg)}.orbit-a{width:350px;height:350px}.orbit-b{width:450px;height:450px}.bot-shadow{position:absolute;bottom:48px;width:200px;height:24px;background:#31217b;filter:blur(20px);border-radius:50%}.bot{position:relative;width:212px;height:330px;z-index:1;filter:drop-shadow(0 20px 16px rgba(0,0,0,.35))}.head{position:absolute;top:15px;right:22px;width:168px;height:139px;border-radius:55px;background:linear-gradient(145deg,#383863,#101222 54%,#30285c);border:3px solid #58558a;box-shadow:inset 11px 12px 16px rgba(255,255,255,.09),inset -13px -13px 18px #080914}.face{position:absolute;inset:27px 20px 22px;border-radius:35px;background:#090a14;display:flex;align-items:center;justify-content:space-evenly;box-shadow:inset 0 0 17px #000}.face span{width:21px;height:35px;border-radius:50%;background:linear-gradient(#af8bff,#6950fa);box-shadow:0 0 15px #714fff}.body{position:absolute;top:139px;right:43px;width:126px;height:144px;border-radius:39px 39px 45px 45px;background:linear-gradient(145deg,#2f3055,#0a0c18 60%,#242447);border:2px solid #474574}.chest-mark{width:47px;height:47px;margin:35px auto;color:#ac8cff;font-size:31px;font-weight:900;display:grid;place-items:center;border-radius:15px;background:#141331;box-shadow:0 0 15px rgba(124,80,255,.5)}.arm{position:absolute;top:159px;width:43px;height:104px;border-radius:25px;background:linear-gradient(90deg,#2e3058,#0d0f1e);border:2px solid #494873}.arm-r{right:11px;transform:rotate(-13deg)}.arm-l{left:11px;transform:rotate(13deg)}.leg{position:absolute;top:267px;width:43px;height:56px;border-radius:0 0 20px 20px;background:#111320;border:2px solid #45446b}.leg-r{right:49px}.leg-l{left:49px}.antenna{position:absolute;right:101px;top:0;width:10px;height:28px;background:#4d4685;border-radius:8px}.antenna:before{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#8e68ff;top:-5px;right:-2px;box-shadow:0 0 15px #8059f8}.status-card{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;width:151px;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(19,21,39,.78);backdrop-filter:blur(9px);box-shadow:0 10px 30px rgba(0,0,0,.2)}.card-left{right:0;top:110px}.card-right{left:-5px;bottom:110px}.mini-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;color:#b695ff;background:#30245e;font-weight:bold}.status-card small,.status-card b{display:block}.status-card small{color:#9496aa;font-size:11px}.status-card b{font-size:11px}.status-card em{margin-right:auto;width:6px;height:6px;border-radius:50%;background:#55e29a}.online-pill{position:absolute;bottom:22px;z-index:2;color:#c9c9dc;font-size:12px;border:1px solid var(--line);border-radius:100px;padding:7px 12px;background:#111322}.online-pill span{display:inline-block;background:#4cdd91;width:7px;height:7px;border-radius:50%;margin-left:5px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;background:rgba(16,18,34,.63);margin-top:16px}.metrics div{padding:19px 29px;display:flex;flex-direction:column;gap:4px;border-left:1px solid var(--line)}.metrics div:last-child{border:0}.metrics strong{font-size:22px;direction:ltr;text-align:right}.metrics span{color:var(--muted);font-size:12px}.features{padding:130px 0 110px}.section-heading{text-align:center;max-width:650px;margin:auto}.section-heading .eyebrow{justify-content:center}.section-heading h2{font-size:38px}.section-heading>p:last-child{color:var(--muted);line-height:1.8;margin:16px 0 35px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-card{min-height:263px;padding:21px;border:1px solid var(--line);border-radius:15px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(24,26,46,.86),rgba(12,14,27,.86));transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-5px);border-color:rgba(161,123,255,.45)}.feature-top{display:flex;justify-content:space-between;align-items:start}.icon{color:#ad85ff;background:#292245;border-radius:10px;width:43px;height:43px;display:grid;place-items:center;font-size:23px}.tag{font-size:10px;padding:5px 8px;border-radius:20px;background:#36245e;color:#c1a4ff}.feature-card h3{font-size:20px;margin:24px 0 8px}.feature-card p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.feature-card a{display:block;margin-top:20px;color:#c2a8ff;text-decoration:none;font-size:13px;font-weight:bold}.feature-card a span{margin-right:5px}.card-glow{position:absolute;width:130px;height:130px;border-radius:50%;background:#693be2;filter:blur(65px);opacity:.24;left:-35px;bottom:-45px}.cta{border:1px solid var(--line);border-radius:19px;background:linear-gradient(100deg,rgba(41,27,94,.55),rgba(17,19,35,.8) 60%);padding:45px 57px;display:flex;justify-content:space-between;align-items:center;margin-bottom:70px;overflow:hidden;position:relative}.cta:after{content:"✦";position:absolute;left:35px;top:-45px;font-size:160px;color:rgba(153,113,255,.1)}.cta h2{font-size:32px}.cta p:last-child{color:var(--muted);margin:10px 0 0}footer{border-top:1px solid rgba(255,255,255,.07);padding:30px 0;display:flex;align-items:center;gap:25px;color:#85889a;font-size:12px}footer span{margin-right:auto}dialog{width:min(420px,calc(100% - 40px));border:1px solid var(--line);border-radius:19px;background:#141725;color:var(--text);text-align:center;padding:38px;box-shadow:0 25px 80px #000}dialog::backdrop{background:rgba(3,4,12,.72);backdrop-filter:blur(4px)}dialog .dialog-mark{margin:auto;width:52px;height:52px;font-size:30px}dialog h2{margin:20px 0 8px;font-size:25px}dialog p{color:var(--muted);font-size:14px;line-height:1.7}.close-dialog{position:absolute;top:12px;left:15px;background:transparent;border:0;color:#bbb9cf;font-size:26px;cursor:pointer}.discord-button{width:100%;padding:13px;margin-top:15px;border:0;border-radius:10px;background:#5865f2;color:white;font:inherit;font-weight:bold;cursor:pointer}.discord-button span{margin-left:7px}.toast{position:fixed;bottom:24px;right:50%;transform:translate(50%,20px);opacity:0;pointer-events:none;transition:.25s;background:#1b1e31;border:1px solid var(--line);border-radius:10px;color:#fff;padding:13px 18px;box-shadow:0 10px 30px #000;font-size:14px}.toast.show{transform:translate(50%,0);opacity:1}@media(max-width:780px){html,body{overflow-x:hidden!important;width:100%;position:relative}.container{width:min(100% - 24px,600px)}.topbar,.topbar.is-scrolled{height:70px!important;padding:0 12px;display:flex;align-items:center;justify-content:space-between}nav{display:none}.account-area{margin-left:55px!important}.theme-toggle{top:14px!important;left:14px!important;z-index:9999!important}.login-button{font-size:13px;padding:8px 14px}.brand{font-size:19px}.hero{grid-template-columns:1fr;padding-top:35px;text-align:center;overflow:hidden}.eyebrow,.hero-actions,.trusted{justify-content:center}.hero-description{margin-inline:auto;font-size:15px}.hero-visual{height:320px;order:-1;width:100%;max-width:100vw;overflow:hidden}.bot{transform:scale(.72);transform-origin:center center}.status-card{transform:scale(.75)}.card-left{right:0!important;top:20px}.card-right{left:0!important;bottom:20px}.orbit-a{width:280px;height:280px}.orbit-b{width:340px;height:340px}.metrics{grid-template-columns:1fr 1fr}.metrics div{padding:14px;border-bottom:1px solid var(--line)}.metrics div:nth-child(2){border-left:0}.metrics div:nth-child(n+3){border-bottom:0}.features{padding:60px 0}.feature-grid{grid-template-columns:1fr 1fr;gap:12px}.cta{padding:30px 20px;display:block;text-align:center}.cta .eyebrow{justify-content:center}.cta .primary-button{margin-top:20px;width:100%}footer{flex-wrap:wrap;gap:12px}footer span{width:100%;margin:0}}@media(max-width:480px){.hero h1{font-size:32px}.hero-actions{flex-direction:column;gap:12px;width:100%}.hero-actions .primary-button{width:100%}.hero-visual{height:270px}.bot{transform:scale(.62)}.status-card{display:none}.feature-grid{grid-template-columns:1fr}.section-heading h2{font-size:26px}.metrics strong{font-size:18px}}