@import url('https://fonts.bunny.net/css2?family=Changa:wght@200;300;400;500;600;700;800&display=swap');:root{--primary-dark:#221213;--accent-brown:#845242;--light-brown:#a67c6a;--warm-brown:#b8896b;--cream:#faf9f7;--white:#ffffff;--light-gray:#f8f9fa;--medium-gray:#e9ecef;--dark-gray:#495057;--text-gray:#6c757d;--border-light:#dee2e6;--gradient-primary:linear-gradient(135deg,#845242 0%,#a67c6a 100%);--gradient-warm:linear-gradient(135deg,#faf9f7 0%,#f8f9fa 100%);--gradient-dark:linear-gradient(135deg,#221213 0%,#3d2f30 100%);--font-primary:'Changa',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-arabic:'Changa','Segoe UI','Tahoma','Arial',sans-serif;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--radius-xs:0.125rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgba(34,18,19,0.05);--shadow-sm:0 1px 3px 0 rgba(34,18,19,0.1),0 1px 2px -1px rgba(34,18,19,0.1);--shadow-md:0 4px 6px -1px rgba(34,18,19,0.1),0 2px 4px -2px rgba(34,18,19,0.1);--shadow-lg:0 10px 15px -3px rgba(34,18,19,0.1),0 4px 6px -4px rgba(34,18,19,0.1);--shadow-xl:0 20px 25px -5px rgba(34,18,19,0.1),0 8px 10px -6px rgba(34,18,19,0.1);--shadow-2xl:0 25px 50px -12px rgba(34,18,19,0.25);--shadow-inner:inset 0 2px 4px 0 rgba(34,18,19,0.05);--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--transition-bounce:0.3s cubic-bezier(0.68,-0.55,0.265,1.55);--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{font-size:12px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-arabic);font-weight:400;line-height:1.4;color:var(--primary-dark);background:var(--gradient-warm);background-image:url('/assets/images/bg_pattern.svg');background-repeat:repeat-x;background-size:200px;direction:rtl;text-align:right;min-height:100vh;overflow-x:hidden}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gradient-warm);display:flex;justify-content:center;align-items:center;z-index:9999;transition:all var(--transition-slow);backdrop-filter:blur(10px)}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.1)}.loading-spinner{width:60px;height:60px;border:3px solid transparent;border-top:3px solid var(--accent-brown);border-right:3px solid var(--light-brown);border-radius:var(--radius-full);animation:modernSpin 1.2s cubic-bezier(0.68,-0.55,0.265,1.55) infinite;position:relative}.loading-spinner::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:3px solid transparent;border-bottom:3px solid var(--warm-brown);border-left:3px solid var(--accent-brown);border-radius:var(--radius-full);animation:modernSpin 1.8s cubic-bezier(0.68,-0.55,0.265,1.55) infinite reverse}@keyframes modernSpin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}100%{transform:rotate(360deg) scale(1)}}.app-container{min-height:100vh;display:flex;flex-direction:column;position:relative}.header{margin-top:0px;text-align:center;padding:var(--spacing-xs) 0}.header.hidden{display:none}.logo-container{max-width:200px;margin:0 auto}.logo{width:100%;height:auto;max-width:200px;transition:all var(--transition-bounce);filter:drop-shadow(var(--shadow-sm));position:relative}.logo:hover{transform:scale(1.08) rotate(1deg);filter:drop-shadow(var(--shadow-lg))}.logo svg{width:100%;height:auto;display:block}.logo.lottie-loaded{animation:fadeIn 0.5s ease-in}.logo.lottie-failed{display:none}.logo-fallback{width:100%;height:auto;display:none}.logo.lottie-failed+.logo-fallback{display:block !important}@keyframes fadeIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.main-content{flex:1;max-width:1200px;margin:0 auto;width:100%;position:relative;padding:0 var(--spacing-md)}.page{opacity:0;transform:translateY(30px) scale(0.98);transition:all var(--transition-slow);will-change:transform,opacity}.page.active{opacity:1;transform:translateY(0) scale(1)}.page-title{font-size:var(--text-3xl);font-weight:800;color:var(--primary-dark);margin-bottom:var(--spacing-2xl);text-align:center;position:relative;line-height:1.2}.page-title::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:var(--gradient-primary);border-radius:var(--radius-full)}.page-content{font-size:var(--text-lg);line-height:1.8;color:var(--primary-dark);max-width:900px;margin:0 auto;font-weight:400}.home-description{font-size:var(--text-sm);line-height:1.5;text-align:center;color:var(--primary-dark);background:var(--white);padding:var(--spacing-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);position:relative;overflow:hidden;font-weight:500;margin-bottom:var(--spacing-md)}.home-description::after{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(132,82,66,0.03) 0%,transparent 70%);border-radius:var(--radius-full);z-index:-1}.app-download-section{text-align:center;margin:var(--spacing-md) 0 var(--spacing-sm);padding:var(--spacing-md)}.download-title{font-size:var(--text-base);font-weight:700;color:var(--primary-dark);margin-bottom:var(--spacing-md);position:relative}.download-title::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:var(--gradient-primary);border-radius:var(--radius-full)}.download-buttons{display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.download-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--white);color:var(--primary-dark);text-decoration:none;border-radius:var(--radius-md);border:2px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative;overflow:hidden;min-width:140px;font-family:var(--font-arabic)}.download-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(132,82,66,0.1),transparent);transition:left var(--transition-slow)}.download-btn:hover::before{left:100%}.download-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-2xl);border-color:var(--accent-brown)}.download-btn:active{transform:translateY(-2px) scale(0.98)}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gradient-primary);color:var(--white);border-radius:var(--radius-md);flex-shrink:0;transition:all var(--transition-normal)}.download-btn:hover .btn-icon{transform:scale(1.1) rotate(5deg)}.btn-text{display:flex;flex-direction:column;align-items:flex-start;text-align:right}.btn-subtitle{font-size:10px;color:var(--text-gray);font-weight:400;line-height:1;margin-bottom:1px}.btn-title{font-size:var(--text-sm);font-weight:700;color:var(--primary-dark);line-height:1}.ios-btn .btn-icon{background:var(--gradient-primary)}.ios-btn:hover{border-color:var(--accent-brown)}.android-btn .btn-icon{background:var(--gradient-primary)}.android-btn:hover{border-color:var(--accent-brown)}.contact-form{max-width:600px;margin:var(--spacing-2xl) auto}.form-group{margin-bottom:var(--spacing-xl)}.form-label{display:block;font-size:var(--text-md);font-weight:600;color:var(--primary-dark);margin-bottom:var(--spacing-sm);text-align:right}.form-input,.form-textarea{width:100%;padding:var(--spacing-md) var(--spacing-md);font-size:var(--text-base);font-family:var(--font-arabic);color:var(--primary-dark);background:var(--white);border:2px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-normal);direction:rtl;text-align:right}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent-brown);box-shadow:0 0 0 3px rgba(132,82,66,0.1);transform:translateY(-1px)}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.form-error{display:block;color:#dc3545;font-size:var(--text-sm);margin-top:var(--spacing-xs);text-align:right;font-weight:500}.form-actions{text-align:center;margin-top:var(--spacing-2xl)}.form-submit-btn{min-width:200px;position:relative}.form-submit-btn:disabled{opacity:0.7;cursor:not-allowed;transform:none !important}.form-feedback{margin-top:var(--spacing-xl);text-align:center}.form-success{background:#d4edda;color:#155724;padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid #c3e6cb}.form-error-message{background:#f8d7da;color:#721c24;padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid #f5c6cb}.warning-box{background:#fff3cd;color:#856404;padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid #ffeaa7;margin:var(--spacing-lg) 0}.warning-box h3{color:#856404;margin-bottom:var(--spacing-sm);font-size:var(--text-lg)}.content-section{background:var(--white);padding:var(--spacing-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-2xl);border:1px solid var(--border-light);position:relative;transition:all var(--transition-normal)}.content-section:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl)}.content-section h2{color:var(--accent-brown);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--spacing-lg);position:relative;padding-bottom:var(--spacing-sm)}.content-section h2::after{content:'';position:absolute;bottom:0;right:0;width:60px;height:3px;background:var(--gradient-primary);border-radius:var(--radius-full)}.content-section h3{color:var(--primary-dark);font-size:var(--text-md);font-weight:600;margin-bottom:var(--spacing-md);margin-top:var(--spacing-xl)}.content-section p{margin-bottom:var(--spacing-lg);font-weight:400}.content-section ul{margin:var(--spacing-lg) 0;padding-right:var(--spacing-xl)}.content-section li{margin-bottom:var(--spacing-sm);position:relative;font-weight:400}.content-section li::before{content:'•';color:var(--accent-brown);font-weight:bold;position:absolute;right:-20px;font-size:var(--text-lg)}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin:var(--spacing-2xl) 0}.contact-item{background:var(--white);padding:var(--spacing-2xl);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);position:relative;transition:all var(--transition-normal);overflow:hidden}.contact-item::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.contact-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-2xl)}.contact-item h3{color:var(--accent-brown);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-lg) var(--spacing-2xl);background:var(--gradient-primary);color:var(--white);text-decoration:none;border-radius:var(--radius-xl);font-weight:600;font-size:var(--text-base);transition:all var(--transition-normal);border:none;cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-md);min-height:48px}.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left var(--transition-slow)}.btn:hover::before{left:100%}.btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-xl)}.btn:active{transform:translateY(-1px) scale(0.98)}.btn-secondary{background:transparent;color:var(--accent-brown);border:2px solid var(--accent-brown);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--accent-brown);color:var(--white);border-color:var(--accent-brown)}.footer{background:var(--white);color:var(--primary-dark);padding:var(--spacing-md) 0px;margin-top:auto;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.footer::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(132,82,66,0.02) 0%,transparent 50%);z-index:0}.footer-divider{height:0;display:none}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md);text-align:center;position:relative;z-index:1;padding:0 var(--spacing-md)}.footer-nav{order:1}.footer-nav ul{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-lg);margin:0;padding:0}.footer-link{color:var(--primary-dark);text-decoration:none;transition:all var(--transition-normal);font-weight:500;font-size:var(--text-base);padding:var(--spacing-xs) var(--spacing-sm);position:relative}.footer-link::before{content:'';position:absolute;bottom:-2px;right:0;width:0;height:2px;background:var(--accent-brown);transition:all var(--transition-normal);border-radius:var(--radius-full)}.footer-link:hover::before{width:100%}.footer-link:hover{color:var(--accent-brown)}.footer-link.active{color:var(--accent-brown)}.footer-link.active::before{width:100%}.footer-bottom{order:2;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.footer-section{font-weight:400;color:var(--text-gray)}.copyright{font-size:var(--text-sm);margin:0}.platform-link{color:var(--accent-brown);text-decoration:none;font-weight:700;font-size:var(--text-sm);transition:all var(--transition-normal);position:relative;display:flex;align-items:center;gap:6px}.platform-link img{display:inline;height:2rem}.platform-link:hover{color:var(--light-brown);transform:scale(1.05)}@media (min-width:1200px){.main-content{padding:var(--spacing-2xl) var(--spacing-2xl)}.home-description{font-size:var(--text-xl)}.page-title{font-size:var(--text-3xl)}}@media (max-width:768px){.header{padding:var(--spacing-xl) var(--spacing-md) var(--spacing-md) var(--spacing-md)}.main-content{padding:var(--spacing-xl) var(--spacing-md)}.page-title{font-size:var(--text-3xl)}.home-description{font-size:var(--text-lg);padding:var(--spacing-lg)}.app-download-section{margin:var(--spacing-2xl) 0;padding:var(--spacing-lg)}.download-buttons{gap:var(--spacing-lg)}.download-btn{min-width:160px;padding:var(--spacing-md) var(--spacing-lg)}.content-section{padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.contact-info{grid-template-columns:1fr;gap:var(--spacing-lg)}.footer-nav ul{gap:var(--spacing-lg)}.footer-bottom{flex-direction:column;gap:var(--spacing-md);text-align:center}}@media (max-width:480px){.header{padding:var(--spacing-lg) var(--spacing-sm)}.main-content{padding:var(--spacing-lg) var(--spacing-sm)}.page-title{font-size:var(--text-3xl)}.home-description{font-size:var(--text-base);padding:var(--spacing-xl)}.app-download-section{margin:var(--spacing-xl) 0;padding:var(--spacing-md)}.download-title{font-size:var(--text-xl);margin-bottom:var(--spacing-lg)}.download-buttons{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.download-btn{min-width:auto;width:100%;max-width:280px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg)}.contact-form{margin:var(--spacing-xl) auto}.form-input,.form-textarea{padding:var(--spacing-md);font-size:var(--text-base)}.form-submit-btn{min-width:180px;padding:var(--spacing-md) var(--spacing-xl)}.content-section{padding:var(--spacing-lg);border-radius:var(--radius-lg)}.contact-item{padding:var(--spacing-xl)}.btn{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--text-sm)}.footer{padding:var(--spacing-2xl) var(--spacing-sm)}.footer-nav ul{flex-direction:column;gap:var(--spacing-md)}.footer-link{font-size:var(--text-base);padding:var(--spacing-xs) var(--spacing-sm)}.footer-bottom{flex-direction:column;gap:var(--spacing-sm);text-align:center}}@media (max-width:320px){.page-title{font-size:var(--text-3xl)}.home-description{font-size:var(--text-md);padding:var(--spacing-lg)}.download-title{font-size:var(--text-lg)}.download-btn{padding:var(--spacing-sm) var(--spacing-md)}.btn-text{gap:1px}.btn-subtitle{font-size:10px}.btn-title{font-size:var(--text-base)}.contact-form{margin:var(--spacing-lg) auto}.form-group{margin-bottom:var(--spacing-lg)}.form-input,.form-textarea{padding:var(--spacing-sm);font-size:var(--text-sm)}.form-label{font-size:var(--text-base);margin-bottom:var(--spacing-xs)}.form-submit-btn{min-width:160px;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-sm)}.content-section{padding:var(--spacing-md)}}