@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400&family=Inter:wght@300;400;500;600;700&family=Amiri:ital,wght@0,400;0,700;1,400&family=Amiri+Quran&display=swap");.ms-arabic{font-family:Amiri Quran,Amiri,serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body,html{overflow-x:hidden;width:100%}body{background:hsl(var(--background));color:hsl(var(--foreground));font-family:Inter,sans-serif;overflow-y:auto;min-height:100vh;position:relative}.ms-sky-canvas{position:fixed;top:-12px;left:-12px;width:calc(100% + 24px);height:calc(100% + 24px);z-index:0;transition:background 8s cubic-bezier(.4,0,.2,1);pointer-events:none}.ms-sky-canvas:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,hsl(var(--sky-overlay)/.1) 0,hsl(var(--sky-overlay)/.25) 50%,hsl(var(--sky-overlay)/.62) 100%);pointer-events:none}.ms-section{position:relative;z-index:2}.ms-dark-section{position:relative;z-index:10}.ms-seam{position:relative;z-index:9;height:160px;margin-top:-60px;overflow:hidden;pointer-events:none;background:hsl(var(--background))}.ms-seam-glow{position:absolute;top:-40px;left:50%;width:min(720px,90vw);height:260px;transform:translateX(-50%);background:radial-gradient(ellipse,hsl(var(--primary)/.16) 0,transparent 72%);filter:blur(20px);animation:seamGlowPulse 6s ease-in-out infinite}@keyframes seamGlowPulse{0%,to{opacity:.7}50%{opacity:1}}.ms-seam-ring{position:absolute;top:6px;left:50%;transform:translateX(-50%);animation:seamRingDrift 9s ease-in-out infinite}@keyframes seamRingDrift{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(10px)}}.ms-seam-divider{position:absolute;bottom:46px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;width:min(380px,70vw)}.ms-seam-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,hsl(var(--primary)/.35),transparent)}.ms-star{animation:twinkle var(--dur,3s) ease-in-out var(--delay,0s) infinite;opacity:0}@keyframes twinkle{0%,to{opacity:0}50%{opacity:.85}}.ms-moon-glow{filter:drop-shadow(0 0 18px rgba(245,232,160,.7)) drop-shadow(0 0 40px rgba(245,232,160,.3));transition:top 8s ease,opacity 4s ease}.ms-float-clock{animation:floatClockEl 7s ease-in-out infinite;opacity:1;transition:opacity .4s ease}@keyframes floatClockEl{0%,to{transform:translateY(0)}33%{transform:translateY(-10px) rotate(-.5deg)}66%{transform:translateY(6px) rotate(.3deg)}}@media (max-width:768px){.ms-float-clock{top:9%!important;z-index:1!important;opacity:.32}}.ms-clock-colon{animation:colonBlink 1s step-end infinite}@keyframes colonBlink{0%,to{opacity:1}50%{opacity:.3}}.ms-typing-dot{width:7px;height:7px;border-radius:50%;background:hsl(var(--foreground)/.35);animation:typingBounce 1.2s ease-in-out var(--d,0s) infinite}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.ms-scroll-dot{animation:scrollDown 1.6s ease-in-out infinite}@keyframes scrollDown{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(14px)}}.ms-ring-cw{animation:ringCW 28s linear infinite}.ms-ring-ccw{animation:ringCCW 35s linear infinite}@keyframes ringCW{to{transform:rotate(1turn)}}@keyframes ringCCW{to{transform:rotate(-1turn)}}.ms-float-1{animation:floatA 9s ease-in-out infinite}.ms-float-2{animation:floatB 11s ease-in-out infinite}.ms-float-3{animation:floatC 10s ease-in-out infinite}@keyframes floatA{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes floatB{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes floatC{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.ms-arabic-drift{transform:translate(-50%,-50%);opacity:.025;animation:arabicDrift 32s ease-in-out infinite;will-change:transform,opacity}@keyframes arabicDrift{0%,to{transform:translate(-50%,-50%) translateY(0);opacity:.022}50%{transform:translate(-50%,-50%) translateY(-10px);opacity:.03}}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.ms-reveal,.ms-reveal-left,.ms-reveal-right,.ms-reveal-scale{opacity:0;filter:blur(6px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1),filter .8s ease}.ms-reveal{transform:translateY(34px)}.ms-reveal-left{transform:translateX(-34px)}.ms-reveal-right{transform:translateX(34px)}.ms-reveal-scale{transform:scale(.94)}.ms-reveal-left.visible,.ms-reveal-right.visible,.ms-reveal-scale.visible,.ms-reveal.visible{opacity:1;transform:none;filter:blur(0)}.ms-caret{display:inline-block;width:2px;height:.95em;margin-left:2px;background:hsl(var(--primary));vertical-align:text-bottom;animation:caretBlink .8s step-end infinite}@keyframes caretBlink{0%,50%{opacity:1}50.1%,to{opacity:0}}.ms-fade-in{animation:fadeInSimple .5s cubic-bezier(.22,1,.36,1) both}@keyframes fadeInSimple{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ms-reveal,.ms-reveal-left,.ms-reveal-right,.ms-reveal-scale{transition:opacity .3s ease!important;filter:none!important}.ms-arabic-drift,.ms-caret,.ms-float-1,.ms-float-2,.ms-float-3,.ms-float-clock,.ms-ring-ccw,.ms-ring-cw,.ms-seam-glow,.ms-seam-ring,.ms-shimmer{animation:none!important}}.ms-shimmer{background:linear-gradient(90deg,hsl(var(--primary)) 0,hsl(var(--em-lt)) 28%,hsl(var(--em-xl)) 50%,hsl(var(--em-lt)) 72%,hsl(var(--primary)) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmerSlide 7s cubic-bezier(.45,0,.55,1) infinite}@keyframes shimmerSlide{to{background-position:-220%}}.ms-glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.ms-card-hover{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,border-color .3s ease}.ms-card-hover:hover{transform:translateY(-4px);box-shadow:0 12px 40px hsl(var(--sky-shadow)/.5);border-color:hsl(var(--primary)/.2)!important}@keyframes orbPulse{0%,to{opacity:1;box-shadow:0 0 8px hsl(var(--primary))}50%{opacity:.55;box-shadow:0 0 20px hsl(var(--primary))}}@keyframes particleFloat0{0%,to{transform:translateY(0) translateX(0)}33%{transform:translateY(-30px) translateX(var(--drift,15px))}66%{transform:translateY(15px) translateX(calc(var(--drift,-10px) * -.5))}}@keyframes particleFloat1{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-20px) translateX(var(--drift,-20px))}}@keyframes particleFloat2{0%,to{transform:translateY(0)}25%{transform:translateY(-12px) translateX(var(--drift,8px))}75%{transform:translateY(18px) translateX(calc(var(--drift,-8px) * -1))}}.ms-nav-links{display:flex;align-items:center;gap:1.75rem}.ms-nav-mobile-actions{display:none;align-items:center;gap:7px;flex-shrink:0}.ms-btn-ghost{background:none;border:none;cursor:pointer;transition:color .2s,background .2s}.ms-btn-ghost:hover{background:hsl(var(--foreground)/.06);color:hsl(var(--foreground))!important}.ms-btn-primary{background:none;border:none;cursor:pointer;transition:filter .2s,transform .2s}.ms-btn-primary:hover{filter:brightness(1.12)}@media (max-width:640px){.ms-hide-mobile{display:none}.ms-how-step{flex-direction:row!important;gap:1rem!important;align-items:flex-start!important}.ms-how-text{text-align:left!important;order:2}.ms-how-node{order:1;width:48px!important;height:48px!important}.ms-how-spacer{display:none}}.ms-nav-brand-img{height:40px}@media (max-width:768px){.ms-nav-links{display:none!important}.ms-nav-mobile-actions{display:flex!important}.ms-nav-brand-img{height:34px}}@media (max-width:380px){.ms-nav-brand-img{height:28px}.ms-navbar-root{padding-left:.65rem!important;padding-right:.65rem!important}.ms-nav-mobile-login{display:none!important}}@media (max-width:768px){.ms-hide-mobile-float{display:none!important}}.ms-nav-blur{backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4)}.ms-hero-btns button,.ms-hero-btns>*{flex-shrink:0}@media (max-width:480px){.ms-hero-trust{flex-direction:column;gap:.6rem!important}}.ms-btn-premium-main{position:relative;overflow:hidden;padding:18px 44px;border-radius:16px;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:700;color:#fff;letter-spacing:.01em;border:none;cursor:pointer;background:linear-gradient(135deg,hsl(var(--em-lt)) 0,hsl(var(--primary)) 30%,hsl(var(--em-lt)) 55%,hsl(var(--primary)) 75%,hsl(var(--em-lt)) 100%);background-size:300% 300%;animation:premiumShift 4s ease infinite;box-shadow:0 0 0 1px hsl(var(--primary)/.35),0 8px 32px hsl(var(--primary)/.55),0 16px 64px hsl(var(--primary)/.2),0 2px 8px hsl(var(--sky-shadow)/.5),inset 0 1px 0 hsl(var(--foreground)/.28)}.ms-btn-premium-main:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsl(var(--foreground)/.18) 0,transparent 55%);border-radius:inherit;pointer-events:none}.ms-btn-premium-main:after{content:"";position:absolute;inset:-3px;border-radius:18px;background:conic-gradient(from 0deg,hsl(var(--primary)),hsl(var(--em-lt)),hsl(var(--destructive)),hsl(var(--primary)),hsl(var(--em-xl)),hsl(var(--primary)));z-index:-1;opacity:0;transition:opacity .4s ease;filter:blur(10px);animation:premiumShift 3s linear infinite}.ms-btn-premium-main:hover:after{opacity:.75}.ms-btn-premium-main:hover{box-shadow:0 0 0 1px hsl(var(--primary)/.5),0 12px 48px hsl(var(--primary)/.7),0 24px 80px hsl(var(--primary)/.3),0 2px 8px hsl(var(--sky-shadow)/.6),inset 0 1px 0 hsl(var(--foreground)/.35)}@keyframes premiumShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.ms-btn-premium-demo{position:relative;overflow:hidden;padding:17px 34px;border-radius:16px;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:600;color:hsl(var(--primary));cursor:pointer;background:hsl(var(--primary)/.06);border:1.5px solid hsl(var(--primary)/.35);box-shadow:inset 0 1px 0 hsl(var(--foreground)/.07),0 4px 20px hsl(var(--primary)/.1);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease}.ms-btn-premium-demo:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsl(var(--primary)/.1) 0,transparent 60%);border-radius:inherit;opacity:0;transition:opacity .3s ease;pointer-events:none}.ms-btn-premium-demo:hover{background:hsl(var(--primary)/.12);border-color:hsl(var(--primary)/.6);color:hsl(var(--em-lt));box-shadow:0 8px 32px hsl(var(--primary)/.25),inset 0 1px 0 hsl(var(--foreground)/.1)}.ms-btn-premium-demo:hover:before{opacity:1}.ms-btn-premium-sm{padding:8px 18px;border-radius:9px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,hsl(var(--primary)) 0,hsl(var(--em-lt)) 50%,hsl(var(--primary)) 100%);background-size:200% 200%;animation:premiumShift 5s ease infinite;box-shadow:0 4px 18px hsl(var(--primary)/.45),inset 0 1px 0 hsl(var(--foreground)/.2)}.ms-btn-premium-sm:hover{box-shadow:0 6px 24px hsl(var(--primary)/.65),inset 0 1px 0 hsl(var(--foreground)/.25)}@media (prefers-reduced-motion:reduce){.ms-btn-premium-main,.ms-btn-premium-sm{animation:none!important;background-position:0 50%!important}.ms-btn-premium-main:after{display:none}}@media (max-width:520px){.ms-btn-premium-demo,.ms-btn-premium-main{width:100%;justify-content:center;padding:16px 28px;font-size:.95rem}}.btn-apple-glass:after{content:"";position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.25) 50%,rgba(255,255,255,0));transform:skewX(-20deg);animation:sfxGlassApple 1.6s cubic-bezier(.16,1,.3,1) infinite}@keyframes sfxGlassApple{0%{left:-150%}40%{left:150%}to{left:150%}}.btn-apple-glass:hover{transform:scale(1.02);filter:brightness(1.12)}.btn-apple-glass:active{transform:scale(.98);opacity:.8}.ms-leaderboard-cards{display:none}@media (max-width:767px){.ms-leaderboard-table{display:none}.ms-leaderboard-cards{display:grid}}