@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&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: #FDF6E8;--color-neutral-100: #F8EDD5;--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;--glass-bg: rgba(253, 246, 232, .88);--glass-blur: blur(8px);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--font-display: "Libre Baskerville", serif;--font-body: "Libre Baskerville", 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:transparent;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;background:#fdf6e8d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(212,175,55,.08);border-bottom:1px solid rgba(212,175,55,.08)}.hero-modern{padding-top:clamp(6rem,12vw,10rem);min-height:100vh;display:flex;align-items:center;position:relative;z-index:1;background:#fdf6e8b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.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 rgba(212,175,55,.15)}.card-modern:hover{box-shadow:var(--shadow-xl);border-color:#d4af3740}.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:#fdf6e8eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 2px 20px #8b73551a;border-bottom:1px solid rgba(212,175,55,.15);transition:all var(--transition-base)}.nav-modern-sticky.scrolled{box-shadow:0 4px 30px #8b735526;background:#fdf6e8f5}.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}@media(max-width:600px){.nav-links-desktop{display:none!important}.nav-btn-label{display:none}}@media(max-width:768px){.scroll-to-top-btn{bottom:calc(4.5rem + env(safe-area-inset-bottom,0px))!important}.site-footer{padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px))!important}}.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)}.islamic-art-background{position:relative;background:none}.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);pointer-events:none;opacity:.5;z-index:0}.islamic-pattern-bg:after{content:none}.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:#fff9;border-radius:var(--radius-lg);border:1px solid rgba(212,175,55,.2);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.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}}@keyframes petalFall{0%{transform:translateY(-100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .8s ease-out forwards}.fade-in-up{animation:fadeInUp .8s ease-out forwards}.scale-in{animation:scaleIn .6s ease-out forwards}.opacity-0{opacity:0}@media print{.nav-modern,.btn-modern,button{display:none!important}}