*,*:before,*:after{box-sizing:border-box}:root,:root[data-theme=dark]{--uyw-body-bg: #0a0a0a;--uyw-body-text: #ffffff;--uyw-shell-start: #443f37;--uyw-shell-mid: #203834;--uyw-shell-end: #0a0a0a;--uyw-page-shell-start: #443f37;--uyw-page-shell-mid: #203834;--uyw-page-shell-end: #0a0a0a;--uyw-shell-panel: rgba(0, 0, 0, .25);--uyw-shell-panel-border: rgba(255, 255, 255, .08);--uyw-shell-nav-text: rgba(255, 255, 255, .75);--uyw-shell-nav-text-active: #ffffff;--uyw-shell-nav-icon: rgba(255, 255, 255, .85);--uyw-shell-nav-active-bg: rgba(211, 155, 74, .2);--uyw-shell-overlay: rgba(0, 0, 0, .55);--uyw-topbar-bg: rgba(255, 255, 255, .04);--uyw-topbar-border: rgba(255, 255, 255, .08);--uyw-surface: rgba(255, 255, 255, .06);--uyw-surface-strong: rgba(255, 255, 255, .1);--uyw-surface-soft: rgba(255, 255, 255, .08);--uyw-surface-muted: rgba(255, 255, 255, .05);--uyw-surface-accent: rgba(211, 155, 74, .12);--uyw-border: rgba(255, 255, 255, .1);--uyw-border-strong: rgba(255, 255, 255, .2);--uyw-text-primary: #ffffff;--uyw-text-secondary: rgba(255, 255, 255, .85);--uyw-text-muted: rgba(255, 255, 255, .7);--uyw-text-faint: rgba(255, 255, 255, .55);--uyw-text-on-dark: #ffffff;--uyw-text-on-dark-muted: rgba(255, 255, 255, .85);--uyw-input-bg: rgba(255, 255, 255, .08);--uyw-input-border: rgba(255, 255, 255, .3);--uyw-input-text: #ffffff;--uyw-button-muted-bg: rgba(255, 255, 255, .1);--uyw-button-muted-border: rgba(255, 255, 255, .2);--uyw-button-muted-text: #ffffff;--uyw-whatsapp-button-bg: rgba(37, 211, 102, .28);--uyw-whatsapp-button-border: rgba(37, 211, 102, .45);--uyw-whatsapp-button-text: #ffffff;--uyw-card-shadow: rgba(0, 0, 0, .18);--uyw-card-shadow-strong: rgba(0, 0, 0, .4);--uyw-image-scrim: rgba(0, 0, 0, .4);--uyw-image-scrim-heavy: rgba(0, 0, 0, .75);--uyw-modal-backdrop: rgba(0, 0, 0, .8);--uyw-modal-image-bg: #171d24;--uyw-toast-bg: linear-gradient(180deg, #2a2620 0%, #1a1814 100%);--uyw-color-background: #0a0a0a;--uyw-color-surface: rgba(255, 255, 255, .08);--uyw-color-primary: #0b6b6b;--uyw-color-primary-light: rgba(11, 107, 107, .2);--uyw-color-primary-hover: #0b5a52;--uyw-color-accent: #d39b4a;--uyw-color-accent-light: rgba(211, 155, 74, .16);--uyw-color-card: rgba(255, 255, 255, .08);--uyw-color-text: #ffffff;--uyw-color-text-secondary: rgba(255, 255, 255, .82);--uyw-color-text-muted: rgba(255, 255, 255, .68);--uyw-color-text-light: #ffffff;--uyw-color-auth-text-primary: rgba(255, 255, 255, .95);--uyw-color-auth-text-secondary: rgba(255, 255, 255, .8);--uyw-color-auth-text-muted: rgba(255, 255, 255, .9);--uyw-color-auth-text-white: #ffffff;--uyw-color-border: rgba(255, 255, 255, .12);--uyw-color-border-light: rgba(255, 255, 255, .06);--uyw-color-account-bg: rgba(255, 255, 255, .04);--uyw-color-account-surface: rgba(255, 255, 255, .08);--uyw-color-account-accent: #6c9bcf;--uyw-color-account-accent-light: rgba(108, 155, 207, .18);--uyw-color-account-border: rgba(255, 255, 255, .12);--uyw-color-account-text: #ffffff;--uyw-color-account-text-secondary: rgba(255, 255, 255, .78);--uyw-color-account-text-muted: rgba(255, 255, 255, .58);--uyw-color-services-warm-sand: #d9c6a8;--uyw-color-services-deep-teal: #0f6160;--uyw-color-services-accent-gold: #d4a34a;--uyw-color-services-neutral-bg: rgba(255, 255, 255, .08);--uyw-color-services-neutral-bg-alt: rgba(255, 255, 255, .05);--uyw-color-header-gradient-primary: #443f37;--uyw-color-header-gradient-secondary: #203834;--uyw-color-header-gradient-tratory: #80678c;--uyw-color-header-gradient-forthry: #2c5545b0;--uyw-color-header-gradient-black: #000000;--uyw-color-button-text-accent: #d4c4a8;--uyw-color-success: #10b981;--uyw-color-warning: #f59e0b;--uyw-color-error: #ff6b6b;--uyw-color-info: #3b82f6;--uyw-color-auth-error: #ff6b6b;--uyw-color-auth-error-bg: rgba(255, 107, 107, .1);--uyw-color-auth-error-border: rgba(255, 107, 107, .3);--uyw-color-prayer-active: #d39b4a;--uyw-color-prayer-inactive: #0b6b6b;--uyw-color-pill-background: rgba(15, 107, 97, .12);--uyw-color-pill-text: #85e1cc;--uyw-color-card-shadow: rgba(0, 0, 0, .18);--uyw-color-card-shadow-hover: rgba(0, 0, 0, .3);--uyw-service-shell-bg: radial-gradient(circle at top left, rgba(211,155,74,.16), transparent 28%), linear-gradient(135deg, rgba(34,30,24,.98) 0%, rgba(20,42,39,.98) 46%, rgba(12,57,48,.98) 100%);--uyw-service-text-primary: #f8fafc;--uyw-service-text-secondary: rgba(248,250,252,.78);--uyw-service-text-muted: rgba(248,250,252,.58);--uyw-service-accent-text: #ddb56c;--uyw-service-card-bg: rgba(255,255,255,.06);--uyw-service-card-border: rgba(255,255,255,.1);--uyw-service-card-shadow: 0 20px 48px rgba(0,0,0,.24);--uyw-service-pill-bg: rgba(255,255,255,.08);--uyw-service-pill-border: rgba(255,255,255,.14);--uyw-service-secondary-button-bg: rgba(255,255,255,.08);--uyw-service-secondary-button-border: rgba(255,255,255,.18);--uyw-service-secondary-button-text: #ffffff;--uyw-service-warm-bg: linear-gradient(135deg, rgba(211,155,74,.14), rgba(255,255,255,.05));--uyw-service-warm-border: rgba(211,155,74,.2);--uyw-service-inner-bg: rgba(255,255,255,.05);--uyw-service-inner-border: rgba(255,255,255,.08);--uyw-service-tint-bg: linear-gradient(135deg, rgba(11,107,107,.18), rgba(211,155,74,.14));--uyw-service-input-highlight: rgba(255,255,255,.04);--uyw-service-icon-tile-bg: rgba(11,107,107,.18);--uyw-service-icon-tile-text: #9ddfdb;--uyw-service-accent-badge-bg: rgba(211,155,74,.16);--uyw-service-accent-badge-text: #e7c98b;--uyw-service-emphasis-bg: linear-gradient(135deg, #0f3d3e, #174d4e);--uyw-service-emphasis-text: #ffffff;--uyw-service-emphasis-muted: rgba(255,255,255,.82);--uyw-service-emphasis-label: rgba(255,255,255,.68);--uyw-service-modal-bg: linear-gradient(180deg, rgba(31,32,28,.98) 0%, rgba(16,43,39,.98) 100%);--uyw-service-overlay-bg: rgba(8,33,31,.68);--uyw-service-overlay-border: rgba(255,255,255,.12);--uyw-service-overlay-text-primary: #ffffff;--uyw-service-overlay-text-secondary: rgba(255,255,255,.82);--uyw-service-overlay-chip-bg: rgba(255,255,255,.08);--uyw-service-overlay-chip-border: rgba(255,255,255,.12);--uyw-service-overlay-chip-text: #ffffff}:root[data-theme=light]{--uyw-body-bg: #e7ebf0;--uyw-body-text: #1f2933;--uyw-shell-start: #eef1f5;--uyw-shell-mid: #e7ebf0;--uyw-shell-end: #dfe4ea;--uyw-page-shell-start: #f5f7fa;--uyw-page-shell-mid: #edf1f5;--uyw-page-shell-end: #e6ebf0;--uyw-shell-panel: rgba(255, 255, 255, .68);--uyw-shell-panel-border: rgba(31, 41, 51, .06);--uyw-shell-nav-text: rgba(31, 41, 51, .72);--uyw-shell-nav-text-active: #1f2933;--uyw-shell-nav-icon: rgba(31, 41, 51, .78);--uyw-shell-nav-active-bg: rgba(11, 107, 107, .12);--uyw-shell-overlay: rgba(225, 231, 238, .76);--uyw-topbar-bg: rgba(255, 255, 255, .74);--uyw-topbar-border: rgba(31, 41, 51, .07);--uyw-surface: rgba(255, 255, 255, .72);--uyw-surface-strong: rgba(255, 255, 255, .9);--uyw-surface-soft: rgba(255, 255, 255, .58);--uyw-surface-muted: rgba(241, 245, 249, .94);--uyw-surface-accent: rgba(11, 107, 107, .08);--uyw-border: rgba(31, 41, 51, .08);--uyw-border-strong: rgba(31, 41, 51, .15);--uyw-text-primary: #1f2933;--uyw-text-secondary: #46535e;--uyw-text-muted: #61717d;--uyw-text-faint: #7b8792;--uyw-text-on-dark: #ffffff;--uyw-text-on-dark-muted: rgba(255, 255, 255, .9);--uyw-input-bg: rgba(255, 255, 255, .9);--uyw-input-border: rgba(31, 41, 51, .14);--uyw-input-text: #1f2933;--uyw-button-muted-bg: rgba(255, 255, 255, .84);--uyw-button-muted-border: rgba(31, 41, 51, .12);--uyw-button-muted-text: #1f2933;--uyw-whatsapp-button-bg: #128c7e;--uyw-whatsapp-button-border: rgba(10, 61, 56, .28);--uyw-whatsapp-button-text: #ffffff;--uyw-card-shadow: rgba(71, 85, 105, .08);--uyw-card-shadow-strong: rgba(71, 85, 105, .16);--uyw-image-scrim: rgba(0, 0, 0, .34);--uyw-image-scrim-heavy: rgba(0, 0, 0, .68);--uyw-modal-backdrop: rgba(31, 41, 51, .38);--uyw-modal-image-bg: #edf2f7;--uyw-toast-bg: linear-gradient(180deg, #ffffff 0%, #eef2f6 100%);--uyw-color-background: #e7ebf0;--uyw-color-surface: rgba(255, 255, 255, .86);--uyw-color-primary: #0b6b6b;--uyw-color-primary-light: rgba(11, 107, 107, .12);--uyw-color-primary-hover: #0b5a52;--uyw-color-accent: #b9802f;--uyw-color-accent-light: rgba(185, 128, 47, .12);--uyw-color-card: rgba(255, 255, 255, .88);--uyw-color-text: #1f2933;--uyw-color-text-secondary: #46535e;--uyw-color-text-muted: #61717d;--uyw-color-text-light: #ffffff;--uyw-color-auth-text-primary: rgba(255, 255, 255, .95);--uyw-color-auth-text-secondary: rgba(255, 255, 255, .82);--uyw-color-auth-text-muted: rgba(255, 255, 255, .9);--uyw-color-auth-text-white: #ffffff;--uyw-color-border: rgba(31, 41, 51, .1);--uyw-color-border-light: rgba(31, 41, 51, .06);--uyw-color-account-bg: rgba(255, 255, 255, .76);--uyw-color-account-surface: rgba(255, 255, 255, .9);--uyw-color-account-accent: #6c9bcf;--uyw-color-account-accent-light: rgba(108, 155, 207, .12);--uyw-color-account-border: rgba(31, 41, 51, .08);--uyw-color-account-text: #1f2933;--uyw-color-account-text-secondary: #52606d;--uyw-color-account-text-muted: #7b8792;--uyw-color-services-warm-sand: #d9c6a8;--uyw-color-services-deep-teal: #0f6160;--uyw-color-services-accent-gold: #b9802f;--uyw-color-services-neutral-bg: rgba(255, 255, 255, .86);--uyw-color-services-neutral-bg-alt: rgba(238, 242, 246, .96);--uyw-color-header-gradient-primary: #eef1f5;--uyw-color-header-gradient-secondary: #e7ebf0;--uyw-color-header-gradient-tratory: #d7dee7;--uyw-color-header-gradient-forthry: rgba(211, 218, 227, .7);--uyw-color-header-gradient-black: #d9e0e8;--uyw-color-button-text-accent: #9b6a23;--uyw-color-success: #0f9f6e;--uyw-color-warning: #c38b1e;--uyw-color-error: #dc5d5d;--uyw-color-info: #2563eb;--uyw-color-auth-error: #ff8b8b;--uyw-color-auth-error-bg: rgba(220, 93, 93, .12);--uyw-color-auth-error-border: rgba(220, 93, 93, .28);--uyw-color-prayer-active: #b9802f;--uyw-color-prayer-inactive: #0b6b6b;--uyw-color-pill-background: rgba(11, 107, 107, .1);--uyw-color-pill-text: #0b6b6b;--uyw-color-card-shadow: rgba(71, 85, 105, .08);--uyw-color-card-shadow-hover: rgba(71, 85, 105, .16);--uyw-service-shell-bg: radial-gradient(circle at top left, rgba(185,128,47,.18), transparent 24%), radial-gradient(circle at top right, rgba(11,107,107,.12), transparent 30%), linear-gradient(180deg, #fffdfa 0%, #f5f7f2 54%, #edf2ed 100%);--uyw-service-text-primary: #18363c;--uyw-service-text-secondary: #55666e;--uyw-service-text-muted: #7a8b92;--uyw-service-accent-text: #b9802f;--uyw-service-card-bg: rgba(255,255,255,.8);--uyw-service-card-border: rgba(24,54,60,.08);--uyw-service-card-shadow: 0 18px 36px rgba(71,85,105,.12);--uyw-service-pill-bg: rgba(255,255,255,.88);--uyw-service-pill-border: rgba(24,54,60,.08);--uyw-service-secondary-button-bg: rgba(255,255,255,.78);--uyw-service-secondary-button-border: rgba(24,54,60,.12);--uyw-service-secondary-button-text: #18363c;--uyw-service-warm-bg: linear-gradient(135deg, rgba(185,128,47,.14), rgba(11,107,107,.08) 52%, rgba(255,255,255,.86));--uyw-service-warm-border: rgba(185,128,47,.16);--uyw-service-inner-bg: rgba(255,255,255,.68);--uyw-service-inner-border: rgba(24,54,60,.08);--uyw-service-tint-bg: linear-gradient(135deg, rgba(11,107,107,.12), rgba(185,128,47,.12));--uyw-service-input-highlight: rgba(255,255,255,.7);--uyw-service-icon-tile-bg: rgba(11,107,107,.12);--uyw-service-icon-tile-text: #0b6b6b;--uyw-service-accent-badge-bg: rgba(185,128,47,.14);--uyw-service-accent-badge-text: #b9802f;--uyw-service-emphasis-bg: linear-gradient(135deg, rgba(11,107,107,.12), rgba(185,128,47,.14));--uyw-service-emphasis-text: #18363c;--uyw-service-emphasis-muted: #55666e;--uyw-service-emphasis-label: #b9802f;--uyw-service-modal-bg: linear-gradient(180deg, #fffdfa 0%, #f4f7f3 100%);--uyw-service-overlay-bg: rgba(7,35,34,.72);--uyw-service-overlay-border: rgba(255,255,255,.14);--uyw-service-overlay-text-primary: #ffffff;--uyw-service-overlay-text-secondary: rgba(255,255,255,.84);--uyw-service-overlay-chip-bg: rgba(255,255,255,.1);--uyw-service-overlay-chip-border: rgba(255,255,255,.16);--uyw-service-overlay-chip-text: #ffffff}html{font-size:16px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{margin:0;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--uyw-body-bg);color:var(--uyw-body-text);min-height:100vh;overflow-x:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:auto}audio,video{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.prayer-times-scroll{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent}.prayer-times-scroll::-webkit-scrollbar{height:6px;display:block}.prayer-times-scroll::-webkit-scrollbar-track{background:transparent;border-radius:3px}.prayer-times-scroll::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:3px}.prayer-times-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff80}.prayer-times-scroll>*{scroll-snap-align:start;scroll-snap-stop:normal}.what-is-umrah-carousel{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;gap:12px;padding:4px 0 12px;margin:0 -4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.what-is-umrah-carousel::-webkit-scrollbar{display:none}.what-is-umrah-carousel>*{flex:0 0 auto;width:min(85%,300px);scroll-snap-align:start;scroll-snap-stop:always}@keyframes uyw-page-shell-enter{0%{opacity:0;transform:translateY(18px) scale(.988)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes uyw-section-enter{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes uyw-card-enter{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.uyw-page-shell{animation:uyw-page-shell-enter .48s cubic-bezier(.22,1,.36,1) both;transform-origin:top center}.uyw-animate-section{opacity:0;animation:uyw-section-enter .56s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--uyw-enter-delay, 0ms)}.uyw-animate-stagger>*{opacity:0;animation:uyw-card-enter .62s cubic-bezier(.22,1,.36,1) both}.uyw-animate-stagger>:nth-child(1){animation-delay:50ms}.uyw-animate-stagger>:nth-child(2){animation-delay:.11s}.uyw-animate-stagger>:nth-child(3){animation-delay:.17s}.uyw-animate-stagger>:nth-child(4){animation-delay:.23s}.uyw-animate-stagger>:nth-child(5){animation-delay:.29s}.uyw-animate-stagger>:nth-child(6){animation-delay:.35s}.uyw-animate-stagger>:nth-child(7){animation-delay:.41s}.uyw-animate-stagger>:nth-child(8){animation-delay:.47s}.uyw-animate-stagger>:nth-child(9){animation-delay:.53s}.uyw-animate-stagger>:nth-child(10){animation-delay:.59s}.uyw-animate-stagger>:nth-child(11){animation-delay:.65s}.uyw-animate-stagger>:nth-child(12){animation-delay:.71s}.uyw-animate-float{transition:transform .25s ease,box-shadow .25s ease}.uyw-animate-float:hover{transform:translateY(-4px)}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit;color:var(--uyw-input-text)}input::placeholder,textarea::placeholder{color:var(--uyw-text-faint)}[data-sensitive]{user-select:none;-webkit-user-select:none}button:focus-visible,a:focus-visible,[role=slider]:focus-visible{outline:2px solid var(--uyw-color-accent);outline-offset:2px}img{max-width:100%;vertical-align:middle}.home-quick-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width: 900px){.home-quick-access-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.app-bottom-nav{padding-bottom:env(safe-area-inset-bottom,0)}.app-bottom-nav-link{transition:background-color .2s ease,color .2s ease}.app-bottom-nav-link:active{opacity:.9}@media (max-width: 767px){main{padding-left:16px;padding-right:16px}main.app-main.app-main--mobile{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))}}@media print{body *{visibility:hidden}.certificate-card,.certificate-card *{visibility:visible}.certificate-card{position:absolute;left:0;top:0;width:100%;max-width:100%;box-shadow:none;background:#fff!important}}@media (prefers-reduced-motion: reduce){.uyw-page-shell,.uyw-animate-section,.uyw-animate-stagger>*{animation:none!important;opacity:1!important;transform:none!important}.uyw-animate-float,.uyw-animate-float:hover{transition:none!important;transform:none!important}}