:root{--bg:#080713;--surface:#111020;--ink:#f8f7ff;--muted:#aaa5bd;--violet:#7850ff;--violet-2:#a78bfa;--cyan:#55d9ff;--line:rgba(255,255,255,.1);--font-ar:'Cairo',sans-serif;--font-en:'Inter',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ar);overflow-x:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}.site-header{height:84px;position:absolute;inset:0 0 auto;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:flex;align-items:center;gap:11px;font-family:var(--font-en);font-weight:700;font-size:20px;letter-spacing:-.6px}.brand b{color:#9d82ff}.brand-mark{width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#825aff,#4d20e9);display:grid;place-items:center;box-shadow:0 10px 30px rgba(120,80,255,.32)}.brand-mark img{width:25px;height:25px;object-fit:contain}.main-nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:34px;font-size:13px;font-weight:600;color:#c3bfd1}.main-nav a{transition:.3s}.main-nav a:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:10px}.lang-button,.menu-button{border:0;background:transparent;cursor:pointer}.lang-button{display:flex;align-items:center;gap:7px;padding:8px;font:700 11px var(--font-en)}.lang-button i{width:5px;height:5px;border:solid #aaa5bd;border-width:0 1px 1px 0;transform:rotate(45deg) translateY(-2px)}.menu-button{display:none;width:40px;height:40px}.menu-button span{display:block;width:20px;height:1px;background:#fff;margin:6px auto}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:15px;font-weight:700;transition:transform .3s,box-shadow .3s,background .3s}.button:hover{transform:translateY(-3px)}.button-small{height:42px;padding:0 18px;font-size:12px}.button-ghost{border:1px solid var(--line);background:rgba(255,255,255,.045);backdrop-filter:blur(12px)}.hero{min-height:100vh;position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:5vw;padding:130px clamp(24px,7vw,110px) 80px;isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 46%,rgba(112,69,255,.22),transparent 30%),radial-gradient(circle at 25% 15%,rgba(79,168,255,.08),transparent 25%),linear-gradient(115deg,#080713 15%,#0b0919 60%,#0a0818);z-index:-3}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to left,#000,transparent 75%);z-index:-2}#network{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.45}.hero-copy{max-width:650px;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#bcb4d6;font-size:12px;font-weight:700;letter-spacing:.4px;margin-bottom:24px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:#65e4b1;box-shadow:0 0 0 5px rgba(101,228,177,.1),0 0 18px #65e4b1}.hero h1{font-size:clamp(52px,6.3vw,104px);line-height:1.03;letter-spacing:-4.5px;margin:0 0 27px;font-weight:900}.hero h1::first-line{color:#fff}.hero-copy>p{max-width:590px;margin:0;color:#b4afc3;font-size:clamp(15px,1.25vw,19px);line-height:1.95}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:35px}.button-primary{gap:13px;min-height:64px;padding:8px 25px;background:linear-gradient(135deg,#865fff,#5d32ed);box-shadow:0 18px 45px rgba(95,50,237,.32)}.button-primary:hover{box-shadow:0 24px 55px rgba(95,50,237,.48)}.button-primary .play-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#fff;color:#6f46f4;font-size:12px}.button-primary span:last-child{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.button-primary small{font-size:9px;opacity:.75;font-weight:500}.button-primary b{font:700 16px var(--font-en)}.button-link{gap:12px;color:#d5d0e5;font-size:13px}.button-link i{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-style:normal}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:38px}.avatars{display:flex;direction:ltr}.avatars span{width:33px;height:33px;margin-left:-8px;border-radius:50%;display:grid;place-items:center;border:2px solid #0a0816;background:#28213f;color:#dcd4ff;font-size:10px;font-weight:800}.avatars span:nth-child(2){background:#46327d}.avatars span:nth-child(3){background:#7250e4}.hero-proof p{display:flex;flex-direction:column;margin:0;line-height:1.45}.hero-proof strong{font-size:11px}.hero-proof small{color:#868096;font-size:9px}.hero-visual{position:relative;height:min(690px,72vh);display:grid;place-items:center;perspective:1300px}.halo{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(130,88,255,.35),rgba(78,36,203,.08) 48%,transparent 69%);filter:blur(10px);animation:breathe 5s ease-in-out infinite}.phone{position:relative;width:min(315px,47vh);aspect-ratio:.51;border:1px solid rgba(255,255,255,.2);border-radius:46px;background:linear-gradient(155deg,#302b3c,#090811 35%);padding:9px;box-shadow:-35px 55px 100px rgba(0,0,0,.55),0 0 90px rgba(101,62,235,.22),inset 0 0 0 1px rgba(255,255,255,.12);transform:rotateY(-9deg) rotateX(2deg) rotateZ(-2deg);animation:phoneFloat 6s ease-in-out infinite}.phone-top{position:absolute;top:17px;left:50%;transform:translateX(-50%);z-index:3;width:86px;height:23px;border-radius:15px;background:#06050b}.phone-top span{position:absolute;right:14px;top:8px;width:6px;height:6px;border-radius:50%;background:#17102f}.phone-screen{height:100%;border-radius:37px;overflow:hidden;padding:52px 17px 18px;background:linear-gradient(180deg,#f7f5ff,#fff);color:#151122;direction:rtl}.app-head{display:flex;align-items:center;gap:9px}.app-head>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#7546f2}.app-head img{width:22px}.app-head div{display:flex;flex-direction:column;line-height:1.35;margin-left:auto}.app-head small{font-size:7px;color:#89839a}.app-head b{font:700 10px var(--font-en)}.app-head i{font-style:normal;color:#aaa;font-size:9px;letter-spacing:2px}.app-banner{position:relative;margin-top:20px;border-radius:22px;padding:21px 17px;min-height:145px;overflow:hidden;color:#fff;background:radial-gradient(circle at 18% 20%,rgba(84,218,255,.35),transparent 28%),linear-gradient(135deg,#19142f,#6337df 72%,#835bff)}.app-banner:after{content:"✦";position:absolute;left:26px;bottom:10px;font-size:62px;color:rgba(255,255,255,.11)}.app-banner small{font:700 7px var(--font-en);letter-spacing:1.5px;color:#bbd8ff}.app-banner strong{display:block;max-width:130px;margin-top:9px;font-size:17px;line-height:1.45}.ai-pulse{position:absolute;bottom:17px;right:17px;display:flex;align-items:end;gap:3px}.ai-pulse span{width:3px;height:10px;border-radius:4px;background:#7ee4ff;animation:wave 1s ease-in-out infinite}.ai-pulse span:nth-child(2){height:18px;animation-delay:.15s}.ai-pulse span:nth-child(3){height:13px;animation-delay:.3s}.progress-card{margin-top:14px;padding:15px;border:1px solid #ece9f7;border-radius:17px;box-shadow:0 10px 25px rgba(38,24,82,.06)}.progress-card>div:first-child{display:flex;justify-content:space-between;align-items:center}.progress-card small{font-size:8px;color:#756f85}.progress-card b{font:800 13px var(--font-en);color:#7045ee}.progress-line{height:5px;background:#eeeaf8;border-radius:5px;margin-top:10px;overflow:hidden}.progress-line span{display:block;width:84%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#794ef4,#57c9ff)}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}.lesson-grid article{height:85px;padding:12px;border-radius:17px;background:#f3efff;display:flex;flex-direction:column}.lesson-grid article:nth-child(2){background:#eef8ff}.lesson-grid i{font:700 7px var(--font-en);color:#7952e8}.lesson-grid b{font-size:9px;margin:auto 0 2px}.lesson-grid small{font:800 13px var(--font-en)}.float-card{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(20,17,37,.72);backdrop-filter:blur(18px);box-shadow:0 18px 45px rgba(0,0,0,.28);animation:floatCard 4.5s ease-in-out infinite}.float-card p{display:flex;flex-direction:column;margin:0;line-height:1.35}.float-card small{color:#8d879c;font:600 7px var(--font-en);letter-spacing:.8px}.float-card b{font:700 12px var(--font-en)}.float-ai{top:21%;left:1%}.float-live{right:2%;bottom:25%;animation-delay:-2.2s}.spark{width:33px;height:33px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#7d56fb,#392188);color:#bdeeff}.live-dot{width:10px;height:10px;border-radius:50%;background:#5ce3ad;box-shadow:0 0 0 6px rgba(92,227,173,.12)}.hero-orbit{position:absolute;border:1px solid rgba(163,135,255,.13);border-radius:50%;z-index:-1}.orbit-one{width:640px;height:640px;right:-170px;top:12%;animation:spin 28s linear infinite}.orbit-two{width:380px;height:380px;right:17%;bottom:-210px;animation:spin 20s linear infinite reverse}.scroll-cue{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#6f697d;font-size:8px;letter-spacing:1px}.scroll-cue span{width:1px;height:34px;background:linear-gradient(transparent,#8277a0);position:relative;overflow:hidden}.scroll-cue span:after{content:"";position:absolute;top:-10px;left:0;width:100%;height:10px;background:#fff;animation:scroll 2s infinite}.platform-preview{min-height:55vh;padding:120px 8vw;text-align:center;background:#f7f6fb;color:#151222}.section-kicker{color:#7551df;font:700 10px var(--font-en);letter-spacing:2.3px}.platform-preview h2{font-size:clamp(34px,5vw,70px);letter-spacing:-2px;margin:16px auto;max-width:850px}@keyframes breathe{50%{transform:scale(1.08);opacity:.8}}@keyframes phoneFloat{50%{transform:rotateY(-5deg) rotateX(1deg) rotateZ(-1deg) translateY(-14px)}}@keyframes floatCard{50%{transform:translateY(-10px)}}@keyframes wave{50%{height:5px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scroll{to{top:40px}}@media(max-width:1020px){.main-nav{display:none}.menu-button{display:block}.hero{grid-template-columns:1fr;min-height:auto;padding-top:150px}.hero-copy{text-align:center;margin:auto}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.hero-visual{height:680px;margin-top:25px}.float-ai{left:16%}.float-live{right:15%}}@media(max-width:620px){.site-header{height:72px;padding:0 18px}.button-ghost,.lang-button{display:none}.brand{font-size:17px}.brand-mark{width:34px;height:34px}.hero{padding:120px 19px 75px}.hero h1{font-size:48px;letter-spacing:-2.6px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column;gap:10px}.button-primary{width:100%;max-width:310px}.hero-visual{height:575px}.phone{width:260px}.float-ai{left:-7px;top:16%}.float-live{right:-7px;bottom:20%}.scroll-cue{display:none}.platform-preview{padding:85px 22px;min-height:45vh}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}