:root{--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--space-touch:44px;--space-touch-sm:36px;--space-touch-lg:56px;--font-size-xs:0.75rem;--font-size-sm:0.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-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-arabic-sm:1rem;--font-size-arabic-base:1.25rem;--font-size-arabic-lg:1.5rem;--font-size-arabic-xl:1.75rem;--font-size-arabic-2xl:2rem;--line-height-tight:1.2;--line-height-snug:1.4;--line-height-normal:1.6;--line-height-relaxed:1.8;--line-height-loose:2;--line-height-arabic:2.2;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--brand-sage-50:125 15% 96%;--brand-sage-100:125 14% 90%;--brand-sage-200:125 13% 76%;--brand-sage-300:125 12% 62%;--brand-sage-400:125 11% 48%;--brand-sage-500:125 11% 38%;--brand-sage-600:125 13% 30%;--brand-sage-700:125 14% 24%;--brand-sage-800:125 15% 19%;--brand-sage-900:125 19% 12%;--brand-forest-50:134 30% 94%;--brand-forest-100:134 28% 85%;--brand-forest-200:134 27% 71%;--brand-forest-300:134 28% 55%;--brand-forest-400:134 30% 41%;--brand-forest-500:134 33% 26%;--brand-forest-600:134 36% 21%;--brand-forest-700:134 38% 17%;--brand-forest-800:134 40% 12%;--brand-forest-900:134 44% 7%;--brand-gold-50:134 30% 94%;--brand-gold-100:134 28% 85%;--brand-gold-200:134 27% 71%;--brand-gold-300:134 28% 55%;--brand-gold-400:134 30% 41%;--brand-gold-500:134 33% 26%;--brand-gold-600:134 36% 21%;--brand-gold-700:134 38% 17%;--brand-gold-800:134 40% 12%;--brand-gold-900:134 44% 7%;--brand-neutral-50:80 8% 98%;--brand-neutral-100:80 7% 95%;--brand-neutral-200:80 6% 87%;--brand-neutral-300:80 5% 78%;--brand-neutral-400:80 5% 63%;--brand-neutral-500:80 4% 46%;--brand-neutral-600:80 5% 34%;--brand-neutral-700:80 6% 26%;--brand-neutral-800:80 7% 17%;--brand-neutral-900:80 9% 10%;--surface-page:43 50% 98%;--surface-alt:34 38% 96%;--surface-elevated:0 0% 100%;--success-50:134 30% 94%;--success-100:134 28% 85%;--success-500:135 28% 42%;--success-600:135 30% 34%;--success-700:135 32% 25%;--warning-50:40 80% 92%;--warning-100:40 80% 79%;--warning-500:40 75% 43%;--warning-600:40 78% 35%;--warning-700:40 82% 26%;--destructive-50:0 70% 95%;--destructive-100:0 70% 86%;--destructive-500:0 47% 49%;--destructive-600:0 47% 40%;--destructive-700:0 47% 31%;--color-brand-sage:hsl(var(--brand-sage-500));--color-brand-sage-light:hsl(var(--brand-sage-300));--color-brand-sage-dark:hsl(var(--brand-sage-700));--color-brand-sage-50:hsl(var(--brand-sage-50));--color-brand-sage-100:hsl(var(--brand-sage-100));--color-brand-sage-200:hsl(var(--brand-sage-200));--color-brand-sage-400:hsl(var(--brand-sage-400));--color-brand-sage-600:hsl(var(--brand-sage-600));--color-brand-sage-700:hsl(var(--brand-sage-700));--color-brand-forest:hsl(var(--brand-forest-500));--color-brand-forest-light:hsl(var(--brand-forest-400));--color-brand-forest-dark:hsl(var(--brand-forest-700));--color-brand-slate:hsl(var(--brand-neutral-500));--color-brand-slate-light:hsl(var(--brand-neutral-400));--color-brand-slate-dark:hsl(var(--brand-neutral-600));--color-brand-cream:hsl(var(--surface-page));--color-brand-cream-dark:hsl(var(--surface-alt));--color-brand-cream-light:hsl(var(--surface-elevated));--color-brand-secondary:hsl(var(--surface-alt));--color-primary:hsl(var(--brand-sage-500));--color-primary-light:hsl(var(--brand-sage-400));--color-primary-dark:hsl(var(--brand-sage-600));--color-text-primary:hsl(var(--brand-forest-700));--color-text-secondary:hsl(var(--brand-neutral-600));--color-text-muted:hsl(var(--brand-neutral-500));--color-text-inverse:hsl(var(--surface-page));--color-bg-primary:hsl(var(--surface-page));--color-bg-secondary:hsl(var(--surface-alt));--color-bg-tertiary:hsl(var(--brand-sage-50));--color-bg-accent:hsl(var(--brand-sage-100));--color-border-light:hsl(var(--brand-neutral-200));--color-border-medium:hsl(var(--brand-neutral-400));--color-border-dark:hsl(var(--brand-neutral-600));--color-border-subtle:hsl(var(--brand-neutral-100));--color-success:hsl(var(--success-500));--color-warning:hsl(var(--warning-500));--color-error:hsl(var(--destructive-500));--color-info:hsl(var(--brand-sage-500));--color-hover:hsl(var(--brand-sage-600));--color-active:hsl(var(--brand-forest-500));--color-focus:hsl(var(--brand-sage-500));--color-disabled:hsl(var(--brand-neutral-300));--color-quran-parchment:hsl(var(--brand-gold-50));--color-quran-parchment-dark:hsl(var(--brand-forest-900));--color-quran-frame:hsl(var(--brand-gold-600));--color-quran-frame-light:hsl(var(--brand-gold-200));--shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-spiritual:0 4px 20px rgba(45,90,61,.3);--radius-none:0;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--transition-slow:350ms ease-in-out;--transition-slower:500ms ease-in-out;--z-base:0;--z-dropdown:10;--z-sticky:20;--z-overlay:30;--z-modal:40;--z-popover:50;--z-tooltip:60;--z-notification:70;--breakpoint-xs:320px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}.dark{--surface-page:80 9% 10%;--surface-alt:80 7% 17%;--surface-elevated:80 6% 26%;--brand-sage-100:125 12% 18%;--brand-sage-200:125 12% 24%;--brand-sage-700:125 14% 65%;--brand-sage-800:125 14% 78%;--brand-neutral-100:80 6% 17%;--brand-neutral-200:80 6% 24%;--brand-neutral-600:80 5% 70%;--brand-neutral-700:80 5% 80%;--color-text-primary:hsl(var(--brand-neutral-100));--color-text-secondary:hsl(var(--brand-neutral-200));--color-text-muted:hsl(var(--brand-neutral-400));--color-text-inverse:hsl(var(--brand-forest-900));--color-bg-primary:hsl(var(--surface-page));--color-bg-secondary:hsl(var(--surface-alt));--color-bg-tertiary:hsl(var(--surface-elevated));--color-bg-accent:hsl(var(--brand-neutral-700));--color-border-light:hsl(var(--brand-neutral-700));--color-border-medium:hsl(var(--brand-sage-400));--color-border-dark:hsl(var(--brand-sage-300));--color-border-subtle:hsl(var(--brand-neutral-800));--color-hover:hsl(var(--brand-sage-400));--color-active:hsl(var(--brand-sage-300));--color-focus:hsl(var(--brand-sage-400));--color-disabled:hsl(var(--brand-neutral-700));--color-quran-parchment:hsl(var(--brand-forest-900));--color-quran-parchment-dark:hsl(var(--brand-forest-800));--shadow-xs:0 1px 2px 0 rgba(0,0,0,.2);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.3),0 1px 2px 0 rgba(0,0,0,.2);--shadow-md:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.3),0 10px 10px -5px rgba(0,0,0,.2);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.5);--shadow-spiritual:0 4px 20px rgba(45,90,61,.2)}.space-inset-xs{padding:var(--space-2)}.space-inset-sm{padding:var(--space-3)}.space-inset-md{padding:var(--space-4)}.space-inset-lg{padding:var(--space-6)}.space-inset-xl{padding:var(--space-8)}.space-stack-xs{margin-bottom:var(--space-2)}.space-stack-sm{margin-bottom:var(--space-3)}.space-stack-md{margin-bottom:var(--space-4)}.space-stack-lg{margin-bottom:var(--space-6)}.space-stack-xl{margin-bottom:var(--space-8)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.bg-accent{background-color:var(--color-bg-accent)}.elevation-xs{box-shadow:var(--shadow-xs)}.elevation-sm{box-shadow:var(--shadow-sm)}.elevation-md{box-shadow:var(--shadow-md)}.elevation-lg{box-shadow:var(--shadow-lg)}.elevation-xl{box-shadow:var(--shadow-xl)}.border-light{border-color:var(--color-border-light)}.border-medium{border-color:var(--color-border-medium)}.border-dark{border-color:var(--color-border-dark)}.transition-fast{transition:all var(--transition-fast)}.transition-base{transition:all var(--transition-base)}.transition-slow{transition:all var(--transition-slow)}.touch-target{min-height:var(--space-touch);min-width:var(--space-touch)}.touch-target-sm{min-height:var(--space-touch-sm);min-width:var(--space-touch-sm)}.touch-target-lg{min-height:var(--space-touch-lg);min-width:var(--space-touch-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn-pattern-primary{border-width:1px;border-color:hsl(var(--brand-sage-500));background-color:hsl(var(--brand-sage-500));color:hsl(var(--surface-page))}.btn-pattern-primary:hover{border-color:hsl(var(--brand-forest-500));background-color:hsl(var(--brand-forest-500))}.btn-pattern-primary:active{background-color:hsl(var(--brand-forest-700))}.btn-pattern-primary:disabled{border-color:hsl(var(--brand-neutral-400));background-color:hsl(var(--brand-neutral-400));color:hsl(var(--brand-neutral-500))}.btn-pattern-primary:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--brand-sage-500)/0.5);--tw-ring-offset-width:2px}.btn-pattern-primary{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-pattern-secondary{border-width:2px;border-color:hsl(var(--brand-sage-500));background-color:hsl(var(--surface-page));color:hsl(var(--brand-sage-500))}.btn-pattern-secondary:hover{border-color:hsl(var(--brand-forest-500));background-color:hsl(var(--brand-sage-500)/.05);color:hsl(var(--brand-forest-500))}.btn-pattern-secondary:active{background-color:hsl(var(--brand-sage-500)/.1)}.btn-pattern-secondary:disabled{border-color:hsl(var(--brand-neutral-400));background-color:hsl(var(--surface-page));color:hsl(var(--brand-neutral-500))}.btn-pattern-secondary:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--brand-sage-500)/0.5);--tw-ring-offset-width:2px}.btn-pattern-secondary{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-pattern-minimal{border-width:1px;border-color:transparent;color:hsl(var(--brand-sage-500))}.btn-pattern-minimal:hover{background-color:hsl(var(--brand-sage-500)/.1);color:hsl(var(--brand-forest-500))}.btn-pattern-minimal:active{background-color:hsl(var(--brand-sage-500)/.2)}.btn-pattern-minimal:disabled{color:hsl(var(--brand-neutral-500))}.btn-pattern-minimal:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--brand-sage-500)/0.5);--tw-ring-offset-width:2px}.btn-pattern-minimal{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.card-pattern-default{border-width:1px;border-color:hsl(var(--brand-sage-500)/.2);background-color:hsl(var(--surface-page));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.card-pattern-default,.card-pattern-default:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.card-pattern-default:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.card-pattern-default:is(.dark *){border-color:hsl(var(--brand-sage-500)/.3);background-color:hsl(var(--brand-forest-500)/.2)}.card-pattern-default{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.card-pattern-interactive{border-width:1px;border-color:hsl(var(--brand-sage-500)/.2);background-color:hsl(var(--surface-page))}.card-pattern-interactive:hover{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:hsl(var(--brand-sage-500)/.4);--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.card-pattern-interactive:active{border-color:hsl(var(--brand-sage-500))}.card-pattern-interactive{cursor:pointer}.card-pattern-interactive:is(.dark *){border-color:hsl(var(--brand-sage-500)/.3);background-color:hsl(var(--brand-forest-500)/.2)}.card-pattern-interactive{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.card-pattern-accent{background-color:var(--color-bg-secondary);border-width:1px;border-color:hsl(var(--brand-sage-500)/.3);background-color:hsl(var(--surface-alt));--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.card-pattern-accent,.card-pattern-accent:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.card-pattern-accent:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.card-pattern-accent:is(.dark *){border-color:hsl(var(--brand-sage-500)/.4);background-color:hsl(var(--brand-forest-500)/.3)}.card-pattern-accent{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-pattern-heading{font-weight:700;color:hsl(var(--brand-forest-500))}.text-pattern-heading:is(.dark *){color:hsl(var(--surface-page))}.text-pattern-body{line-height:1.625;color:hsl(var(--brand-neutral-500))}.text-pattern-body:is(.dark *){color:hsl(var(--brand-neutral-400))}.text-pattern-muted{color:hsl(var(--brand-neutral-400))}.text-pattern-muted:is(.dark *){color:hsl(var(--brand-neutral-500))}.text-pattern-link{color:hsl(var(--brand-sage-500));text-underline-offset:4px}.text-pattern-link:hover{color:hsl(var(--brand-forest-500));text-decoration-line:underline}.text-pattern-link:active{color:hsl(var(--brand-forest-700))}.text-pattern-link:focus{border-radius:.25rem;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--brand-sage-500)/0.5);--tw-ring-offset-width:2px}.text-pattern-link{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.input-pattern-default{border-width:1px;border-color:hsl(var(--brand-sage-500)/.3);background-color:hsl(var(--surface-page));color:hsl(var(--brand-forest-500))}.input-pattern-default::-moz-placeholder{color:hsl(var(--brand-neutral-500))}.input-pattern-default::placeholder{color:hsl(var(--brand-neutral-500))}.input-pattern-default:focus{border-color:hsl(var(--brand-sage-500));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--brand-sage-500)/0.2)}.input-pattern-default:disabled{border-color:hsl(var(--brand-neutral-400));background-color:hsl(var(--surface-alt));color:hsl(var(--brand-neutral-500))}.input-pattern-default:is(.dark *){border-color:hsl(var(--brand-sage-500)/.4);background-color:hsl(var(--brand-forest-500)/.2);color:hsl(var(--surface-page))}.input-pattern-default{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.select-pattern-default{border-width:1px;border-color:hsl(var(--brand-sage-500)/.3);background-color:hsl(var(--surface-page));color:hsl(var(--brand-forest-500))}.select-pattern-default:focus{border-color:hsl(var(--brand-sage-500));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--brand-sage-500)/0.2)}.select-pattern-default:disabled{border-color:hsl(var(--brand-neutral-400));background-color:hsl(var(--surface-alt));color:hsl(var(--brand-neutral-500))}.select-pattern-default:is(.dark *){border-color:hsl(var(--brand-sage-500)/.4);background-color:hsl(var(--brand-forest-500)/.2);color:hsl(var(--surface-page))}.select-pattern-default{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bg-pattern-main{background-color:hsl(var(--surface-page))}.bg-pattern-main:is(.dark *){background-color:hsl(var(--brand-forest-700))}.bg-pattern-section{background-color:var(--color-bg-secondary);background-color:hsl(var(--surface-alt))}.bg-pattern-section:is(.dark *){background-color:hsl(var(--brand-forest-500)/.1)}.bg-pattern-accent{background-color:hsl(var(--brand-sage-500)/.05)}.bg-pattern-accent:is(.dark *){background-color:hsl(var(--brand-sage-500)/.1)}.border-pattern-subtle{border-width:1px;border-color:hsl(var(--brand-sage-500)/.2)}.border-pattern-subtle:is(.dark *){border-color:hsl(var(--brand-sage-500)/.3)}.border-pattern-default{border-width:1px;border-color:hsl(var(--brand-sage-500)/.3)}.border-pattern-default:is(.dark *){border-color:hsl(var(--brand-sage-500)/.4)}.border-pattern-prominent{border-width:2px;border-color:hsl(var(--brand-sage-500))}.border-pattern-prominent:is(.dark *){border-color:hsl(var(--brand-sage-400))}.shadow-pattern-subtle{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:0 1px 3px 0 rgba(132,169,140,.1),0 1px 2px 0 rgba(132,169,140,.06)}.shadow-pattern-default{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:0 4px 6px -1px rgba(132,169,140,.1),0 2px 4px -1px rgba(132,169,140,.06)}.shadow-pattern-elevated{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:0 10px 15px -3px rgba(132,169,140,.1),0 4px 6px -2px rgba(132,169,140,.05)}.state-pattern-loading{cursor:wait;opacity:.5;pointer-events:none}.state-pattern-error{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.state-pattern-error:is(.dark *){--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity,1));background-color:rgba(127,29,29,.2);--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.state-pattern-success{--tw-border-opacity:1;border-color:rgb(134 239 172/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.state-pattern-success:is(.dark *){--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity,1));background-color:rgba(20,83,45,.2);--tw-text-opacity:1;color:rgb(134 239 172/var(--tw-text-opacity,1))}.state-pattern-warning{--tw-border-opacity:1;border-color:rgb(253 224 71/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity,1))}.state-pattern-warning:is(.dark *){--tw-border-opacity:1;border-color:rgb(202 138 4/var(--tw-border-opacity,1));background-color:rgba(113,63,18,.2);--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity,1))}.interactive-clean{border-color:transparent;color:hsl(var(--brand-sage-500))}.interactive-clean:hover{background-color:hsl(var(--brand-sage-500)/.1);color:hsl(var(--brand-forest-500))}.interactive-clean:active{background-color:hsl(var(--brand-sage-500)/.2)}.interactive-clean:disabled{color:hsl(var(--brand-neutral-500))}.interactive-clean:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--brand-sage-500)/0.5);--tw-ring-offset-width:2px}.interactive-clean{border-width:1px;border-color:hsl(var(--brand-sage-500)/.2);background-color:hsl(var(--surface-page))}.interactive-clean:hover{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:hsl(var(--brand-sage-500)/.4);--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.interactive-clean:active{border-color:hsl(var(--brand-sage-500))}.interactive-clean{cursor:pointer}.interactive-clean:is(.dark *){border-color:hsl(var(--brand-sage-500)/.3);background-color:hsl(var(--brand-forest-500)/.2)}.interactive-clean{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);line-height:1.625;color:hsl(var(--brand-neutral-500))}.interactive-clean:is(.dark *){color:hsl(var(--brand-neutral-400))}.interactive-clean{border-radius:var(--radius);padding:1rem}.section-brand{background-color:var(--color-bg-secondary);background-color:hsl(var(--surface-alt))}.section-brand:is(.dark *){background-color:hsl(var(--brand-forest-500)/.1)}.section-brand{border-width:1px;border-color:hsl(var(--brand-sage-500)/.2)}.section-brand:is(.dark *){border-color:hsl(var(--brand-sage-500)/.3)}.section-brand{padding-top:2rem;padding-bottom:2rem}@media (min-width:640px){.section-brand{padding-top:3rem;padding-bottom:3rem}}@media (min-width:768px){.section-brand{padding-top:4rem;padding-bottom:4rem}}@media (min-width:1024px){.section-brand{padding-top:5rem;padding-bottom:5rem}}.container-brand{margin-left:auto;margin-right:auto;max-width:72rem;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.container-brand{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.container-brand{padding-left:2rem;padding-right:2rem}}.bg-surface{background-color:hsl(var(--surface-page))}.bg-surface:is(.dark *){background-color:hsl(var(--brand-forest-500))}.bg-surface-elevated{background-color:hsl(var(--surface-page))}.bg-surface-elevated:is(.dark *){background-color:hsl(var(--brand-forest-500))}.bg-surface-sunken{background-color:hsl(var(--surface-alt))}.bg-surface-sunken:is(.dark *){background-color:hsl(var(--brand-forest-700))}.text-primary{color:hsl(var(--brand-forest-500))}.text-primary:is(.dark *){color:hsl(var(--brand-sage-100))}.text-secondary{color:hsl(var(--brand-neutral-500))}.text-secondary:is(.dark *){color:hsl(var(--brand-sage-400))}.text-muted{color:hsl(var(--brand-neutral-400))}.text-muted:is(.dark *){color:hsl(var(--brand-neutral-500))}.border-default{border-color:hsl(var(--brand-sage-500)/.2)}.border-default:is(.dark *){border-color:hsl(var(--brand-sage-700))}.border-strong{border-color:hsl(var(--brand-sage-500)/.4)}.border-strong:is(.dark *){border-color:hsl(var(--brand-sage-500)/.5)}.bg-card{border-width:1px;border-color:hsl(var(--brand-sage-500)/.2);background-color:hsl(var(--surface-page))}.bg-card:is(.dark *){border-color:hsl(var(--brand-sage-700));background-color:hsl(var(--brand-forest-500))}.bg-card-elevated{border-width:1px;border-color:hsl(var(--brand-sage-500)/.2);background-color:hsl(var(--surface-page));--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.bg-card-elevated:is(.dark *){border-color:hsl(var(--brand-sage-500)/.3);background-color:hsl(var(--brand-forest-500))}.bg-input{border-width:1px;border-color:hsl(var(--brand-sage-500)/.3);background-color:hsl(var(--surface-page));color:hsl(var(--brand-forest-500))}.bg-input:is(.dark *){border-color:hsl(var(--brand-sage-700));background-color:hsl(var(--brand-forest-500));color:hsl(var(--brand-sage-100))}.bg-page{background-color:hsl(var(--surface-page))}.bg-page:is(.dark *){background-color:hsl(var(--brand-forest-700))}.bg-section{background-color:hsl(var(--surface-alt))}.bg-section:is(.dark *){background-color:hsl(var(--brand-forest-700))}@container (max-width: 480px){.prayer-card{padding:.75rem;border-radius:.5rem}.prayer-card-content{gap:.75rem}.prayer-card-title{font-size:.875rem;line-height:1.25}.prayer-card-description{font-size:.75rem;line-height:1.5}}@container (min-width: 481px) and (max-width: 640px){.prayer-card{padding:1rem;border-radius:.75rem}.prayer-card-content{gap:1rem}.prayer-card-title{font-size:1rem;line-height:1.375}.prayer-card-description{font-size:.875rem;line-height:1.5}}@media (hover:none) and (pointer:coarse){.prayer-card{min-height:44px}.prayer-card-button{min-height:36px;min-width:36px;padding:.25rem .5rem}.prayer-card:after{content:"";position:absolute;inset:-8px;z-index:-1}}@media (prefers-reduced-motion:reduce){.connecting-arrow,.prayer-card,.prayer-card-button{transition:none;animation:none}.prayer-card:hover{transform:none}}@media (prefers-contrast:high){.prayer-card{border-width:2px;border-color:currentColor}.prayer-card-button{outline:2px solid currentColor;outline-offset:2px}}.prayer-card:focus-visible{outline:2px solid #556b58;outline-offset:2px;border-color:#556b58}.prayer-card-button:focus-visible{outline:2px solid #2d5a3d;outline-offset:2px;box-shadow:0 0 0 4px rgba(45,90,61,.1)}@media (orientation:landscape) and (max-height:500px){.prayer-section-container{padding-top:1rem;padding-bottom:1rem}.prayer-card{padding:.5rem .75rem}.connecting-arrow{height:1rem}}@media print{.prayer-card{-moz-column-break-inside:avoid;break-inside:avoid;border:1px solid #000;background:#fff!important;color:#000!important}.connecting-arrow,.prayer-card-button{display:none}}.principles-grid{display:grid;gap:1rem;grid-template-columns:1fr;@media (min-width:480px){grid-template-columns:repeat(2,1fr);gap:1.25rem}@media (min-width:768px){grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (min-width:1024px){grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (min-width:1280px){gap:2rem}}.principle-card{min-height:180px;@media (min-width:480px){min-height:200px}@media (min-width:768px){min-height:220px}@media (min-width:1024px){min-height:240px}}.touch-target{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.focus-enhanced:focus-visible{outline:2px solid hsl(var(--brand-sage-500));outline-offset:2px;border-radius:.5rem}.hero-bg{background-attachment:fixed;background-size:cover;background-position:50%;background-repeat:no-repeat;@media (max-width:768px){background-attachment:scroll}}.text-scale-xs{font-size:clamp(.75rem,.7rem + .25vw,.875rem)}.text-scale-sm{font-size:clamp(.875rem,.8rem + .375vw,1rem)}.text-scale-base{font-size:clamp(1rem,.9rem + .5vw,1.125rem)}.text-scale-lg{font-size:clamp(1.125rem,1rem + .625vw,1.25rem)}.text-scale-xl{font-size:clamp(1.25rem,1.1rem + .75vw,1.5rem)}.text-scale-2xl{font-size:clamp(1.5rem,1.3rem + 1vw,2rem)}.text-scale-3xl{font-size:clamp(1.875rem,1.5rem + 1.875vw,2.25rem)}.text-scale-4xl{font-size:clamp(2.25rem,1.8rem + 2.25vw,3rem)}.text-scale-5xl{font-size:clamp(3rem,2.25rem + 3.75vw,4rem)}.section-padding{padding-top:1.5rem;padding-bottom:1.5rem;@media (min-width:640px){padding-top:2rem;padding-bottom:2rem}@media (min-width:768px){padding-top:2.5rem;padding-bottom:2.5rem}@media (min-width:1024px){padding-top:3rem;padding-bottom:3rem}@media (min-width:1280px){padding-top:4rem;padding-bottom:4rem}}.container-responsive{max-width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;@media (min-width:640px){padding-left:1.5rem;padding-right:1.5rem}@media (min-width:768px){padding-left:2rem;padding-right:2rem}@media (min-width:1024px){padding-left:2rem;padding-right:2rem}@media (min-width:1280px){padding-left:2.5rem;padding-right:2.5rem}}.btn-primary{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem}@media (min-width:640px){.btn-primary{padding:.75rem 1.5rem}}.btn-primary{background-color:hsl(var(--brand-sage-500));color:hsl(var(--surface-page))}.btn-primary:hover{background-color:hsl(var(--brand-forest-500))}.btn-primary{border-radius:var(--radius);font-size:.875rem;line-height:1.25rem;font-weight:600}@media (min-width:640px){.btn-primary{font-size:1rem;line-height:1.5rem}}.btn-primary{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.btn-primary,.btn-primary:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn-primary:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.btn-primary:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--brand-sage-500)/0.3)}.btn-secondary{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem}@media (min-width:640px){.btn-secondary{padding:.75rem 1.5rem}}.btn-secondary{border-width:2px;border-color:hsl(var(--brand-sage-500)/.4);background-color:transparent;color:hsl(var(--brand-sage-500))}.btn-secondary:hover{border-color:hsl(var(--brand-sage-500));background-color:hsl(var(--brand-sage-500)/.1)}.btn-secondary{border-radius:var(--radius);font-size:.875rem;line-height:1.25rem;font-weight:500}@media (min-width:640px){.btn-secondary{font-size:1rem;line-height:1.5rem}}.btn-secondary{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.btn-secondary:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--brand-sage-500)/0.2)}.grid-responsive-books{display:grid;gap:1rem;grid-template-columns:1fr;@media (min-width:640px){grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (min-width:1024px){grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (min-width:1280px){grid-template-columns:repeat(4,1fr);gap:2rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast:high){.text-brand-slate{color:hsl(var(--brand-forest-500))}.border-brand-sage\/20{border-color:hsl(var(--brand-sage-500))}}