:root{--color-emerald-950: #022c22;--color-emerald-900: #064e3b;--color-emerald-800: #065f46;--color-emerald-700: #047857;--color-emerald-600: #059669;--color-emerald-500: #10b981;--color-emerald-400: #34d399;--color-emerald-300: #6ee7b7;--color-emerald-200: #a7f3d0;--color-emerald-100: #d1fae5;--color-emerald-50: #ecfdf5;--color-black: var(--color-emerald-950);--color-sage: var(--color-emerald-300);--color-beige: #f9fafb;--color-deep-green: var(--color-emerald-800);--color-off-white: #ffffff;--color-gray: #4b5563;--color-primary-bg: var(--color-off-white);--color-secondary-bg: var(--color-emerald-50);--color-card-bg: var(--color-off-white);--color-primary-text: var(--color-emerald-950);--color-secondary-text: var(--color-emerald-700);--color-border: var(--color-emerald-200);--color-accent: var(--color-emerald-600);--color-accent-soft: var(--color-emerald-100);--color-success: var(--color-emerald-600);--color-success-soft: var(--color-emerald-100);--font-heading: "Manrope", "Inter", sans-serif;--font-body: "Inter", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 8rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(17, 17, 17, .05);--shadow-md: 0 4px 6px rgba(17, 17, 17, .05);--shadow-lg: 0 10px 15px rgba(17, 17, 17, .05);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:400;line-height:1.6;color:var(--color-primary-text);background-color:var(--color-primary-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--color-primary-text);margin-bottom:var(--spacing-md)}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em}h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.02em}h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:700}h4{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:700}p{margin-bottom:var(--spacing-sm);color:var(--color-secondary-text);font-size:1rem;line-height:1.7}a{color:var(--color-primary-text);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.container-narrow{max-width:720px}.section{padding:var(--spacing-3xl) 0}.section-sm{padding:var(--spacing-2xl) 0}.grid{display:grid;gap:var(--spacing-lg)}.grid-2,.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media(max-width:600px){.grid-2,.grid-3{grid-template-columns:1fr}}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.card{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.btn{font-family:var(--font-body);font-size:1rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);text-align:center;display:inline-block}.btn-primary{background-color:var(--color-primary-text);color:var(--color-primary-bg);border:1px solid var(--color-primary-text)}.btn-primary:hover{background-color:var(--color-accent);border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb33}.btn-secondary{background-color:var(--color-secondary-bg);color:var(--color-primary-text);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-sage);border-color:var(--color-deep-green)}.btn-outline{background-color:transparent;color:var(--color-primary-text);border:2px solid var(--color-primary-text)}.btn-outline:hover{border-color:var(--color-accent);background-color:var(--color-accent);color:var(--color-primary-bg)}.btn-block{width:100%;display:block}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--color-primary-text);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-sm);background-color:var(--color-secondary-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-primary-text);font-family:var(--font-body);font-size:1rem;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-accent);background-color:var(--color-card-bg)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-secondary-text)}.form-textarea{min-height:120px;resize:vertical}.navbar{background-color:var(--color-primary-bg);border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fafaf8e6}.navbar-container{display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;height:40px;overflow:visible}.navbar-logo img{height:40px;width:auto;object-fit:contain;transform:scale(1.35);transform-origin:left center}.islamic-text{font-family:var(--font-heading);color:var(--color-secondary-text);font-size:.875rem;letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:var(--spacing-xs)}.navbar-menu{display:flex;list-style:none;gap:var(--spacing-lg);align-items:center}.navbar-link{color:var(--color-secondary-text);font-weight:500;transition:color var(--transition-fast)}.navbar-link:hover,.navbar-link.active{color:var(--color-accent)}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.menu-toggle span{width:100%;height:3px;background-color:var(--color-primary-text);border-radius:10px;transition:all .3s ease}.menu-toggle.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media(max-width:768px){.menu-toggle{display:flex}.navbar-menu{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background-color:#fff;flex-direction:column;padding:80px 40px;box-shadow:-10px 0 30px #0000001a;transition:right .3s ease;z-index:1000;align-items:flex-start;display:flex}.navbar-menu.mobile-show{right:0}.navbar-menu li{width:100%}.navbar-link{font-size:1.25rem;padding:.5rem 0;display:block}.mobile-only-spacing{margin-top:var(--spacing-md)}}.footer{background-color:var(--color-secondary-bg);border-top:1px solid var(--color-border);padding:var(--spacing-3xl) 0 var(--spacing-xl);margin-top:calc(var(--spacing-3xl) * 1.5)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section h4{margin-bottom:var(--spacing-sm);font-size:1rem}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--spacing-xs)}.footer-links a{color:var(--color-secondary-text);font-size:.875rem}.footer-links a:hover{color:var(--color-primary-text)}.footer-bottom{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);color:var(--color-secondary-text);font-size:.875rem}.hero{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-3xl) 0;background:linear-gradient(180deg,var(--color-primary-bg) 0%,var(--color-secondary-bg) 100%)}.hero-content{max-width:800px}.hero-title{margin-bottom:var(--spacing-md)}.hero-subtitle{font-size:clamp(1.125rem,2vw,1.5rem);color:var(--color-secondary-text);margin-bottom:var(--spacing-xl)}.home-hero{position:relative;overflow:hidden;background-color:var(--color-primary-bg);background-image:radial-gradient(ellipse 120% 85% at 50% 28%,var(--color-secondary-bg) 0%,transparent 65%),linear-gradient(140deg,var(--color-primary-bg) 0%,var(--color-beige) 55%,var(--color-secondary-bg) 100%);border-bottom:1px solid var(--color-border)}.home-hero-dots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(180deg,#10b9810f,#10b98105);z-index:1}.home-hero-dot{position:absolute;border-radius:999px;background:var(--color-accent);transform:translate(-50%,-50%);transition:transform 45ms linear,opacity 90ms ease;box-shadow:0 0 0 1px var(--color-accent-soft);will-change:transform,opacity}.home-hero .hero-content{position:relative;z-index:2}.pricing-card{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:transform var(--transition-base),border-color var(--transition-base)}.pricing-card:hover{transform:translateY(-8px);border-color:var(--color-accent)}.pricing-price{font-size:3rem;font-weight:800;font-family:var(--font-heading);margin:var(--spacing-md) 0}.pricing-features{list-style:none;margin:var(--spacing-lg) 0;text-align:left}.pricing-features li{padding:var(--spacing-xs) 0;color:var(--color-secondary-text)}.loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--color-secondary-text)}.error{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);color:var(--color-accent);text-align:center}@media(max-width:768px){.section{padding:var(--spacing-xl) 0}.section-sm{padding:var(--spacing-lg) 0}.container{padding:0 var(--spacing-sm)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mt-3xl{margin-top:var(--spacing-3xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.mb-3xl{margin-bottom:var(--spacing-3xl)}.hidden{display:none}