@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap";:root{--color-primary: #0D7377;--color-secondary: #fefce8;--color-accent: #C9A962;--color-blue-900: #0A5C5F;--color-blue-600: #0D7377;--color-blue-500: #14919B;--color-blue-400: #14919B;--color-blue-300: rgba(13, 115, 119, .4);--color-blue-200: rgba(13, 115, 119, .25);--color-blue-100: rgba(13, 115, 119, .15);--color-blue-50: rgba(13, 115, 119, .05);--color-cream-200: #fef3c7;--color-cream-100: #fefce8;--color-cream-50: #fffbeb;--color-white: #fefefe;--color-gold-600: #B8963F;--color-gold-500: #C9A962;--color-gold-400: #D4B97A;--color-gold-300: #E0C992;--color-gold-200: #EBD9AA;--color-gold-100: #F5E9C2;--color-text-primary: #1C2B2D;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-text-inverse: #fefefe;--color-link: #0D7377;--color-link-hover: #14919B;--color-link-visited: #0A5C5F;--color-link-active: #C9A962;--color-success: #059669;--color-warning: #C9A962;--color-error: #dc2626;--color-info: #0D7377;--shadow-sm: 0 1px 2px rgba(13, 115, 119, .05);--shadow-md: 0 4px 6px rgba(13, 115, 119, .07);--shadow-lg: 0 10px 15px rgba(13, 115, 119, .1);--shadow-xl: 0 20px 25px rgba(13, 115, 119, .1);--shadow-gold: 0 4px 12px rgba(201, 169, 98, .3);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 2.5rem;--space-3xl: 3rem;--space-4xl: 4rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--line-height-loose: 1.8;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55)}.font-arabic{font-family:Amiri,Scheherazade New,Traditional Arabic,serif}.font-ui{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.font-english{font-family:Inter,SF Pro Display,system-ui,sans-serif}.arabic-text{font-family:Amiri,Scheherazade New,serif;font-size:clamp(1.5rem,4vw,2rem);line-height:var(--line-height-loose);text-align:right;direction:rtl;color:var(--color-text-primary);letter-spacing:.02em;font-weight:var(--font-weight-normal)}.english-text{font-family:var(--font-ui);font-size:clamp(1rem,2.5vw,1.25rem);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);letter-spacing:-.01em}.ui-text{font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);color:var(--color-text-primary);background-color:var(--color-white);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;min-height:44px;min-width:44px}.btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-gold-400) 100%);color:var(--color-white);box-shadow:var(--shadow-gold)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-gold-400) 0%,var(--color-gold-300) 100%);transform:translateY(-1px);box-shadow:0 6px 16px #c9a96266}.btn-primary:active{transform:translateY(0);background:var(--color-gold-600)}.btn-secondary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-blue-500) 100%);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-secondary:hover{background:linear-gradient(135deg,var(--color-blue-500) 0%,var(--color-blue-400) 100%);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-ghost{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-ghost:hover{background:var(--color-primary);color:var(--color-white);transform:translate(-2px)}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl);transition:all var(--transition-normal);border:1px solid var(--color-blue-100)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-islamic{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-cream-50) 100%);border:2px solid var(--color-accent);position:relative}.card-islamic:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,var(--color-accent),var(--color-gold-400));border-radius:var(--radius-lg);z-index:-1;opacity:.1}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-contrast:high){.card-islamic{border-width:3px;border-color:var(--color-text-primary)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.btn,.header{display:none!important}.arabic-text,.english-text{color:#000!important;background:#fff!important}}