@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Archivo:wght@600;700;800&family=Roboto+Condensed:wght@400;500;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:var(--font-sans);font-size:16px;line-height:1.5;scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.15;letter-spacing:-.015em;color:var(--color-text-primary)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}button{cursor:pointer;background:none;border:none;padding:0}ul,ol{list-style:none}hr{border:0;border-top:1px solid var(--color-separator)}table{border-collapse:collapse;border-spacing:0}::selection{background:var(--color-primary);color:#fff}::-moz-selection{background:var(--color-primary);color:#fff}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--brand-nur: #e8973a;--brand-nur-hover: #d4832a;--brand-nur-deep: #b86c1a;--brand-nur-soft: #fdf1e2;--brand-nur-glow: rgba(232, 151, 58, .18);--color-action-orange: #e85d1a;--color-action-orange-hover: #cc4f10;--color-primary: var(--color-action-orange);--color-primary-hover: var(--color-action-orange-hover);--color-primary-pressed: #b34410;--habit-fard: #7b5ea7;--habit-fard-active: #8b5cf6;--habit-fard-bg: rgba(139, 92, 246, .1);--habit-sunnah: #8e6ec9;--habit-sunnah-active: #a78bfa;--habit-sunnah-bg: rgba(167, 139, 250, .1);--habit-dawn: #c75e28;--habit-dawn-active: #e85d1a;--habit-dawn-bg: rgba(232, 93, 26, .1);--habit-quran: #1a94b0;--habit-quran-active: #00bfde;--habit-quran-bg: rgba(0, 191, 222, .1);--habit-adhkar: #c47820;--habit-adhkar-active: #e8973a;--habit-adhkar-bg: rgba(232, 151, 58, .1);--habit-night: #5b6fab;--habit-night-active: #6c7fdb;--habit-night-bg: rgba(108, 127, 219, .1);--color-rescue: #c43060;--color-rescue-active: #e8185e;--color-rescue-bg: rgba(232, 24, 94, .1);--color-secondary: var(--habit-sunnah-active);--color-orange: var(--color-action-orange);--color-orange-hover: var(--color-action-orange-hover);--color-pink: var(--color-rescue-active);--color-cyan: var(--habit-quran-active);--color-gold: var(--brand-nur);--color-green: var(--color-success);--color-purple: var(--habit-fard-active);--color-purple-deep: #6d28d9;--color-premium: var(--brand-nur);--color-bg: #fafaf7;--color-bg-pure: #ffffff;--color-bg-elevated: #f5f4ef;--color-bg-subtle: #f0efe9;--color-bg-dark: #16181d;--color-bg-hero: #fafaf7;--color-bg-section-alt: #edeae1;--color-bg-nur-soft: var(--brand-nur-soft);--color-text: #1a1916;--color-text-primary: #1a1916;--color-text-secondary: #4d4a44;--color-text-tertiary: #706c65;--color-text-muted: #a09b93;--color-text-inverse: #ffffff;--color-text-hero: #1a1916;--color-text-light: #5c5750;--color-text-nur: var(--brand-nur-deep);--brand-navbar: #1a1d26;--brand-navbar-text: rgba(255, 255, 255, .7);--brand-navbar-text-active: #ffffff;--layer-1: #ede9e1;--layer-1-hover: #e3ddd4;--layer-1-pressed: #d6cfc5;--layer-2: #e8e4dc;--layer-transparent: rgba(232, 151, 58, 0);--layer-transparent-hover: rgba(232, 151, 58, .06);--layer-transparent-pressed: rgba(232, 151, 58, .12);--color-border: #e2ddd6;--color-border-subtle: #edebe5;--color-border-strong: #c9c3bb;--color-separator: #e5e1da;--color-separator-subtle: rgba(26, 25, 22, .07);--color-success: #12a05c;--color-success-bg: rgba(18, 160, 92, .09);--color-danger: var(--color-rescue-active);--color-danger-bg: var(--color-rescue-bg);--color-warning: var(--brand-nur);--color-warning-bg: var(--brand-nur-soft);--color-info: var(--habit-quran-active);--color-info-bg: var(--habit-quran-bg);--font-sans: "Roboto Condensed", system-ui, -apple-system, "Segoe UI", sans-serif;--font-heading: "Roboto Condensed", system-ui, -apple-system, sans-serif;--font-display: "HelveticaNeue-CondensedBold", "Helvetica Neue", "Roboto Condensed", sans-serif;--font-arabic: "Amiri", "Traditional Arabic", serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2.5rem;--text-5xl: 3rem;--text-hero: clamp(2.5rem, 5.5vw, 4.2rem);--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--leading-none: 1;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.65;--leading-loose: 1.85;--tracking-tighter: -.03em;--tracking-tight: -.015em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-11: 48px;--space-12: 56px;--space-13: 64px;--space-14: 80px;--space-15: 96px;--space-16: 128px;--radius-xs: 3px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(26, 25, 22, .05);--shadow-sm: 0 2px 8px rgba(26, 25, 22, .06);--shadow-md: 0 4px 18px rgba(26, 25, 22, .08);--shadow-lg: 0 8px 32px rgba(26, 25, 22, .1);--shadow-xl: 0 16px 48px rgba(26, 25, 22, .14);--shadow-colored: 0 8px 32px var(--brand-nur-glow);--shadow-orange: 0 8px 32px rgba(232, 93, 26, .2);--shadow-purple: 0 8px 32px rgba(139, 92, 246, .18);--duration-instant: .1s;--duration-fast: .15s;--duration-base: .3s;--duration-slow: .5s;--duration-slower: .7s;--ease-standard: cubic-bezier(.25, .1, .25, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1136px;--container-padding: 24px;--z-base: 0;--z-elevated: 10;--z-dropdown: 50;--z-sticky: 80;--z-nav: 90;--z-modal: 100;--z-toast: 110;--z-tooltip: 120}.text-hero{font-size:var(--text-hero);font-weight:800;line-height:1.08;letter-spacing:-.03em;font-family:var(--font-heading)}.text-display{font-family:var(--font-display);font-weight:700}.text-h1{font-size:2.5rem;font-weight:800;line-height:1.1;letter-spacing:-.03em;font-family:var(--font-heading)}.text-h2{font-size:1.75rem;font-weight:700;line-height:1.15;letter-spacing:-.015em;font-family:var(--font-heading)}.text-h3{font-size:1.375rem;font-weight:600;line-height:1.25;letter-spacing:-.015em;font-family:var(--font-heading)}.text-h4{font-size:1.125rem;font-weight:600;line-height:1.3;font-family:var(--font-heading)}.text-body{font-size:1.125rem;font-weight:400;line-height:1.65;font-family:var(--font-sans)}.text-body-sm{font-size:1rem;font-weight:400;line-height:1.6;font-family:var(--font-sans)}.text-caption{font-size:.875rem;font-weight:400;line-height:1.5;color:var(--color-text-tertiary);font-family:var(--font-sans)}.text-overline{font-size:.6875rem;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:3px;color:var(--color-text-muted);font-family:var(--font-sans)}.text-gradient{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.text-balance{text-wrap:balance}.text-primary-color{color:var(--color-primary)}.text-secondary-color{color:var(--color-secondary)}.text-muted{color:var(--color-text-muted)}:root{--grad-nur: linear-gradient(135deg, #e8973a 0%, #d4832a 100%);--grad-warm: linear-gradient(133deg, #e85d1a 0%, #c74e10 100%);--grad-brand: linear-gradient(129deg, #e8973a 0%, #e85d1a 100%);--grad-hero: linear-gradient(145deg, #fafaf7 0%, #f2efe6 50%, #f5f3ee 100%);--grad-cta: linear-gradient(145deg, #16181d 0%, #1e1a14 60%, #231c0e 100%);--grad-completion: linear-gradient(135deg, #e8973a 0%, #e85d1a 100%);--grad-fard: linear-gradient(135deg, #7b5ea7 0%, #8b5cf6 100%);--grad-quran: linear-gradient(135deg, #1a94b0 0%, #00bfde 100%)}.grad-nur{background:var(--grad-nur)}.grad-warm{background:var(--grad-warm)}.grad-brand{background:var(--grad-brand)}.grad-hero{background:var(--grad-hero)}.grad-cta{background:var(--grad-cta)}.grad-completion{background:var(--grad-completion)}.grad-fard{background:var(--grad-fard)}.grad-quran,.grad-cool{background:var(--grad-quran)}.grad-text-nur{background:var(--grad-nur);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.grad-text-warm{background:var(--grad-warm);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.grad-text-brand{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.grad-text-cool{background:var(--grad-quran);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:none}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.9)}60%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.mo-fade-in{animation:fade-in var(--duration-base) var(--ease-standard) both}.mo-slide-up{animation:slide-up var(--duration-base) var(--ease-standard) both}.mo-slide-down{animation:slide-down var(--duration-base) var(--ease-standard) both}.mo-scale-in{animation:scale-in var(--duration-base) var(--ease-standard) both}.mo-pop{animation:pop var(--duration-base) var(--ease-spring) both}.mo-float{animation:float 3s var(--ease-standard) infinite}.mo-pulse{animation:pulse 2s var(--ease-standard) infinite}.mo-shimmer{animation:shimmer 1.5s var(--ease-standard) infinite}.mo-delay-1{animation-delay:.1s}.mo-delay-2{animation-delay:.2s}.mo-delay-3{animation-delay:.3s}.mo-delay-4{animation-delay:.4s}.mo-delay-5{animation-delay:.5s}.mo-fast{animation-duration:var(--duration-fast)}.mo-slow{animation-duration:var(--duration-slow)}@media (prefers-reduced-motion: reduce){.mo-fade-in,.mo-slide-up,.mo-slide-down,.mo-scale-in,.mo-pop,.mo-float,.mo-pulse,.mo-shimmer{animation:none!important}.mo-delay-1,.mo-delay-2,.mo-delay-3,.mo-delay-4,.mo-delay-5{animation-delay:0ms!important}}.container{max-width:var(--container-xl);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding);width:100%}.container-sm{max-width:var(--container-sm);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding);width:100%}.container-md{max-width:var(--container-md);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding);width:100%}.container-lg{max-width:var(--container-lg);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding);width:100%}.section{padding-top:var(--space-16);padding-bottom:var(--space-16)}.section-sm{padding-top:var(--space-14);padding-bottom:var(--space-14)}.section-tight{padding-top:var(--space-13);padding-bottom:var(--space-13)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.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}.flex-row{display:flex;flex-direction:row}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-7{gap:var(--space-7)}.gap-8{gap:var(--space-8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.relative{position:relative}.absolute{position:absolute}@media (min-width: 1280px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}@media (max-width: 991px){.grid-4{grid-template-columns:repeat(2,1fr)}.section{padding-top:var(--space-15);padding-bottom:var(--space-15)}}@media (max-width: 767px){.grid-3{grid-template-columns:1fr}.section{padding-top:var(--space-14);padding-bottom:var(--space-14)}.section-sm{padding-top:var(--space-13);padding-bottom:var(--space-13)}.container,.container-sm,.container-md,.container-lg{padding-left:var(--space-5);padding-right:var(--space-5)}}@media (max-width: 479px){.grid-2,.grid-4{grid-template-columns:1fr}.section{padding-top:var(--space-13);padding-bottom:var(--space-13)}.section-sm{padding-top:var(--space-12);padding-bottom:var(--space-12)}.container,.container-sm,.container-md,.container-lg{padding-left:var(--space-4);padding-right:var(--space-4)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-standard);cursor:pointer;border:none;text-decoration:none;font-size:var(--text-base);line-height:1;-webkit-tap-highlight-color:transparent}.btn-primary{background:var(--color-action-orange);color:#fff;padding:14px 36px;box-shadow:var(--shadow-orange)}.btn-primary:hover{background:var(--color-action-orange-hover);transform:translateY(-2px);box-shadow:0 12px 36px #e85d1a4d;text-decoration:none}.btn-primary:active{transform:scale(.97);box-shadow:none}.btn-brand{background:var(--brand-nur);color:#fff;padding:14px 36px;box-shadow:var(--shadow-colored)}.btn-brand:hover{background:var(--brand-nur-hover);transform:translateY(-2px);text-decoration:none}.btn-secondary{background:transparent;border:1.5px solid var(--color-border-strong);color:var(--color-text-primary);padding:14px 36px}.btn-secondary:hover{border-color:var(--brand-nur);color:var(--brand-nur-deep);background:var(--brand-nur-soft);text-decoration:none}.btn-ghost{background:transparent;color:var(--brand-nur-deep);padding:10px 20px}.btn-ghost:hover{background:var(--brand-nur-soft);text-decoration:none}.btn-gradient{background:var(--grad-warm);color:#fff;padding:16px 40px}.btn-gradient:hover{transform:translateY(-3px);box-shadow:var(--shadow-orange);text-decoration:none}.btn-gradient:active{transform:scale(.97)}.btn-orange{background:var(--color-action-orange);color:#fff;padding:14px 36px}.btn-orange:hover{background:var(--color-action-orange-hover);text-decoration:none}.btn-sm{padding:8px 18px;font-size:var(--text-sm)}.btn-lg{padding:18px 52px;font-size:var(--text-lg)}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 20px;max-width:480px;margin:0 auto;padding:var(--space-6);justify-items:center}@media (max-width: 400px){.app-grid{gap:24px 16px;padding:var(--space-4)}}.habit-circle{position:relative;width:112px;height:112px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:transform .25s var(--ease-spring),opacity .2s var(--ease-standard);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;will-change:transform}.habit-circle--rest{opacity:.72}.habit-circle--done{opacity:1;transform:scale(1.04);animation:habitComplete .4s var(--ease-spring) both}@keyframes habitComplete{0%{transform:scale(.92)}60%{transform:scale(1.08)}to{transform:scale(1.04)}}.habit-circle:active{transform:scale(.9);opacity:.85}.habit-fard{background:var(--habit-fard)}.habit-fard.done{background:var(--habit-fard-active);box-shadow:0 6px 20px var(--habit-fard-bg)}.habit-sunnah{background:var(--habit-sunnah)}.habit-sunnah.done{background:var(--habit-sunnah-active);box-shadow:0 6px 20px var(--habit-sunnah-bg)}.habit-dawn{background:var(--habit-dawn)}.habit-dawn.done{background:var(--habit-dawn-active);box-shadow:0 6px 20px var(--habit-dawn-bg)}.habit-quran{background:var(--habit-quran)}.habit-quran.done{background:var(--habit-quran-active);box-shadow:0 6px 20px var(--habit-quran-bg)}.habit-adhkar{background:var(--habit-adhkar)}.habit-adhkar.done{background:var(--habit-adhkar-active);box-shadow:0 6px 20px var(--habit-adhkar-bg)}.habit-night{background:var(--habit-night)}.habit-night.done{background:var(--habit-night-active);box-shadow:0 6px 20px var(--habit-night-bg)}.habit-rescue{background:var(--color-rescue)}.habit-rescue.done{background:var(--color-rescue-active);box-shadow:0 6px 20px var(--color-rescue-bg)}.habit-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.habit-icon svg{width:100%;height:100%;stroke-width:1.5px}.habit-label{font-family:var(--font-display);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;text-align:center;color:var(--color-text-primary);margin-top:6px;line-height:1.2}.card{background:var(--color-bg-pure);border-radius:var(--radius-lg);padding:var(--space-11) var(--space-6);border:1px solid var(--color-border-subtle);transition:all var(--duration-base) var(--ease-standard);color:var(--color-text-primary)}.card:hover{border-color:var(--color-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-elevated{box-shadow:var(--shadow-md);border-color:transparent}.card-featured{border-color:var(--brand-nur);position:relative;overflow:hidden}.card-featured:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-brand)}.card-icon{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:var(--space-4);flex-shrink:0}.card-icon-brand{background:var(--brand-nur-soft);color:var(--brand-nur-deep)}.card-icon-orange{background:#e85d1a17;color:var(--color-action-orange)}.card-icon-violet{background:var(--habit-fard-bg);color:var(--habit-fard-active)}.card-icon-cyan{background:var(--habit-quran-bg);color:var(--habit-quran-active)}.card-icon-green{background:var(--color-success-bg);color:var(--color-success)}.card-icon-rescue{background:var(--color-rescue-bg);color:var(--color-rescue-active)}.card-icon-blue{background:var(--habit-quran-bg);color:var(--habit-quran-active)}.card-icon-purple{background:var(--habit-fard-bg);color:var(--habit-fard-active)}.card-icon-red{background:var(--color-rescue-bg);color:var(--color-rescue-active)}.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);display:flex;justify-content:space-between;align-items:center;padding:14px 28px;background:var(--brand-navbar);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:none;transition:background var(--duration-base)}.nav-logo{font-size:13px;font-weight:800;color:var(--brand-nur);letter-spacing:2px;text-decoration:none;text-transform:uppercase}.nav-logo:hover{text-decoration:none;color:var(--brand-nur-hover)}.nav-links{display:flex;gap:24px;align-items:center}.nav-link{color:var(--brand-navbar-text);text-decoration:none;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;transition:color var(--duration-fast);font-family:var(--font-display)}.nav-link:hover{color:var(--brand-navbar-text-active);text-decoration:none}.badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--radius-md);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-family:var(--font-display)}.badge-primary{background:var(--brand-nur-soft);color:var(--brand-nur-deep);border:1px solid rgba(232,151,58,.2)}.badge-subtle{background:var(--layer-1);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle)}.quote-block{padding:24px 28px;border-radius:var(--radius-lg);background:var(--brand-nur-soft);border:1px solid rgba(232,151,58,.15);position:relative}.quote-block:before{content:"“";position:absolute;top:8px;left:16px;font-size:48px;color:#e8973a33;font-family:Georgia,serif;line-height:1}.quote-text{font-size:clamp(15px,2vw,19px);font-style:italic;color:var(--color-text-primary);line-height:1.6;font-family:var(--font-sans)}.quote-source{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-top:12px;color:var(--brand-nur-deep);font-family:var(--font-display)}.quote-block-danger{background:var(--color-rescue-bg);border-color:#e8185e26}.quote-block-danger:before{color:#e8185e26}.quote-source-danger{color:var(--color-rescue-active)!important}.pain-point{display:flex;gap:14px;align-items:flex-start;padding:14px 18px;border-radius:var(--radius-md);background:var(--color-rescue-bg);border:1px solid rgba(232,24,94,.1)}.pain-point-marker{color:var(--color-rescue-active);font-size:14px;font-weight:700;flex-shrink:0;opacity:.7}.pain-point-text{font-size:14px;color:var(--color-text-secondary);line-height:1.65}.mechanism-card{display:flex;gap:18px;padding:24px 22px;border-radius:var(--radius-lg);background:var(--color-bg-pure);border:1px solid var(--color-border-subtle);transition:all var(--duration-base) var(--ease-standard)}.mechanism-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.step-icon{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.station-circle{width:80px;height:80px;border-radius:50%;background:var(--color-bg-elevated);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:var(--shadow-sm);position:relative;transition:all var(--duration-base)}.station-circle:hover{box-shadow:var(--shadow-md);border-color:var(--brand-nur);box-shadow:0 0 24px var(--brand-nur-glow)}.station-circle-primary{border-color:#e8973a40}.station-circle-primary:hover{border-color:var(--brand-nur)}.station-circle-teal{border-color:#00bfde33}.station-circle-teal:hover{border-color:var(--habit-quran-active);box-shadow:0 0 24px var(--habit-quran-bg)}.station-circle-purple:hover{border-color:var(--habit-fard-active);box-shadow:0 0 24px var(--habit-fard-bg)}.station-ring{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;border:1px dashed rgba(232,151,58,.18);animation:spinSlow 20s linear infinite}.station-icon{font-size:26px;color:var(--brand-nur);display:flex}.input{width:100%;padding:14px 16px;background:var(--color-bg-pure);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);font-family:var(--font-sans);outline:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.input:focus{border-color:var(--brand-nur);box-shadow:0 0 0 3px var(--brand-nur-glow)}.input::placeholder{color:var(--color-text-muted)}.footer{background:var(--brand-navbar);color:var(--color-text-inverse);padding:64px var(--container-padding) 40px;text-align:center}.footer-link{color:#ffffff8c;text-decoration:none;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-display);transition:color var(--duration-fast)}.footer-link:hover{color:var(--brand-nur);text-decoration:none}.footer-social{display:flex;gap:16px;align-items:center;justify-content:center}.footer-copyright{color:#ffffff4d;font-size:12px;margin-top:32px}.footer-credit{color:#ffffff26;font-size:11px}.section-header{text-align:center;margin-bottom:var(--space-11)}.section-header .text-overline{margin-bottom:12px;color:var(--brand-nur)}.section-header h2{margin-bottom:12px}.section-header p{max-width:480px;margin:0 auto;color:var(--color-text-tertiary);line-height:var(--leading-relaxed)}.proof-card{padding:28px 24px;border-radius:var(--radius-xl);background:var(--color-bg-pure);border:1px solid var(--color-border-subtle);transition:all var(--duration-base) var(--ease-standard);position:relative;overflow:hidden}.proof-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.proof-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-brand);opacity:0;transition:opacity var(--duration-base)}.proof-card:hover:before{opacity:1}.download-item{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-radius:var(--radius-md);background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);text-decoration:none;transition:all var(--duration-fast)}.download-item:hover{border-color:var(--brand-nur);background:var(--brand-nur-soft);text-decoration:none}.cta-section{background:var(--grad-cta);color:#fff;padding:96px 24px;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(232,151,58,.12) 0%,transparent 70%);pointer-events:none}.cta-section h2,.cta-section p{color:#fff}.cta-section .btn{background:#fff;color:var(--color-action-orange)}.cta-section .btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.email-capture{padding:32px 28px;border-radius:var(--radius-lg);background:var(--brand-nur-soft);border:1px solid rgba(232,151,58,.15)}.email-row{display:flex;gap:8px}.input-dark{background:#ffffff14;border-color:#ffffff2e;color:#fff}.input-dark:focus{border-color:var(--brand-nur);box-shadow:0 0 0 3px #e8973a33}@media (max-width: 640px){.nav-link{display:none}.mechanism-card,.email-row{flex-direction:column}.email-row .input,.email-row .btn{width:100%}.btn-lg{padding:16px 32px;font-size:var(--text-base)}.habit-circle{width:96px;height:96px}.habit-icon{width:36px;height:36px}.habit-label{font-size:10px}}.home-page{min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);overflow-x:hidden;position:relative}.nav-scrolled{background:#1a1d26f7;box-shadow:var(--shadow-sm);border-bottom-color:var(--color-border)}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px;position:relative;z-index:1;background:var(--color-bg-hero)}.hero-bg-glow{position:absolute;top:15%;left:50%;transform:translate(-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(232,151,58,.05) 0%,rgba(232,151,58,.02) 40%,transparent 70%);pointer-events:none}.hero-grid{display:flex;gap:clamp(32px,6vw,80px);align-items:center;max-width:1040px;width:100%;position:relative}.hero-copy{flex:1 1 55%;display:flex;flex-direction:column;align-items:flex-start}.hero-badge{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--brand-nur-deep);margin-bottom:20px;background:var(--layer-1);padding:8px 16px;border-radius:var(--radius-sm);border:1px solid rgba(232,151,58,.14)}.hero-title{font-size:clamp(30px,5.2vw,52px);font-weight:800;color:var(--color-text-primary);letter-spacing:-1.5px;line-height:1.08;margin-bottom:8px;font-family:var(--font-heading)}.hero-accent{font-size:clamp(22px,3.2vw,36px);font-weight:800;line-height:1.15;margin-bottom:24px;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-body{font-size:clamp(13px,1.6vw,15px);color:var(--color-text-secondary);line-height:1.8;max-width:440px}.hero-cta-row{margin-top:32px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}.hero-cta-note{font-size:12px;color:var(--color-text-muted);max-width:160px;line-height:1.5}.hero-visual{flex:0 0 auto}.hero-mockup-wrap{position:relative;animation:float 6s ease-in-out infinite}.hero-mockup-wrap:before{content:"";position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;border-radius:28px;background:radial-gradient(ellipse at center,var(--brand-nur-glow) 0%,transparent 70%);pointer-events:none}.hero-mockup{width:clamp(240px,28vw,340px);height:auto;border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-xl),0 0 0 1px #e8973a0a;position:relative;z-index:1;display:block}.hero-scroll-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);animation:pulse 2.5s ease infinite}.path-quote-wrap{text-align:center;margin-bottom:60px}.path-quote-box{display:inline-block;padding:36px 48px;position:relative;border-radius:var(--radius-xl);background:linear-gradient(145deg,#e8973a05,#e8973a05);border:1px solid var(--brand-nur-glow)}.path-quote-text{font-family:var(--font-display);font-weight:700;font-size:clamp(22px,3.5vw,32px);color:var(--color-text-primary);line-height:1.4;margin:0}.path-line-wrap{position:relative;padding:20px 0}.path-line{position:absolute;top:60px;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,var(--brand-nur),transparent);opacity:.2;z-index:0}.path-stations{position:relative;z-index:2}.station{display:flex;flex-direction:column;align-items:center;text-align:center}.station-title{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.station-desc{font-size:14px;color:var(--color-text-tertiary);line-height:1.6}.station-circle-primary{border-color:#e8973a38}.station-circle-primary:hover{border-color:var(--brand-nur-deep);box-shadow:0 0 24px #e8973a1f}.station-circle-teal{border-color:#10b98133}.station-circle-teal:hover{border-color:var(--color-success);box-shadow:0 0 24px #10b9811a}.station-circle-purple{border-color:#8b5cf633}.station-circle-purple:hover{border-color:var(--color-secondary);box-shadow:0 0 24px #8b5cf61f}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.station-ring{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;border:1px dashed rgba(232,151,58,.22);animation:spinSlow 20s linear infinite}.station-ring.reverse{animation-direction:reverse}.station-icon{font-size:26px;color:var(--brand-nur-deep);display:flex}.station-diamonds{display:flex;flex-direction:column;align-items:center;gap:3px}.diamond{background:var(--brand-nur);transform:rotate(45deg)}.diamond-sm{width:4px;height:4px;opacity:.3}.diamond-md{width:6px;height:6px;opacity:.6}.diamond-lg{width:8px;height:8px;opacity:1;box-shadow:0 0 8px var(--brand-nur-glow)}.pain-list{display:grid;gap:10px}.stakes-body{font-size:15px;color:var(--color-text-secondary);line-height:1.85}.stakes-body p{margin-bottom:20px}.stakes-emphasis{font-weight:600;color:var(--color-text-primary)!important}.quote-block-danger{background:linear-gradient(145deg,#ef44440a,#ffffff80);border-color:#ef44441f}.quote-block-danger:before{color:#ef444426}.quote-source-danger{color:var(--color-danger)!important}.story-paragraph{color:var(--color-text-secondary);margin-bottom:20px}.story-highlight{padding:20px 0 20px 24px;border-left:3px solid var(--brand-nur);margin-bottom:20px;position:relative}.story-highlight-line{position:absolute;top:0;left:-1px;width:3px;height:100%;background:linear-gradient(180deg,transparent,var(--brand-nur),transparent);opacity:.5}.story-highlight-text{font-size:clamp(16px,2.2vw,20px);font-weight:600;color:var(--color-text-primary);line-height:1.55;font-family:var(--font-display);font-style:italic}.resources-success{padding:28px;background:var(--color-success-bg);border:1px solid rgba(16,185,129,.18);border-radius:var(--radius-lg);margin-bottom:20px}.resources-success-title{font-size:15px;font-weight:700;color:var(--color-success);margin-bottom:12px;text-align:center}.resources-list{display:flex;flex-direction:column;gap:8px}.download-title{font-size:14px;font-weight:700;color:var(--color-text-primary)}.download-meta{font-size:10px;color:var(--color-text-muted);font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-top:2px}.download-action{font-size:12px;font-weight:700;color:var(--brand-nur-deep)}.resources-preview{margin-bottom:22px}.resource-preview-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--color-border-subtle)}.resource-preview-item:last-child{border-bottom:none}.resource-preview-icon{font-size:16px;color:var(--brand-nur-deep);display:flex;flex-shrink:0;opacity:.6}.resource-preview-title{font-size:14px;font-weight:600;color:var(--color-text-secondary);flex:1}.resource-preview-meta{font-size:10px;color:var(--color-text-muted);font-weight:600;letter-spacing:1px;text-transform:uppercase}.cta-heading{font-size:clamp(30px,6vw,48px);font-weight:800;color:#fff;line-height:1.1;margin-bottom:16px;letter-spacing:-1px;font-family:var(--font-heading)}.cta-body{font-size:15px;color:#ffffffd9;line-height:1.7;margin-bottom:8px}.cta-hadith{font-size:14px;color:#fff9;line-height:1.7;font-family:var(--font-display);font-style:italic;margin-bottom:32px}.btn-cta-main{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--brand-nur-deep);font-size:18px;font-weight:700;padding:20px 56px;border-radius:var(--radius-md);border:none;text-decoration:none;cursor:pointer;font-family:var(--font-sans);transition:all var(--duration-fast) var(--ease-standard);box-shadow:var(--shadow-lg)}.btn-cta-main:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);text-decoration:none}.btn-cta-main:active{transform:translateY(0) scale(.98)}.cta-or-text{color:#fff6;font-size:12px;margin-bottom:12px}.cta-email-success{padding:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:#fff;font-weight:600;font-size:14px}.input-dark{background:#ffffff1a;border-color:#fff3;color:#fff}.input-dark::placeholder{color:#fff6}.input-dark:focus{border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff1a}.btn-cta-notify{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;background:#ffffff1f;color:#fffc;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);font-weight:700;font-size:13px;font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-fast)}.btn-cta-notify:hover{background:#fff3;color:#fff}.footer{text-align:center}.footer-social-link{color:#ffffff80;font-size:14px;font-weight:500}.footer-tagline{margin-top:10px;color:#ffffff40;font-size:12px}.footer-copyright{margin-top:10px}.footer-credit{margin-top:16px}.footer-credit-link{color:#fff3;text-decoration:none;font-weight:600}.footer-credit-link:hover{color:#fff6;text-decoration:none}@media (max-width: 767px){.hero-grid{flex-direction:column;text-align:center}.hero-copy{align-items:center}.hero-body{text-align:center}.hero-cta-row{justify-content:center}.hero-cta-note{text-align:center}.desktop-line{display:none!important}.path-quote-box{padding:24px 20px}.btn-cta-main{width:100%;padding:18px 32px;font-size:16px}}@media (max-width: 479px){.hero-section{padding:100px 16px 60px}.hero-badge{font-size:10px;letter-spacing:1.5px;padding:6px 12px}.path-quote-text{font-size:20px}}