.app-page-wrapper{--app-bg-grad-1:#ffffff;--app-bg-grad-2:#f8fafc;--app-text-main:#0f172a;--app-text-muted:#475569;--app-bg-card:rgba(255,255,255,0.85);--app-border:#e2e8f0;--app-border-glow:rgba(37,99,235,0.1);--primary-blue:#2563eb;--accent-cyan:#0284c7;--phone-screen-bg:#090e1e;--phone-frame-outer:#e2e8f0;--phone-frame-inner:#94a3b8;--blob-opacity:0.05;--guide-badge-bg:#f1f5f9;position:relative;z-index:1;background:linear-gradient(180deg,var(--app-bg-grad-1) 0,var(--app-bg-grad-2) 100%);color:var(--app-text-main);font-family:Cairo,Tajawal,sans-serif;overflow-x:hidden;transition:background .3s ease,color .3s ease}[data-theme=dark] .app-page-wrapper{--app-bg-grad-1:#05070f;--app-bg-grad-2:#0c0f24;--app-text-main:#ffffff;--app-text-muted:#94a3b8;--app-bg-card:rgba(15,23,42,0.5);--app-border:rgba(255,255,255,0.06);--app-border-glow:rgba(56,189,248,0.15);--primary-blue:#2563eb;--accent-cyan:#38bdf8;--phone-frame-outer:#181d2c;--phone-frame-inner:rgba(255,255,255,0.06);--blob-opacity:0.12;--guide-badge-bg:rgba(255,255,255,0.03)}[data-gender=female] .app-page-wrapper{--primary-blue:#ec4899;--accent-cyan:#be185d;--app-border-glow:rgba(236,72,153,0.15)}.bg-mesh-blobs{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;z-index:0}.mesh-blob{position:absolute;border-radius:50%;filter:blur(160px);opacity:var(--blob-opacity);transition:all 1s ease,opacity .3s ease}.mesh-blob-1{background:var(--primary-blue);width:600px;height:600px;top:-10%;right:-10%;animation:float-blob-1 25s infinite alternate}.mesh-blob-2{background:#8b5cf6;width:500px;height:500px;bottom:-10%;left:-10%;animation:float-blob-2 30s infinite alternate-reverse}.mesh-blob-3{background:var(--accent-cyan);width:400px;height:400px;top:40%;left:20%;animation:float-blob-1 20s infinite alternate-reverse}@keyframes float-blob-1{0%{transform:translate(0) scale(1)}to{transform:translate(80px,50px) scale(1.15)}}@keyframes float-blob-2{0%{transform:translate(0) scale(1)}to{transform:translate(-60px,-80px) scale(1.1)}}.app-hero-section{padding:160px 0 100px;position:relative;z-index:2;border-bottom:1px solid var(--app-border)}.app-hero-container{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.app-hero-details{text-align:right}.app-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(37,99,235,.06);border:1px solid rgba(37,99,235,.15);color:var(--primary-blue);padding:8px 18px;border-radius:50px;font-size:.9rem;font-weight:700;margin-bottom:24px;transition:all .3s ease}[data-theme=dark] .app-badge{background:rgba(56,189,248,.08);border-color:rgba(56,189,248,.2);color:var(--accent-cyan)}.app-badge .pulse-dot{width:8px;height:8px;background:var(--primary-blue);border-radius:50%;box-shadow:0 0 10px var(--primary-blue);animation:badge-ping 1.5s infinite}[data-theme=dark] .app-badge .pulse-dot{background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan)}@keyframes badge-ping{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:.5}}.app-hero-title{font-family:Tajawal,sans-serif;font-size:3.6rem;font-weight:900;line-height:1.25;margin-bottom:24px;color:var(--app-text-main);transition:color .3s ease}.app-hero-title span{color:var(--primary-blue)}[data-theme=dark] .app-hero-title span{color:var(--accent-cyan);text-shadow:0 0 40px rgba(56,189,248,.25)}.app-hero-subtitle{font-size:1.15rem;line-height:1.8;color:var(--app-text-muted);margin-bottom:40px;font-weight:400;transition:color .3s ease}.cta-container{display:flex;align-items:center;background:var(--app-bg-card);border:1px solid var(--app-border);padding:24px 30px;border-radius:24px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-bottom:30px;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:all .3s ease}[data-theme=dark] .cta-container{box-shadow:0 15px 35px rgba(0,0,0,.25)}.cta-left{width:100%;display:flex;flex-direction:column;gap:12px}.download-btn-premium{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,var(--primary-blue) 0,#3b82f6 100%);color:#ffffff;font-size:1.15rem;font-weight:800;padding:16px 32px;border-radius:16px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 25px rgba(37,99,235,.25),inset 0 1px 0 rgba(255,255,255,.15)}.download-btn-premium:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(37,99,235,.45);filter:brightness(1.1)}.download-info{font-size:.85rem;color:var(--app-text-muted);display:flex;align-items:center;gap:20px;justify-content:center;margin-top:4px;transition:color .3s ease}.download-info span{display:flex;align-items:center;gap:5px}.download-info i{color:#10b981}.phone-showcase-container{display:flex;justify-content:center;position:relative}.device-phone{width:310px;height:630px;background:#090d16;border-radius:46px;padding:11px;box-shadow:0 15px 45px rgba(0,0,0,.1),0 0 0 12px var(--phone-frame-outer),0 0 0 13px rgba(0,0,0,.05);position:relative;z-index:5;animation:float-phone-vertical 6s ease-in-out infinite;transition:box-shadow .3s ease,border-color .3s ease}[data-theme=dark] .device-phone{box-shadow:0 25px 60px rgba(0,0,0,.6),0 0 0 12px var(--phone-frame-outer),0 0 0 13px rgba(255,255,255,.06),0 0 35px var(--app-border-glow)}@keyframes float-phone-vertical{0%{transform:translateY(0)}50%{transform:translateY(-16px)}to{transform:translateY(0)}}.device-notch{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:100px;height:24px;background:#181d2c;border-radius:100px;z-index:10;box-shadow:inset 0 2px 4px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:space-between;padding:0 15px}.notch-camera{width:8px;height:8px;background:#111827;border-radius:50%;box-shadow:inset 0 1px 2px rgba(255,255,255,.1)}.notch-sensor{width:5px;height:5px;background:#0f172a;border-radius:50%}.device-screen{width:100%;height:100%;background:var(--phone-screen-bg);border-radius:36px;overflow:hidden;position:relative;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.05)}.phone-status-bar{height:48px;padding:16px 20px 0;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#ffffff;font-weight:700;z-index:8}.status-icons{display:flex;align-items:center;gap:6px}.status-battery{width:18px;height:10px;border:1px solid #ffffff;border-radius:3px;padding:1px;position:relative}.status-battery:after{content:"";position:absolute;right:-3px;top:2px;width:2px;height:4px;background:#ffffff;border-radius:0 1px 1px 0}.battery-fill{width:80%;height:100%;background:#10b981;border-radius:1px}.phone-app-body{flex:1;display:flex;flex-direction:column;padding:12px 16px 20px;overflow-y:auto;scrollbar-width:none}.phone-app-body::-webkit-scrollbar{display:none}.phone-app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.phone-app-logo{font-size:.95rem;font-weight:900;color:#ffffff;font-family:Tajawal,sans-serif;letter-spacing:.5px}.phone-app-logo span{color:#38bdf8}.phone-offline-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);color:#34d399;font-size:.65rem;padding:3px 8px;border-radius:50px;font-weight:700}.phone-screen-title{font-size:1.05rem;font-weight:800;margin-bottom:4px;text-align:right;font-family:Tajawal,sans-serif;color:#ffffff}.phone-screen-desc{font-size:.72rem;color:#94a3b8;margin-bottom:14px;text-align:right}.workout-progress-box{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:12px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}.workout-progress-ring{position:relative;width:44px;height:44px}.workout-progress-text{text-align:right}.workout-progress-text h4{font-size:.8rem;font-weight:700;margin-bottom:2px;color:#ffffff}.workout-progress-text p{font-size:.65rem;color:#94a3b8}.workout-exercises-list{display:flex;flex-direction:column;gap:10px}.workout-item{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease}.workout-item:hover{background:rgba(255,255,255,.04);border-color:rgba(56,189,248,.2)}.workout-item.completed{border-color:rgba(16,185,129,.3);background:rgba(16,185,129,.03)}.workout-checkbox{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.workout-item.completed .workout-checkbox{background:#10b981;border-color:#10b981;color:white}.workout-info{text-align:right}.workout-info h5{font-size:.78rem;font-weight:700;color:#ffffff}.workout-item.completed .workout-info h5{text-decoration:line-through;color:#94a3b8}.workout-info p{font-size:.65rem;color:#94a3b8}.water-circle-visual{width:140px;height:140px;border-radius:50%;border:6px solid rgba(56,189,248,.1);margin:15px auto 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:rgba(56,189,248,.02);box-shadow:0 10px 25px rgba(0,0,0,.15)}.water-wave-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,rgba(56,189,248,.5),rgba(37,99,235,.8));transition:all .5s cubic-bezier(.16,1,.3,1);z-index:1}.water-c-content{position:relative;z-index:2;text-align:center}.water-c-val{font-size:2.2rem;font-weight:900;color:#ffffff;line-height:1;font-family:Tajawal,sans-serif}.water-c-lbl{font-size:.7rem;color:#cbd5e1;font-weight:700}.water-controls{gap:12px;margin-bottom:20px}.water-btn,.water-controls{display:flex;justify-content:center}.water-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#ffffff;font-size:1.2rem;cursor:pointer;align-items:center;transition:all .2s ease}.water-btn:hover{background:rgba(56,189,248,.1);border-color:#38bdf8;transform:scale(1.05)}.water-grid-dots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.water-dot{height:36px;border-radius:8px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.15);font-size:.9rem;transition:all .3s ease}.water-dot.filled{background:rgba(56,189,248,.1);border-color:rgba(56,189,248,.4);color:#38bdf8;transform:scale(1.05)}.nutrition-picker{display:flex;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:4px;gap:4px;margin-bottom:16px}.nutri-tab{flex:1;padding:8px 4px;border-radius:8px;background:transparent;border:none;color:#94a3b8;font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s ease}.nutri-tab.active{background:rgba(56,189,248,.12);color:#38bdf8}.food-card-interactive{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:16px;text-align:right;margin-bottom:16px}.food-card-title{font-size:.85rem;font-weight:800;margin-bottom:2px;color:#ffffff}.food-card-sub{font-size:.7rem;color:#94a3b8;margin-bottom:12px}.food-macros-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border-top:1px solid rgba(255,255,255,.06);padding-top:12px}.macro-box{text-align:center}.macro-val{font-size:.85rem;font-weight:800;color:#ffffff;line-height:1}.macro-val.cals{color:#ef4444}.macro-val.carbs{color:#38bdf8}.macro-val.prot{color:#10b981}.macro-val.fats{color:#f59e0b}.macro-lbl{font-size:.58rem;color:#94a3b8;margin-top:3px}.chart-box-visual{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:16px;height:160px;margin-bottom:16px;position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.chart-grid-line{position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.03);z-index:1}.chart-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;z-index:2}.chart-bar{width:100%;background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.2);border-radius:4px;transition:all .5s ease;position:relative}.chart-bar.highlight{background:linear-gradient(180deg,#38bdf8,#2563eb);border:none;box-shadow:0 5px 15px rgba(56,189,248,.3)}.chart-bar-val{position:absolute;top:-18px;left:50%;transform:translateX(-50%);font-size:.6rem;font-weight:700;color:#ffffff}.chart-bar-lbl{font-size:.6rem;color:#94a3b8;margin-top:6px}.weight-stats-sub{display:grid;grid-template-columns:1fr 1fr;gap:10px}.w-stat-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:8px 12px;text-align:right}.w-stat-card h6{font-size:.65rem;color:#94a3b8;margin-bottom:2px}.w-stat-card p{font-size:.85rem;font-weight:800;color:#ffffff}.showcase-navigator{display:flex;flex-direction:column;gap:12px;justify-content:center}.nav-card-tab{background:var(--app-bg-card);border:1px solid var(--app-border);border-radius:20px;padding:18px 24px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-align:right;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.02)}[data-theme=dark] .nav-card-tab{box-shadow:none}.nav-card-tab:before{content:"";position:absolute;top:0;bottom:0;right:0;width:4px;background:transparent;transition:all .3s ease}.nav-card-tab:hover{background:rgba(255,255,255,.02);border-color:rgba(37,99,235,.2);transform:translateX(-4px)}[data-theme=dark] .nav-card-tab:hover{border-color:rgba(56,189,248,.2)}.nav-card-tab.active{background:rgba(37,99,235,.04);border-color:rgba(37,99,235,.3);box-shadow:0 10px 25px rgba(37,99,235,.05);transform:translateX(-6px)}[data-theme=dark] .nav-card-tab.active{background:rgba(56,189,248,.04);border-color:rgba(56,189,248,.3);box-shadow:0 10px 25px rgba(56,189,248,.08)}.nav-card-tab.active:before{background:var(--primary-blue);box-shadow:0 0 10px var(--primary-blue)}[data-theme=dark] .nav-card-tab.active:before{background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan)}.nav-card-header-row{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:4px}.nav-card-icon{width:32px;height:32px;background:rgba(0,0,0,.04);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.05rem;color:var(--app-text-muted);transition:all .3s ease}[data-theme=dark] .nav-card-icon{background:rgba(255,255,255,.04)}.nav-card-tab.active .nav-card-icon{background:rgba(37,99,235,.1);color:var(--primary-blue)}[data-theme=dark] .nav-card-tab.active .nav-card-icon{background:rgba(56,189,248,.15);color:var(--accent-cyan)}.nav-card-tab h3{font-family:Tajawal,sans-serif;font-size:1.1rem;font-weight:800;color:var(--app-text-main);transition:color .3s ease}.nav-card-tab p{font-size:.85rem;color:var(--app-text-muted);line-height:1.5;transition:color .3s ease}.app-guide-section{padding:100px 0;position:relative;z-index:2;background:rgba(0,0,0,.01);border-bottom:1px solid var(--app-border);transition:border-color .3s ease}[data-theme=dark] .app-guide-section{background:rgba(5,7,15,.4)}.section-header-centered{text-align:center;max-width:700px;margin:0 auto 60px;padding:0 24px}.section-header-centered h2{font-family:Tajawal,sans-serif;font-size:2.4rem;font-weight:900;color:var(--app-text-main);margin-bottom:16px;transition:color .3s ease}.section-header-centered p{font-size:1.1rem;color:var(--app-text-muted);line-height:1.7;transition:color .3s ease}.guide-steps-grid{max-width:1000px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.guide-step-card{background:var(--app-bg-card);border:1px solid var(--app-border);border-radius:24px;padding:32px 24px;text-align:right;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 4px 20px rgba(0,0,0,.02)}[data-theme=dark] .guide-step-card{box-shadow:none}.guide-step-card:hover{transform:translateY(-5px);border-color:rgba(37,99,235,.3);box-shadow:0 10px 25px rgba(0,0,0,.05)}[data-theme=dark] .guide-step-card:hover{border-color:rgba(56,189,248,.3);box-shadow:0 15px 35px rgba(0,0,0,.2)}.step-num-badge{width:44px;height:44px;border-radius:12px;background:var(--guide-badge-bg);border:1px solid var(--app-border);color:var(--app-text-main);font-size:1.25rem;font-weight:900;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-family:Tajawal,sans-serif;transition:all .3s ease}.guide-step-card:hover .step-num-badge{background:rgba(37,99,235,.08);border-color:var(--primary-blue);color:var(--primary-blue);transform:scale(1.05)}[data-theme=dark] .guide-step-card:hover .step-num-badge{background:rgba(56,189,248,.1);border-color:var(--accent-cyan);color:var(--accent-cyan)}.guide-step-card h3{font-family:Tajawal,sans-serif;font-size:1.2rem;font-weight:800;color:var(--app-text-main);margin-bottom:12px;transition:color .3s ease}.guide-step-card p{font-size:.9rem;color:var(--app-text-muted);line-height:1.7;transition:color .3s ease}.app-roadmap-section{padding:100px 0;position:relative;z-index:2;border-bottom:1px solid var(--app-border);transition:border-color .3s ease}.roadmap-timeline-box{max-width:950px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;gap:20px}.roadmap-progress-header{background:var(--app-bg-card);border:1px solid var(--app-border);border-radius:24px;padding:30px;text-align:right;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-bottom:25px;box-shadow:0 10px 25px rgba(0,0,0,.02)}.r-prog-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.r-prog-meta h3{font-size:1.25rem}.r-prog-meta h3,.r-prog-percent{font-family:Tajawal,sans-serif;font-weight:900}.r-prog-percent{font-size:1.2rem;color:var(--primary-blue)}[data-theme=dark] .r-prog-percent{color:var(--accent-cyan)}.r-prog-bar-container{background:rgba(0,0,0,.05);height:14px;border-radius:20px;overflow:hidden;position:relative}[data-theme=dark] .r-prog-bar-container{background:rgba(255,255,255,.06)}.r-prog-bar-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,var(--primary-blue) 0,var(--accent-cyan) 100%);position:relative;box-shadow:0 0 10px rgba(37,99,235,.2);transition:width .8s cubic-bezier(.16,1,.3,1)}.r-prog-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:shine 2.5s infinite}@keyframes shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.roadmap-item-row{background:var(--app-bg-card);border:1px solid var(--app-border);border-radius:20px;padding:24px 30px;display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;text-align:right;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.02)}[data-theme=dark] .roadmap-item-row{box-shadow:none}.roadmap-item-row:hover{border-color:rgba(37,99,235,.2);background:rgba(0,0,0,.005)}[data-theme=dark] .roadmap-item-row:hover{border-color:rgba(56,189,248,.2);background:rgba(255,255,255,.01)}.roadmap-dot-wrap{display:flex;align-items:center;justify-content:center}.roadmap-node{width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.05);border:4px solid rgba(0,0,0,.1);position:relative}[data-theme=dark] .roadmap-node{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}.roadmap-node.completed{background:#10b981;border-color:rgba(16,185,129,.2);box-shadow:0 0 10px rgba(16,185,129,.3)}.roadmap-node.active{background:var(--primary-blue);border-color:rgba(37,99,235,.2);box-shadow:0 0 10px rgba(37,99,235,.3)}[data-theme=dark] .roadmap-node.active{background:var(--accent-cyan);border-color:rgba(56,189,248,.2);box-shadow:0 0 10px var(--accent-cyan)}.roadmap-item-details h3{font-family:Tajawal,sans-serif;font-size:1.15rem;font-weight:800;color:var(--app-text-main);margin-bottom:4px;transition:color .3s ease}.roadmap-item-details p{font-size:.85rem;color:var(--app-text-muted);line-height:1.6;transition:color .3s ease}.roadmap-status-badge{font-size:.72rem;font-weight:800;padding:6px 14px;border-radius:50px}.roadmap-status-badge.completed{background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.2);color:#10b981}.roadmap-status-badge.active{background:rgba(37,99,235,.06);border:1px solid rgba(37,99,235,.2);color:var(--primary-blue)}[data-theme=dark] .roadmap-status-badge.active{background:rgba(56,189,248,.08);border-color:rgba(56,189,248,.2);color:var(--accent-cyan)}.roadmap-status-badge.upcoming{background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.05);color:var(--app-text-muted)}[data-theme=dark] .roadmap-status-badge.upcoming{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.05)}.app-faq-section{padding:100px 0;position:relative;z-index:2}.faq-grid-custom{max-width:900px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;gap:16px}.faq-item-premium{background:var(--app-bg-card);border:1px solid var(--app-border);border-radius:18px;padding:24px;text-align:right;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.02)}[data-theme=dark] .faq-item-premium{box-shadow:none}.faq-item-premium:hover{border-color:rgba(0,0,0,.1)}[data-theme=dark] .faq-item-premium:hover{border-color:rgba(255,255,255,.1)}.faq-item-premium h3{font-family:Tajawal,sans-serif;font-size:1.15rem;font-weight:800;margin-bottom:10px;color:var(--app-text-main);display:flex;align-items:center;justify-content:flex-end;gap:10px;transition:color .3s ease}.faq-item-premium h3:before{content:"🤔";font-size:1.25rem}.faq-item-premium p{font-size:.92rem;color:var(--app-text-muted);line-height:1.7;transition:color .3s ease}@media (max-width:1024px){.app-hero-container{grid-template-columns:1fr;gap:50px;text-align:center}.app-hero-details{text-align:center;display:flex;flex-direction:column;align-items:center}.cta-container{width:100%;max-width:500px;padding:20px}.cta-left{align-items:center}.download-btn-premium{width:100%}.download-info{justify-content:center}.app-hero-title{font-size:2.8rem}.app-hero-subtitle{margin-bottom:30px}.guide-steps-grid,.roadmap-item-row{grid-template-columns:1fr;gap:20px}.roadmap-item-row{text-align:center;justify-items:center}.roadmap-item-details{text-align:center}}@media (max-width:768px){.app-hero-container{grid-template-columns:1fr;gap:40px}.device-phone{width:290px;height:590px}.showcase-navigator{flex-direction:row;flex-wrap:wrap;justify-content:center}.nav-card-tab{padding:10px 16px;border-radius:12px;flex:1 1 40%;text-align:center}.nav-card-tab.active{transform:translateY(-2px)}.nav-card-header-row{justify-content:center}.nav-card-tab p{display:none}.nav-card-tab h3{font-size:.9rem}}