@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&family=Amiri:wght@400;700&family=Scheherazade+New:wght@400;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--color-primary: #8B7355;--color-primary-light: #A68968;--color-primary-dark: #6B5842;--color-accent: #D4AF37;--color-accent-light: #E8C468;--color-accent-dark: #B8941F;--color-neutral-50: #FAFAF9;--color-neutral-100: #F5F5F4;--color-neutral-200: #E7E5E4;--color-neutral-300: #D6D3D1;--color-neutral-400: #A8A29E;--color-neutral-500: #78716C;--color-neutral-600: #57534E;--color-neutral-700: #44403C;--color-neutral-800: #292524;--color-neutral-900: #1C1917;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--font-display: "Playfair Display", serif;--font-body: "Inter", sans-serif;--font-arabic: "Scheherazade New", "Amiri", serif;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--color-neutral-800);background:var(--color-neutral-50);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--color-neutral-900)}h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;letter-spacing:-.02em}h2{font-size:clamp(2rem,4vw,3.5rem);font-weight:700;letter-spacing:-.01em}h3{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700}h4{font-size:clamp(1.25rem,2.5vw,2rem);font-weight:600}p{font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.75;color:var(--color-neutral-700)}.arabic-text{font-family:var(--font-arabic);font-size:clamp(1.5rem,3vw,2.5rem);line-height:2;direction:rtl;color:var(--color-primary-dark)}.container-modern{width:100%;max-width:1400px;margin:0 auto;padding:0 clamp(1rem,5vw,3rem)}.section-modern{padding:clamp(4rem,10vw,8rem) 0;position:relative;z-index:1}.hero-modern{padding-top:clamp(6rem,12vw,10rem);min-height:100vh;display:flex;align-items:center;position:relative;z-index:1}.card-modern{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);transition:all var(--transition-base);border:1px solid var(--color-neutral-200)}.card-modern:hover{box-shadow:var(--shadow-xl)}.btn-modern{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;border:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.btn-accent{background:var(--color-accent);color:var(--color-neutral-900)}.btn-accent:hover{background:var(--color-accent-dark);transform:translateY(-2px)}.input-modern{width:100%;padding:1rem 1.5rem;border:2px solid var(--color-neutral-300);border-radius:var(--radius-md);font-size:1rem;color:var(--color-neutral-800);background:#fff;transition:all var(--transition-base);font-family:var(--font-body)}.input-modern:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #8b73551a}.input-modern::placeholder{color:var(--color-neutral-400)}.form-group-modern{position:relative;margin-bottom:1.5rem}.form-group-modern label{position:absolute;left:3rem;top:50%;transform:translateY(-50%);transition:all .2s;pointer-events:none;background:#fff;padding:0 .5rem;color:var(--color-neutral-500);z-index:2}.nav-modern-sticky{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 2px 20px #8b735514;border-bottom:1px solid rgba(139,115,85,.1);transition:all var(--transition-base)}.nav-modern-sticky.scrolled{box-shadow:0 4px 30px #8b73551f;background:#fffffffc}.nav-modern-sticky:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--color-primary) 25%,var(--color-accent) 50%,var(--color-primary) 75%,transparent 100%);opacity:.3}.tab-button-modern{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);background:transparent;color:var(--color-neutral-600);border:none}.tab-button-modern:hover{background:var(--color-neutral-100);color:var(--color-primary)}.tab-button-modern.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff;box-shadow:var(--shadow-md)}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 20%,rgba(212,175,55,.08) 0%,transparent 40%),radial-gradient(circle at 85% 80%,rgba(139,115,85,.08) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(212,175,55,.05) 0%,transparent 60%);pointer-events:none;z-index:-1}.islamic-art-background{position:relative;background:linear-gradient(180deg,#fafaf9,#f5f5f4,#fafaf9)}.islamic-art-background:before{content:"";position:fixed;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 100px,rgba(139,115,85,.02) 100px,rgba(139,115,85,.02) 101px),repeating-linear-gradient(90deg,transparent,transparent 100px,rgba(139,115,85,.02) 100px,rgba(139,115,85,.02) 101px),repeating-conic-gradient(from 45deg at 50% 50%,transparent 0deg,rgba(212,175,55,.015) 45deg,transparent 90deg);background-size:100px 100px,100px 100px,200px 200px;pointer-events:none;z-index:0;opacity:.6;animation:backgroundShift 120s linear infinite}@keyframes backgroundShift{0%{background-position:0 0,0 0,0 0}to{background-position:100px 100px,100px 100px,200px 200px}}.islamic-art-background:after{content:"";position:fixed;inset:-50%;background-image:radial-gradient(circle,transparent 20%,rgba(139,115,85,.01) 20%,rgba(139,115,85,.01) 22%,transparent 22%),radial-gradient(circle,transparent 20%,rgba(212,175,55,.01) 20%,rgba(212,175,55,.01) 22%,transparent 22%);background-size:80px 80px;background-position:0 0,40px 40px;animation:islamicArtRotate 180s linear infinite;pointer-events:none;z-index:0}@keyframes islamicArtRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.islamic-pattern-bg{position:relative;overflow:hidden}.islamic-pattern-bg:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 40px,rgba(139,115,85,.03) 40px,rgba(139,115,85,.03) 42px),repeating-linear-gradient(-45deg,transparent,transparent 40px,rgba(212,175,55,.03) 40px,rgba(212,175,55,.03) 42px),radial-gradient(ellipse at 25% 25%,rgba(212,175,55,.05) 0%,transparent 50%),radial-gradient(ellipse at 75% 75%,rgba(139,115,85,.05) 0%,transparent 50%);pointer-events:none;opacity:.6;z-index:0}.islamic-pattern-bg:after{content:"";position:absolute;inset:0;background-image:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(212,175,55,.02) 22.5deg,transparent 45deg,rgba(212,175,55,.02) 67.5deg,transparent 90deg,rgba(139,115,85,.02) 112.5deg,transparent 135deg,rgba(139,115,85,.02) 157.5deg,transparent 180deg,rgba(212,175,55,.02) 202.5deg,transparent 225deg,rgba(212,175,55,.02) 247.5deg,transparent 270deg,rgba(139,115,85,.02) 292.5deg,transparent 315deg,rgba(139,115,85,.02) 337.5deg,transparent 360deg);background-size:300px 300px;background-position:center;pointer-events:none;opacity:.4;z-index:0}.islamic-star-pattern{position:relative}.islamic-star-pattern:after{content:"";position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%);background-image:conic-gradient(from 0deg,transparent 0deg,rgba(212,175,55,.05) 22.5deg,transparent 45deg,rgba(212,175,55,.05) 67.5deg,transparent 90deg,rgba(212,175,55,.05) 112.5deg,transparent 135deg,rgba(212,175,55,.05) 157.5deg,transparent 180deg,rgba(212,175,55,.05) 202.5deg,transparent 225deg,rgba(212,175,55,.05) 247.5deg,transparent 270deg,rgba(212,175,55,.05) 292.5deg,transparent 315deg,rgba(212,175,55,.05) 337.5deg,transparent 360deg);border-radius:50%;animation:starRotate 40s linear infinite;pointer-events:none;opacity:.3}@keyframes starRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.islamic-border{position:relative;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--color-primary),var(--color-accent)) border-box}.islamic-border:before,.islamic-border:after{content:"";position:absolute;width:20px;height:20px;border:2px solid var(--color-accent)}.islamic-border:before{top:-2px;left:-2px;border-right:none;border-bottom:none}.islamic-border:after{bottom:-2px;right:-2px;border-left:none;border-top:none}.islamic-corners{position:relative}.islamic-corners:before,.islamic-corners:after{content:"✦";position:absolute;font-size:1.5rem;color:var(--color-accent);opacity:.3}.islamic-corners:before{top:0;left:0}.islamic-corners:after{bottom:0;right:0;transform:rotate(180deg)}.bismillah-decoration{position:relative;padding:2rem;background:linear-gradient(135deg,#8b735508,#d4af3708);border-radius:var(--radius-lg);border:1px solid rgba(212,175,55,.2)}.islamic-ornament{display:inline-block;width:60px;height:60px;position:relative;margin:0 auto}.islamic-ornament:before,.islamic-ornament:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:3px solid var(--color-accent)}.islamic-ornament:before{width:100%;height:100%;animation:ornamentPulse 3s ease-in-out infinite}.islamic-ornament:after{width:60%;height:60%;animation:ornamentPulse 3s ease-in-out infinite reverse}@keyframes ornamentPulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.1)}}[dir=rtl],[dir=rtl] .card-modern{text-align:right}[dir=rtl] .input-modern{text-align:right;direction:rtl}[dir=rtl] .hero-modern,[dir=rtl] .section-modern{direction:rtl}[dir=rtl] .form-group-modern input,[dir=rtl] .form-group-modern select,[dir=rtl] .form-group-modern textarea{padding-left:1rem!important;padding-right:3rem!important}[dir=rtl] .form-group-modern label{left:auto!important;right:3rem!important}[dir=rtl] .islamic-corners:before{left:auto;right:0}[dir=rtl] .islamic-corners:after{right:auto;left:0}@media(max-width:768px){html{font-size:14px}.container-modern{padding:0 1rem}.section-modern{padding:3rem 0}.card-modern{padding:1.5rem}.btn-modern{padding:.875rem 1.5rem}}@media print{.nav-modern,.btn-modern,button{display:none!important}}