:root{--primary-maroon:#4d0a0a;--primary-maroon-light:#6b1515;--primary-maroon-dark:#3a0707;--primary-orange:#f19b2c;--primary-orange-light:#f5b35c;--primary-orange-dark:#d4851e;--accent-gold:#d4af37;--accent-gold-light:#e8c94a;--background:#fff;--background-warm:#fdfaf6;--foreground:#1a1a2e;--surface:#f8f9fc;--surface-warm:#fdf8f0;--border:#e8eaf0;--border-light:#f0f1f5;--text-primary:#1a1a2e;--text-secondary:#4a4a68;--text-muted:#8a8aa3;--shadow-sm:0 2px 8px #1a1a2e0f;--shadow-md:0 8px 30px #1a1a2e14;--shadow-lg:0 20px 60px #1a1a2e1f;--shadow-xl:0 30px 80px #1a1a2e29;--shadow-glow:0 0 40px #f19b2c26;--shadow-maroon:0 20px 50px #4d0a0a33;--transition-fast:.2s ease;--transition-smooth:.4s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.5s cubic-bezier(.34, 1.56, .64, 1);--transition-spring:.6s cubic-bezier(.22, 1, .36, 1);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:30px;--radius-2xl:40px;--radius-full:9999px;--section-padding:7rem;--section-padding-mobile:4rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{max-width:100vw;overflow-x:hidden}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7;transition:direction}[dir=rtl] body{font-family:Noto Kufi Arabic,Inter,sans-serif}h1,h2,h3,h4,h5,h6{color:var(--primary-maroon);letter-spacing:-.02em;font-family:Outfit,sans-serif;line-height:1.2}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{font-family:Noto Kufi Arabic,Outfit,sans-serif}a{color:inherit;transition:var(--transition-fast);text-decoration:none}img{max-width:100%;display:block}.container{max-width:1280px;margin:0 auto;padding:0 2rem}section{padding:var(--section-padding) 0;position:relative}@media (max-width:768px){.container{padding:0 1.25rem}section{padding:var(--section-padding-mobile) 0}}.btn{border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-smooth);letter-spacing:.02em;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 2rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;transition:var(--transition-smooth);background:linear-gradient(135deg,#fff3,#0000);position:absolute;inset:0}.btn:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg, var(--primary-maroon), var(--primary-maroon-light));color:#fff;box-shadow:0 4px 15px #4d0a0a4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px #4d0a0a59}.btn-orange{background:linear-gradient(135deg, var(--primary-orange), var(--primary-orange-light));color:#fff;box-shadow:0 4px 15px #f19b2c4d}.btn-orange:hover{transform:translateY(-3px);box-shadow:0 12px 30px #f19b2c66}.btn-outline{border:2px solid var(--primary-maroon);color:var(--primary-maroon);background:0 0}.btn-outline:hover{background:var(--primary-maroon);color:#fff;transform:translateY(-3px)}.btn.lg{padding:1.1rem 2.8rem;font-size:1.05rem}.glass{-webkit-backdrop-filter:blur(20px);background:#ffffffbf;border:1px solid #fff6}.glass-dark{-webkit-backdrop-filter:blur(20px);background:#4d0a0ad9;border:1px solid #ffffff1a}.section-header{text-align:center;margin-bottom:4rem}.section-header .overline{color:var(--primary-orange);text-transform:uppercase;letter-spacing:.2em;align-items:center;gap:.75rem;margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:800;display:inline-flex}.section-header .overline:before,.section-header .overline:after{content:"";background:var(--primary-orange);border-radius:2px;width:30px;height:2px}.section-header h2{background:linear-gradient(135deg, var(--primary-maroon), var(--primary-maroon-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.25rem;font-size:3rem;font-weight:900}.section-header p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.15rem;line-height:1.7}@media (max-width:768px){.section-header h2{font-size:2rem}.section-header p{font-size:1rem}}.section-title{text-align:center;margin-bottom:3rem}.section-title h2{text-transform:uppercase;letter-spacing:-.02em;margin-bottom:1rem;font-size:2.5rem;font-weight:900}@media (max-width:768px){.section-title h2{font-size:1.8rem}}.section-title .underline{background:linear-gradient(90deg, var(--primary-orange), var(--accent-gold));border-radius:4px;width:80px;height:4px;margin:0 auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fade-up{animation:.8s forwards fadeInUp}.animate-fade-down{animation:.8s forwards fadeInDown}.animate-scale{animation:.8s forwards scaleIn}.pattern-dots{background-image:radial-gradient(circle, var(--primary-orange) 1px, transparent 1px);background-size:24px 24px}.gradient-text{background:linear-gradient(135deg, var(--primary-orange), var(--accent-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (max-width:768px){.hide-mobile{display:none!important}}.show-mobile{display:none!important}@media (max-width:768px){.show-mobile{display:block!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--primary-maroon);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-maroon-light)}::selection{background:var(--primary-orange);color:#fff}
