:root{--color-bg:#fff;--color-bg-alt:#f8f9fb;--color-gold:#c8956c;--color-gold-light:#debb99;--color-gold-dark:#a87b55;--color-gold-glow:#c8956c1a;--color-dark:#111827;--color-dark-light:#1f2937;--color-dark-lighter:#374151;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--font-heading:"Playfair Display", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-arabic:"Amiri", "Noto Naskh Arabic", serif;--section-padding:6rem 2rem;--container-max:1200px;--nav-height:72px;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000008;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 12px 40px #00000014;--shadow-gold:0 4px 20px #c8956c33;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:32px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--color-dark);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}[dir=rtl] body,[lang=ar] body{font-family:var(--font-arabic), var(--font-body)}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4{font-family:var(--font-arabic), var(--font-heading)}[dir=rtl]{text-align:right}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}ul,ol{list-style:none}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--color-dark);font-weight:700;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.125rem,2vw,1.5rem)}p{color:var(--color-gray-500);line-height:1.75}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 2rem}.section{padding:var(--section-padding)}.section-dark{background-color:var(--color-dark);color:var(--color-white)}.section-dark h1,.section-dark h2,.section-dark h3,.section-dark h4{color:var(--color-white)}.section-dark p{color:var(--color-gray-300)}.btn{border-radius:var(--radius-xl);transition:all var(--transition-base);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-dark);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--color-dark-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{color:var(--color-dark);border:2px solid var(--color-gray-200);background:0 0}.btn-secondary:hover{border-color:var(--color-gold);color:var(--color-gold-dark);transform:translateY(-2px)}.btn-gold{background:linear-gradient(135deg, var(--color-gold), var(--color-gold-dark));color:var(--color-white);box-shadow:var(--shadow-gold)}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 25px #c8956c59}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);border:1px solid var(--color-gray-100);padding:2rem}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.accent-underline{display:inline-block;position:relative}.accent-underline:after{content:"";background:var(--color-gold);border-radius:2px;width:48px;height:3px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}[dir=rtl] .accent-underline:after{left:auto;right:50%;transform:translate(50%)}.text-gold{color:var(--color-gold)}.text-gold-gradient{background:linear-gradient(135deg, var(--color-gold), var(--color-gold-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}@media (width<=768px){:root{--section-padding:4rem 1.25rem;--nav-height:64px}.container{padding:0 1.25rem}.btn{padding:.75rem 1.5rem;font-size:.9375rem}}
