@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&family=Tajawal:wght@400;500;700;900&family=Outfit:wght@400;600;700;800&display=swap);:root{--bg-primary:#050b1a;--bg-secondary:#0c1838;--bg-surface:rgba(18,32,68,.65);--bg-surface-hover:rgba(26,45,94,.8);--brand-blue:#1a73e8;--brand-blue-glow:#2563eb;--brand-sky:#38bdf8;--brand-cyan:#00d2ff;--brand-orange:#ff9800;--brand-orange-light:#ffb703;--brand-amber:#fb8500;--brand-gold:#ffc300;--text-main:#fff;--text-muted:#94a3b8;--text-sub:#cbd5e1;--glass-border:rgba(255,255,255,.12);--glass-border-hover:rgba(56,189,248,.4);--glass-shadow:0 20px 50px rgba(0,0,0,.5) , 0 0 40px rgba(26,115,232,.2);--radius-sm:12px;--radius-md:20px;--radius-lg:32px;--radius-full:9999px;--transition-smooth:all .35s cubic-bezier(.16,1,.3,1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;direction:rtl;font-family:'Cairo','Tajawal',sans-serif;color:var(--text-main);background-color:var(--bg-primary);overflow-x:hidden}body{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden;line-height:1.6;background:radial-gradient(circle at 50% -10%,#1e3a8a 0%,#0c1838 45%,#050b1a 90%)}#particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.ambient-lights{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.glow-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.45;animation:orbFloat 14s infinite alternate ease-in-out}.glow-orb-1{width:500px;height:500px;background:radial-gradient(circle,#1a73e8,transparent 70%);top:-10%;right:-5%;animation-duration:12s}.glow-orb-2{width:450px;height:450px;background:radial-gradient(circle,#ff9800,transparent 70%);bottom:15%;left:-5%;opacity:.3;animation-duration:16s;animation-delay:-4s}.glow-orb-3{width:350px;height:350px;background:radial-gradient(circle,#00d2ff,transparent 70%);top:40%;right:20%;opacity:.25;animation-duration:18s;animation-delay:-8s}@keyframes orbFloat {
  0% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(40px, -30px) scale(1.15); }
  100% { transform: translate(-30px, 40px) scale(0.9); }
}.app-wrapper{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:40px 20px 30px;display:flex;flex-direction:column;min-height:100vh;justify-content:space-between}.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 10px;flex:1}.logo-container{position:relative;display:inline-block;margin-bottom:28px;cursor:pointer}.logo-halo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:280px;background:radial-gradient(circle,rgba(26,115,232,.6) 0%,rgba(255,152,0,.3) 50%,transparent 75%);border-radius:50%;filter:blur(35px);z-index:0;animation:haloPulse 4s infinite alternate ease-in-out}@keyframes haloPulse {
  0% { transform: translate(-50%, -50%) scale(0.95); opacity: 0.6; }
  100% { transform: translate(-50%, -50%) scale(1.15); opacity: 0.9; }
}.main-app-logo{position:relative;z-index:1;width:220px;height:220px;max-width:80vw;object-fit:contain;border-radius:46px;box-shadow:0 20px 40px rgba(0,0,0,.6) , 0 0 50px rgba(56,189,248,.35);animation:logoFloat 4s infinite ease-in-out;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.main-app-logo:hover{transform:translateY(-8px) scale(1.05) rotate(2deg)}@keyframes logoFloat {
  0% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-12px) rotate(-1deg); }
  100% { transform: translateY(0px) rotate(0deg); }
}.coming-tag-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:linear-gradient(90deg,rgba(26,115,232,.25),rgba(255,152,0,.25));border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);border-radius:var(--radius-full);margin-bottom:18px;font-size:.95rem;font-weight:700;color:#e0f2fe;box-shadow:0 4px 20px rgba(0,0,0,.2)}.coming-tag-pill i{color:#ffb703}.hero-title{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:900;line-height:1.25;margin-bottom:16px;letter-spacing:-.5px}.text-gradient-gold{background:linear-gradient(135deg,#fff275 0%,#ff9800 50%,#f57c00 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;text-shadow:0 0 30px rgba(255,152,0,.3)}.text-gradient-cyan{background:linear-gradient(135deg,#fff 20%,#38bdf8 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-modes-badge{display:inline-flex;align-items:center;gap:10px;direction:ltr;margin-top:14px;padding:6px 18px;background:rgba(15,28,62,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(56,189,248,.35);border-radius:var(--radius-full);font-family:'Outfit','Cairo',sans-serif;font-size:1.05rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#38bdf8;box-shadow:0 4px 15px rgba(0,0,0,.3) , 0 0 20px rgba(56,189,248,.2);vertical-align:middle}.hero-modes-badge .mode-dot{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b981;animation:pulseGreen 1.8s infinite ease-in-out}@keyframes pulseGreen {
  0% { transform: scale(0.9); opacity: 0.7; }
  50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 14px #34d399; }
  100% { transform: scale(0.9); opacity: 0.7; }
}.hero-description{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-sub);max-width:640px;margin:0 auto 36px;font-weight:500;line-height:1.8}.stores-section{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:48px;width:100%}.stores-label{font-size:1.1rem;font-weight:700;color:#e2e8f0;display:flex;align-items:center;gap:10px}.stores-label span.highlight{color:#ffb703;font-weight:800;text-decoration:underline;text-underline-offset:4px}.store-buttons-grid{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;width:100%}.store-btn-card{position:relative;display:flex;align-items:center;justify-content:center;padding:10px 14px;background:rgba(15,23,42,.75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1.5px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 10px 30px rgba(0,0,0,.4);transition:var(--transition-smooth);cursor:pointer;text-decoration:none}.store-btn-card:hover{transform:translateY(-6px) scale(1.03);border-color:var(--brand-sky);box-shadow:0 15px 35px rgba(26,115,232,.35) , 0 0 25px rgba(56,189,248,.2)}.store-badge-img{height:54px;width:auto;display:block;border-radius:10px}.store-status-tag{position:absolute;top:-10px;right:-8px;background:linear-gradient(135deg,#ff9800,#e65100);color:#fff;font-size:.72rem;font-weight:800;padding:3px 10px;border-radius:var(--radius-full);box-shadow:0 4px 12px rgba(255,152,0,.6);letter-spacing:.5px;border:1.5px solid rgba(255,255,255,.6);z-index:5;white-space:nowrap}.notify-card{width:100%;max-width:540px;background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:28px 24px;box-shadow:var(--glass-shadow);margin:0 auto 50px;text-align:center;transition:var(--transition-smooth)}.notify-card:hover{border-color:rgba(56,189,248,.3)}.notify-card-title{font-size:1.15rem;font-weight:700;margin-bottom:8px;color:#fff}.notify-card-desc{font-size:.9rem;color:var(--text-muted);margin-bottom:20px}.notify-form{display:flex;gap:10px;width:100%}.notify-input{flex:1;background:rgba(10,20,45,.8);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);padding:12px 18px;color:#fff;font-size:.95rem;font-family:inherit;outline:none;transition:var(--transition-smooth);direction:ltr;text-align:right}.notify-input::placeholder{color:#64748b;text-align:right}.notify-input:focus{border-color:var(--brand-sky);box-shadow:0 0 15px rgba(56,189,248,.3);background:rgba(15,28,62,.95)}.notify-btn{background:linear-gradient(135deg,#ff9800 0%,#f57c00 100%);color:#fff;border:none;border-radius:var(--radius-md);padding:12px 24px;font-size:.95rem;font-weight:700;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 8px 20px rgba(255,152,0,.35);transition:var(--transition-smooth);white-space:nowrap}.notify-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(255,152,0,.5);filter:brightness(1.1)}.notify-btn:active{transform:translateY(0)}.features-container{margin-bottom:40px;width:100%}.features-heading{text-align:center;font-size:1.35rem;font-weight:800;margin-bottom:24px;color:#f1f5f9}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.feature-box{background:rgba(15,27,58,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:24px 20px;text-align:center;transition:var(--transition-smooth)}.feature-box:hover{transform:translateY(-5px);background:var(--bg-surface-hover);border-color:rgba(56,189,248,.35);box-shadow:0 15px 35px rgba(0,0,0,.3) , 0 0 20px rgba(26,115,232,.15)}.feature-icon-wrapper{width:56px;height:56px;margin:0 auto 16px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 8px 20px rgba(0,0,0,.3)}.icon-blue{background:linear-gradient(135deg,rgba(26,115,232,.3),rgba(0,210,255,.2));border:1px solid rgba(56,189,248,.4);color:#38bdf8}.icon-orange{background:linear-gradient(135deg,rgba(255,152,0,.3),rgba(255,183,3,.2));border:1px solid rgba(255,152,0,.4);color:#ffb703}.icon-purple{background:linear-gradient(135deg,rgba(168,85,247,.3),rgba(217,70,239,.2));border:1px solid rgba(192,132,252,.4);color:#c084fc}.icon-green{background:linear-gradient(135deg,rgba(16,185,129,.3),rgba(52,211,153,.2));border:1px solid rgba(52,211,153,.4);color:#34d399}.feature-title{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:#fff}.feature-desc{font-size:.88rem;color:var(--text-muted);line-height:1.6}.main-footer{border-top:1px solid var(--glass-border);padding-top:20px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-muted);font-size:.9rem}.footer-copy{display:flex;align-items:center;justify-content:center;gap:8px}.toast-alert{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);background:rgba(15,23,42,.95);backdrop-filter:blur(16px);border:1px solid var(--brand-sky);border-radius:var(--radius-full);padding:14px 28px;display:flex;align-items:center;gap:12px;color:#fff;font-size:.95rem;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.6) , 0 0 20px rgba(56,189,248,.3);z-index:100;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.16,1,.3,1)}.toast-alert.show{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}.toast-icon{color:#10b981;font-size:1.2rem}@media (max-width:768px){.app-wrapper{padding:16px 14px 30px}.top-header{padding:10px 18px;margin-bottom:20px}.main-app-logo{width:170px;height:170px;border-radius:36px}.logo-halo{width:220px;height:220px}.notify-form{flex-direction:column}.notify-btn{justify-content:center;width:100%}.main-footer{flex-direction:column;text-align:center;justify-content:center}}