@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:var(--font-readex), system-ui, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, monospace;--color-red-50:#fef2f2;--color-red-200:#ffcaca;--color-red-400:#ff6568;--color-red-500:#fb2c36;--color-red-600:#e40014;--color-red-700:#bf000f;--color-amber-50:#fffbeb;--color-amber-200:#fee685;--color-amber-700:#b75000;--color-amber-800:#953d00;--color-amber-900:#7b3306;--color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-green-600:#00a544;--color-green-700:#008138;--color-green-800:#016630;--color-emerald-50:#ecfdf5;--color-emerald-200:#a4f4cf;--color-emerald-700:#007956;--color-emerald-800:#005f46;--color-gray-100:#f3f4f6;--color-gray-600:#4a5565;--color-gray-900:#101828;--color-zinc-200:#e4e4e7;--color-zinc-900:#18181b;--color-zinc-950:#09090b;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--leading-loose:2;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:22px;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--ease-out:var(--ease-out);--ease-in-out:var(--ease-in-out);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-md:12px;--blur-3xl:64px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-readex), system-ui, sans-serif;--default-mono-font-family:ui-monospace, "SFMono-Regular", Menlo, monospace;--color-wall-100:var(--wall-100);--font-display:var(--font-reem-kufi), var(--font-readex), system-ui, sans-serif;--font-num:var(--font-readex), system-ui, sans-serif;--font-quran:var(--font-amiri), "Noto Naskh Arabic", serif;--shadow-1:var(--shadow-1);--shadow-2:var(--shadow-2);--shadow-3:var(--shadow-3);--text-display:clamp(2.5rem, 1.55rem + 3.8vw, 4.75rem);--text-headline:clamp(2rem, 1.55rem + 1.9vw, 3.25rem);--text-headline--line-height:1.3;--text-title:clamp(1.5rem, 1.28rem + .95vw, 2.125rem);--text-title--line-height:1.35;--text-h3:1.25rem;--text-h3--line-height:1.5;--text-lead:clamp(1.0625rem, 1rem + .3vw, 1.25rem);--text-body:1rem;--text-small:.875rem;--text-small--line-height:1.65;--text-caption:.8125rem;--text-caption--line-height:1.55}@supports (color:lab(0% 0 0)){:root,:host{--color-red-50:lab(96.5005% 4.18508 1.52328);--color-red-200:lab(86.017% 19.8815 7.75869);--color-red-400:lab(63.7053% 60.745 31.3109);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-600:lab(48.4493% 77.4328 61.5452);--color-red-700:lab(40.4273% 67.2623 53.7441);--color-amber-50:lab(98.6252% -.635922 8.42309);--color-amber-200:lab(91.7203% -.505269 49.9084);--color-amber-700:lab(47.2709% 42.9082 69.2966);--color-amber-800:lab(37.8822% 37.1699 52.2718);--color-amber-900:lab(31.2288% 30.2627 40.0378);--color-green-50:lab(98.1563% -5.60117 2.75915);--color-green-100:lab(96.1861% -13.8464 6.52365);--color-green-600:lab(59.0978% -58.6621 41.2579);--color-green-700:lab(47.0329% -47.0239 31.4788);--color-green-800:lab(37.4616% -36.7971 22.9692);--color-emerald-50:lab(97.8462% -6.94966 1.85487);--color-emerald-200:lab(90.2247% -31.039 9.47084);--color-emerald-700:lab(44.4871% -41.0396 11.0361);--color-emerald-800:lab(35.3675% -33.1188 8.04002);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-600:lab(35.6337% -1.58697 -10.8425);--color-gray-900:lab(8.11897% .811279 -12.254);--color-zinc-200:lab(90.6853% .399232 -1.45452);--color-zinc-900:lab(8.30603% .618205 -2.16572);--color-zinc-950:lab(2.51107% .242703 -.886115)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{scroll-padding-top:calc(var(--header-h) + 12px);scrollbar-color:var(--light-600) transparent;scrollbar-width:thin}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-variant-numeric:tabular-nums;padding-bottom:var(--cookie-bar-h,0px);line-height:1.8}h1,h2,h3,h4{font-family:var(--font-display);text-wrap:balance;font-weight:600}h3,h4{font-family:var(--font-sans)}p{text-wrap:pretty}::selection{background:var(--light-200);color:var(--ink)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}input,textarea{caret-color:var(--light-700)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--paper-3);border:2px solid var(--bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--light-600)}}@layer components{.site-container{width:min(100% - 2 * var(--gutter), var(--container));margin-inline:auto}.section{padding-block:var(--section-y)}.section--tight{padding-block:clamp(48px,3rem + 3vw,88px)}.sunk{background:var(--surface-sunk)}.tint{background:var(--tint-teal)}.measure{max-width:68ch}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.t-display{font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.01em;font-weight:600;line-height:1.22}.t-headline{font-family:var(--font-display);font-size:var(--text-headline);font-weight:600;line-height:1.3}.t-title{font-family:var(--font-display);font-size:var(--text-title);font-weight:600;line-height:1.35}.t-h3{font-family:var(--font-sans);font-size:var(--text-h3);font-weight:600;line-height:1.5}.t-lead{font-size:var(--text-lead);color:var(--text-soft);max-width:60ch;line-height:1.85}.t-small{font-size:var(--text-small);line-height:1.65}.t-caption{font-size:var(--text-caption);color:var(--text-muted);line-height:1.55}.t-quran{font-family:var(--font-quran);font-weight:400;line-height:2.2}.t-num{font-family:var(--font-num);font-variant-numeric:tabular-nums}.site-header{z-index:40;background:var(--bg);position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.site-header{background:color-mix(in srgb, var(--bg) 92%, transparent)}}.site-header{-webkit-backdrop-filter:saturate(1.2)blur(12px);transition:border-color var(--t-quick) var(--ease-out), box-shadow var(--t-quick) var(--ease-out);border-bottom:1px solid #0000}.site-header.is-scrolled{border-color:var(--line);box-shadow:0 6px 20px -14px #0a2a2c59}.site-header__bar{height:var(--header-h);align-items:center;gap:24px;display:flex}.site-nav{gap:4px;margin-inline-start:auto;display:flex;position:relative}.site-nav a{color:var(--text-soft);border-radius:var(--radius-sm);transition:color var(--t-quick) var(--ease-out);padding:10px 14px;font-size:.9375rem;font-weight:500;position:relative}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text)}.site-nav__indicator{background:var(--light-500);bottom:2px;border-radius:2px;height:2px;position:absolute;inset-inline:14px}.site-header__actions{align-items:center;gap:8px;margin-inline-start:16px;display:flex}.menu-toggle{margin-inline-start:auto;display:none!important}@media (max-width:1023px){.site-nav,.site-header__actions{display:none}.menu-toggle{display:inline-grid!important}}.mobile-sheet{z-index:60;background:var(--wall-900);color:var(--on-wall);padding:20px var(--gutter) calc(32px + env(safe-area-inset-bottom));flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.mobile-sheet nav{flex-direction:column;margin-top:40px;display:flex}.mobile-sheet nav a{font-family:var(--font-display);border-bottom:1px solid #a9c2c01f;padding:14px 0;font-size:1.875rem;line-height:1.4;display:block}.mobile-sheet nav a[aria-current=page]{color:var(--light-400)}.mobile-sheet__foot{gap:12px;margin-top:auto;padding-top:32px;display:grid}.btn{--btn-h:48px;height:var(--btn-h);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;transition:background-color var(--t-quick) var(--ease-out), color var(--t-quick) var(--ease-out), border-color var(--t-quick) var(--ease-out), box-shadow var(--t-quick) var(--ease-out), transform var(--t-instant) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:.9375rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn svg{width:18px;height:18px;transition:transform var(--t-quick) var(--ease-out);flex:none}.btn:hover svg.arrow{transform:translate(-3px)}.btn--sm{--btn-h:40px;padding:0 16px;font-size:.875rem}.btn--lg{--btn-h:56px;padding:0 28px;font-size:1rem}.btn--block{width:100%}.btn--primary{background:var(--action);color:var(--on-action);box-shadow:var(--shadow-1)}.btn--primary:hover{background:var(--action-hover);box-shadow:var(--shadow-2)}.btn--gold{background:var(--light-500);color:var(--wall-950)}.btn--gold:hover{background:var(--light-400);box-shadow:var(--shadow-2)}.btn--quiet{color:var(--text);border-color:var(--line);background:0 0}.btn--quiet:hover{background:var(--surface);border-color:var(--light-600)}.btn--on-wall{color:var(--on-wall);background:0 0;border-color:#a9c2c052}.btn--on-wall:hover{border-color:var(--light-500);background:#a9c2c00f}.btn--danger{color:var(--danger);border-color:var(--danger);background:0 0}@supports (color:color-mix(in lab, red, red)){.btn--danger{border-color:color-mix(in srgb, var(--danger) 40%, transparent)}}.btn--danger:hover{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.btn--danger:hover{background:color-mix(in srgb, var(--danger) 6%, transparent)}}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;pointer-events:none}.spinner{border:2px solid;border-inline-end-color:#0000;border-radius:50%;flex:none;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.link{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--light-500);-webkit-text-decoration-color:var(--light-500);-webkit-text-decoration-color:var(--light-500);text-decoration-color:var(--light-500);text-underline-offset:7px;transition:text-decoration-color var(--t-quick) var(--ease-out), text-underline-offset var(--t-quick) var(--ease-out);font-weight:600;text-decoration-thickness:1.5px}.link:hover{text-underline-offset:5px;text-decoration-color:currentColor}.icon-btn{border-radius:var(--radius-md);border:1px solid var(--line);width:44px;height:44px;color:inherit;cursor:pointer;transition:background-color var(--t-quick) var(--ease-out), border-color var(--t-quick) var(--ease-out);background:0 0;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface)}.icon-btn:disabled{opacity:.4;pointer-events:none}.icon-btn svg{width:20px;height:20px}.band{align-items:baseline;gap:24px;margin-bottom:48px;display:flex}.band h2{font-size:var(--text-title);flex:none;line-height:1.35}.band__rule{transform-origin:100%;background:linear-gradient(to left, var(--light-500), var(--light-500));flex:1;align-self:center;height:1px}@supports (color:color-mix(in lab, red, red)){.band__rule{background:linear-gradient(to left, var(--light-500), color-mix(in srgb, var(--light-500) 15%, transparent))}}.band__action{font-size:var(--text-small);flex:none}.band-lead{margin-top:-32px;margin-bottom:48px}.on-wall .band__rule{background:linear-gradient(to left, var(--light-500), #c8b0581a)}@media (max-width:640px){.band{flex-wrap:wrap;gap:8px 16px}.band__rule{flex-basis:100%;order:3}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);transition:transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease-out), border-color var(--t-base) var(--ease-out)}a.card:hover,.card.is-interactive:hover{box-shadow:var(--shadow-2);border-color:var(--paper-3);transform:translateY(-3px)}.badge{border-radius:var(--radius-sm);white-space:nowrap;background:var(--surface-sunk);height:26px;color:var(--text-soft);align-items:center;gap:6px;padding:0 10px;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.badge--live{background:var(--live)}@supports (color:color-mix(in lab, red, red)){.badge--live{background:color-mix(in srgb, var(--live) 12%, transparent)}}.badge--live{color:var(--live)}.badge--live:before{content:"";width:7px;height:7px;animation:live-pulse 2s var(--ease-out) infinite;background:currentColor;border-radius:50%}.badge--soon,.badge--gold{background:var(--light-100);color:var(--light-900)}.badge--ended{color:var(--text-muted);border:1px solid var(--line);background:0 0}.badge--success{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.badge--success{background:color-mix(in srgb, var(--success) 12%, transparent)}}.badge--success{color:var(--success)}.badge--warning{background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.badge--warning{background:color-mix(in srgb, var(--warning) 12%, transparent)}}.badge--warning{color:var(--warning)}.badge--danger{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.badge--danger{background:color-mix(in srgb, var(--danger) 12%, transparent)}}.badge--danger{color:var(--danger)}.on-wall .badge{color:var(--on-wall);background:#a9c2c01a}.on-wall .badge--soon{color:var(--light-200);background:#c8b0582e}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);height:38px;color:var(--text-soft);cursor:pointer;white-space:nowrap;transition:background-color var(--t-quick) var(--ease-out), color var(--t-quick) var(--ease-out), border-color var(--t-quick) var(--ease-out);background:0 0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 16px;font-size:.875rem;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--light-600);color:var(--text)}.chip[aria-pressed=true],.chip[aria-current=true],.chip[aria-selected=true]{background:var(--wall-900);border-color:var(--wall-900);color:var(--paper-0)}.chip .count{opacity:.7;font-size:.75rem}.field{gap:8px;display:grid}.field>label,.field__label{color:var(--text);font-size:.875rem;font-weight:600}.field .hint{font-size:var(--text-caption);color:var(--text-muted)}.field .error{font-size:var(--text-caption);color:var(--danger);align-items:center;gap:6px;display:flex}.input,.select,.textarea{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);width:100%;height:50px;color:var(--text);font:inherit;transition:border-color var(--t-quick) var(--ease-out), box-shadow var(--t-quick) var(--ease-out);padding:0 16px;font-size:1rem}.textarea{height:auto;min-height:120px;padding:14px 16px;line-height:1.7}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:hover,.select:hover,.textarea:hover{border-color:var(--light-600)}.input:focus,.select:focus,.textarea:focus{border-color:var(--wall-600);outline:none;box-shadow:0 0 0 4px #c8b05852}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 4px #b3261e1f}.input:disabled,.select:disabled,.textarea:disabled{opacity:.6;cursor:not-allowed}.input--ltr{text-align:right;direction:ltr}.input-group{position:relative}.input-group>svg{width:18px;height:18px;color:var(--text-muted);pointer-events:none;inset-inline-start:14px;position:absolute;top:50%;transform:translateY(-50%)}.input-group .input{padding-inline-start:44px}.segmented{border-radius:var(--radius-md);background:var(--surface-sunk);gap:2px;padding:4px;display:inline-flex}.segmented__item{height:36px;color:var(--text-soft);cursor:pointer;transition:color var(--t-quick) var(--ease-out);background:0 0;border:0;border-radius:7px;align-items:center;padding:0 16px;font-size:.875rem;font-weight:500;display:inline-flex;position:relative}.segmented__item[aria-selected=true],.segmented__item[aria-current=page]{color:var(--text)}.segmented__pill{background:var(--surface);box-shadow:var(--shadow-1);z-index:0;border-radius:7px;position:absolute;inset:0}.segmented__item>span:not(.segmented__pill){z-index:1;position:relative}.tabs-line{border-bottom:1px solid var(--line);scrollbar-width:none;gap:24px;display:flex;overflow-x:auto}.tabs-line__item{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:14px 2px;font-weight:500;position:relative}.tabs-line__item[aria-selected=true],.tabs-line__item[aria-current=true]{color:var(--text)}.tabs-line__bar{background:var(--light-500);inset-inline:0;border-radius:2px;height:2px;position:absolute;bottom:-1px}.acc{border-top:1px solid var(--line)}.acc__item{border-bottom:1px solid var(--line)}.acc__btn{cursor:pointer;text-align:start;width:100%;color:var(--text);background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:1.0625rem;font-weight:600;line-height:1.6;display:flex}.acc__btn svg{width:20px;height:20px;color:var(--light-700);transition:transform var(--t-base) var(--ease-out);flex:none}.acc__item.is-open .acc__btn svg{transform:rotate(180deg)}.acc__panel{transition:grid-template-rows var(--t-base) var(--ease-out);grid-template-rows:0fr;display:grid}.acc__item.is-open .acc__panel{grid-template-rows:1fr}.acc__panel>div{overflow:hidden}.acc__body{color:var(--text-soft);max-width:68ch;padding-bottom:22px}.status-icon{background:var(--tint-teal);width:56px;height:56px;color:var(--emphasis);border-radius:50%;place-items:center;display:grid}.status-icon svg{width:26px;height:26px}.arch-outline{aspect-ratio:3/4;border:1.5px solid var(--light-500);border-radius:999px 999px var(--radius-sm) var(--radius-sm);background:var(--surface);width:72px}.empty{text-align:center;border:1px dashed var(--paper-3);border-radius:var(--radius-lg);padding:96px 24px}.empty h3{margin-top:16px;font-size:1.25rem}.empty p{color:var(--text-muted);max-width:44ch;margin:8px auto 24px}.empty .arch-outline{margin:0 auto}.skel{background:linear-gradient(90deg, var(--surface-sunk) 0%, var(--surface) 40%, var(--surface-sunk) 80%);border-radius:var(--radius-sm);background-size:300% 100%;animation:1.6s linear infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-200% 0}}.meter{background:var(--surface-sunk);border-radius:4px;width:120px;height:4px;display:block;overflow:hidden}.meter>i{background:var(--wall-700);border-radius:inherit;transform-origin:100%;height:100%;transform:scaleX(var(--p,1));display:block}.on-wall .meter,.meter--wall{background:#a9c2c029}.on-wall .meter>i,.meter--wall>i{background:var(--light-500)}.avatar{background:var(--wall-700);width:44px;height:44px;color:var(--light-400);font-family:var(--font-display);border:1px solid #c8b05866;border-radius:50%;flex:none;place-items:center;font-size:1.125rem;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar--sm{width:32px;height:32px;font-size:.875rem}.price{font-family:var(--font-num);color:var(--text);white-space:nowrap;font-size:1.25rem;font-weight:600}.price small{font-family:var(--font-sans);color:var(--text-muted);font-size:.75rem;font-weight:400}.price--free{color:var(--success)}.price s{color:var(--text-muted);margin-inline-start:6px;font-size:.8125rem;font-weight:400}.page-head{padding-block:clamp(56px,3rem + 4vw,112px) clamp(40px,2rem + 3vw,72px);position:relative;overflow:hidden}.page-head .crumbs{font-size:var(--text-small);color:var(--on-wall-muted);flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.page-head .crumbs a:hover{color:var(--paper-0)}.page-head h1{font-size:var(--text-headline);max-width:20ch;color:var(--paper-0);line-height:1.3}.page-head__lead{color:#cfdddb;max-width:58ch;font-size:var(--text-lead);margin-top:16px;line-height:1.85}.page-head__arch{opacity:.9;pointer-events:none;inset-inline-end:max(var(--gutter), calc((100vw - var(--container)) / 2));width:auto;height:min(100% - 40px,300px);position:absolute;bottom:-2px}@media (max-width:720px){.page-head__arch{display:none}}.page-search{max-width:560px;margin-top:32px}.page-search .input{height:56px;color:var(--paper-0);background:#fbfcfa14;border-color:#a9c2c040}.page-search .input::placeholder{color:var(--on-wall-muted)}.page-search .input-group>svg{color:var(--light-400)}.page-head__body,.page-head__text,.page-head__aside{display:contents}.page-head__tabs{display:none}@media (min-width:1024px){.page-head{padding-block:clamp(64px,2rem + 4vw,104px) clamp(56px,2rem + 3vw,80px)}.page-head--tabs{padding-bottom:0}.page-head__arch{display:none}.page-head__body{grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:end;gap:48px;display:grid}.page-head__text,.page-head__aside{display:block}.page-head__aside .page-search{max-width:none;margin-top:0}.page-head__tabs{scrollbar-width:none;align-items:end;gap:4px;margin-top:48px;display:flex;overflow-x:auto}.page-head__tabs::-webkit-scrollbar{display:none}}.folder-tab{border-radius:var(--radius-lg) var(--radius-lg) 0 0;min-height:44px;color:var(--on-wall);font-size:var(--text-small);white-space:nowrap;cursor:pointer;transition:background-color var(--t-quick) var(--ease-out), color var(--t-quick) var(--ease-out), padding var(--t-quick) var(--ease-out);background:#eef4f20f;flex:none;padding:12px 20px}.folder-tab:hover{background:#eef4f21f}.folder-tab[aria-pressed=true]{background:var(--bg);color:var(--page-text);padding-block:15px;font-weight:500}.folder-tab:focus-visible{outline-offset:-3px}.site-footer{background:var(--wall-950);color:var(--on-wall);padding-top:96px}.site-footer a{color:var(--on-wall-muted);transition:color var(--t-quick) var(--ease-out)}.site-footer a:hover{color:var(--paper-0)}.footer-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:48px;display:grid}.footer-grid h3{font-family:var(--font-sans);color:var(--light-400);margin-bottom:16px;font-size:.875rem;font-weight:600}.footer-grid ul{gap:10px;margin:0;padding:0;font-size:.9375rem;list-style:none;display:grid}.footer-inscription{font-size:var(--text-caption);color:var(--on-wall-muted);border-top:1px solid #a9c2c01f;flex-wrap:wrap;justify-content:space-between;gap:24px;margin-top:96px;padding-block:32px;display:flex}@media (max-width:860px){.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>:first-child{grid-column:1/-1}}.toast{background:var(--surface);width:min(420px,100vw - 32px);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);font-size:var(--text-small);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.toast svg{flex:none;width:20px;height:20px;margin-top:2px}.toast--success svg{color:var(--success)}.toast--error svg{color:var(--danger)}.plaster{background-image:url(/images/texture/plaster.svg)}.hero{isolation:isolate;background:var(--wall-950);flex-direction:column;min-height:min(86svh,820px);display:flex;position:relative;overflow:hidden}.hero__media{z-index:-2;display:block;position:absolute;inset:0}.hero__photo{object-fit:cover;object-position:38% 50%;width:100%;height:100%;animation:hero-settle 1.6s var(--ease-out) both;position:absolute;inset:0}@keyframes hero-settle{0%{transform:scale(1.06)}to{transform:scale(1)}}.hero__grid{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;padding-block:clamp(56px,8vh,96px) clamp(104px,13vh,136px);display:grid}.hero h1{color:var(--paper-0);max-width:13ch;margin-top:28px}.hero .t-lead{color:#dbe7e4;margin-top:24px}.hero__ctas{flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px;display:flex}.hero__ctas .link{color:var(--paper-0)}.hero__verse{border-bottom:1px solid #c8b05899;max-width:30rem;margin:0;padding-bottom:20px}.hero__verse p{color:var(--paper-0);font-size:clamp(1.375rem,1.1rem + 1vw,1.875rem)}.hero__verse cite{font-style:normal;font-size:var(--text-small);color:var(--on-wall-muted);margin-top:8px;display:block}.js-motion .hero__verse{animation:verse-lit 1.4s var(--ease-out) .45s both}@keyframes verse-lit{0%{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur()}}@media (max-width:860px){.hero{background:#254541;min-height:auto}.hero__media{aspect-ratio:900/1205;bottom:auto;-webkit-mask-image:linear-gradient(#000 76%,#0000);mask-image:linear-gradient(#000 76%,#0000)}.hero__photo{object-position:50% 0%}.hero__grid{grid-template-columns:1fr;padding-top:calc(min(100vw,540px)/1.03734)}}@media (min-width:541px) and (max-width:860px){.hero__media{-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;width:540px;left:50%;right:auto;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 76%,#0000),linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#000 76%,#0000),linear-gradient(90deg,#0000,#000 18% 82%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}}.sci-icon{width:100%;height:100%;display:block;overflow:visible}.emblem{width:100%;height:100%;color:var(--emblem-ink);--icon-ground:var(--emblem-bg,var(--surface));place-items:center;display:grid}.emblem .sci-icon{width:var(--emblem-size,44%);aspect-ratio:1;height:auto}.sci-icon [pathLength]{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.2s var(--ease-in-out);transition-delay:calc(var(--i,0) * 60ms + .12s)}.js-motion [data-reveal]:not(.is-in) .sci-icon [pathLength],.js-motion [data-stagger]>:not(.is-in) .sci-icon [pathLength]{stroke-dashoffset:1px}.bento{grid-template-rows:repeat(2,minmax(220px,auto));grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.bento__tile{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);color:var(--text);isolation:isolate;--icon-ground:var(--surface);transition:transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease-out), border-color var(--t-base) var(--ease-out);grid-template-rows:auto 1fr auto;gap:16px;padding:24px;display:grid;position:relative;overflow:hidden}.bento__tile:hover{box-shadow:var(--shadow-2);border-color:var(--wall-300);transform:translateY(-3px)}.bento__icon{width:72px;height:72px;color:var(--emblem-ink);transition:transform var(--t-slow) var(--ease-out)}.bento__tile:hover .bento__icon{transform:translateY(-2px)rotate(-3deg)}.bento__text{align-content:end;gap:6px;display:grid}.bento__name{font-family:var(--font-display);font-size:clamp(1.375rem,1.1rem + .8vw,1.875rem);font-weight:600;line-height:1.3}.bento__note{font-size:var(--text-small);color:var(--text-muted);max-width:34ch}.bento__foot{border-top:1px solid var(--line-soft);font-size:var(--text-small);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.bento__foot svg{width:20px;height:20px;color:var(--accent-text);transition:transform var(--t-base) var(--ease-out)}.bento__tile:hover .bento__foot svg{transform:translate(-4px)}.bento--quran{background:var(--wall-900);border-color:var(--wall-900);color:var(--on-wall);--icon-ground:var(--wall-900);--text-muted:var(--on-wall-muted);--line-soft:#a9c2c02e;--accent-text:var(--light-500);grid-row:span 2}.bento--quran .bento__icon{aspect-ratio:1;color:#eef4f2;place-self:center;width:min(62%,220px);height:auto}.bento--quran:hover{border-color:var(--light-500)}.bento--quran:before{content:"";z-index:-1;opacity:.5;background:url(/images/texture/plaster.svg);position:absolute;inset:0}.bento--arabic{background:var(--tint-gold);border-color:var(--light-500);grid-column:span 2}@supports (color:color-mix(in lab, red, red)){.bento--arabic{border-color:color-mix(in srgb, var(--light-500) 30%, transparent)}}.bento--arabic{--icon-ground:var(--tint-gold);grid-template-rows:1fr auto;grid-template-columns:auto 1fr}.bento--arabic .bento__icon{grid-row:1;align-self:center;width:104px;height:104px}.bento--arabic .bento__text{align-content:center}.bento--arabic .bento__foot{border-color:#7764202e;grid-column:1/-1}.bento--arabic .bento__note{color:var(--tint-gold-ink)}.bento--hadith,.bento--tafsir{background:var(--tint-teal);border-color:var(--wall-500)}@supports (color:color-mix(in lab, red, red)){.bento--hadith,.bento--tafsir{border-color:color-mix(in srgb, var(--wall-500) 22%, transparent)}}.bento--hadith,.bento--tafsir{--icon-ground:var(--tint-teal)}@media (max-width:1023px){.bento{grid-template-rows:none;grid-template-columns:repeat(2,1fr)}.bento--quran{grid-area:auto/1/auto/-1;grid-template-rows:1fr auto;grid-template-columns:160px 1fr}.bento--quran .bento__icon{grid-row:1;width:140px}.bento--quran .bento__foot,.bento--arabic{grid-column:1/-1}}@media (max-width:560px){.bento{gap:12px}.bento__tile{gap:12px;padding:18px}.bento__icon{width:56px;height:56px}.bento--quran{grid-template-columns:96px 1fr}.bento--quran .bento__icon{width:96px}.bento--arabic{grid-template-columns:72px 1fr}.bento--arabic .bento__icon{width:72px;height:72px}.bento__note{display:none}.bento--quran .bento__note,.bento--arabic .bento__note{display:block}}.notice-wrap{z-index:2;margin-top:-56px;position:relative}.notice-card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-3);grid-template-columns:auto 1fr auto auto;align-items:center;gap:32px;padding:20px 24px;display:grid}.notice-card__main{gap:2px;min-width:0;display:grid}.notice-card__main b{font-size:1.0625rem;font-weight:600;line-height:1.5}.notice-card__main span{font-size:var(--text-small);color:var(--text-muted)}.notice-card__time{font-size:var(--text-small);line-height:1.6}.notice-card__time small{color:var(--text-muted);font-size:inherit;display:block}@media (max-width:860px){.notice-wrap{margin-top:-32px}.notice-card{grid-template-columns:1fr;gap:12px;padding:18px}.notice-card .badge{justify-self:start}.notice-card .btn{width:100%}}.timetable{border-top:1px solid var(--line)}.tt-row{border-bottom:1px solid var(--line);grid-template-columns:96px 1.6fr 1fr auto;align-items:center;gap:32px;padding-block:24px;display:grid}.tt-date{text-align:center;line-height:1.2}.tt-date b{font-family:var(--font-num);color:var(--emphasis);font-size:2.25rem;font-weight:600;display:block}.tt-date span{font-size:var(--text-caption);color:var(--text-muted)}.tt-course h3{font-family:var(--font-sans);font-size:1.125rem;font-weight:600;line-height:1.5}.tt-course h3 a:hover{color:var(--emphasis)}.tt-course p{font-size:var(--text-small);color:var(--text-muted);margin-top:4px}.tt-time{font-size:var(--text-small);line-height:1.6}.tt-time small{color:var(--text-muted);font-size:inherit;display:block}.tt-action{justify-content:flex-end;align-items:center;gap:12px;display:flex}.tt-row.is-ended{opacity:.62}.tt-row.is-ended .tt-date b{color:var(--text-muted)}.tt-row.is-live{background:linear-gradient(to left, var(--live), transparent 60%)}@supports (color:color-mix(in lab, red, red)){.tt-row.is-live{background:linear-gradient(to left, color-mix(in srgb, var(--live) 7%, transparent), transparent 60%)}}@media (max-width:760px){.tt-row{grid-template-columns:64px 1fr;gap:12px 16px}.tt-date b{font-size:1.75rem}.tt-time{grid-column:2}.tt-action{grid-column:1/-1;justify-content:stretch}.tt-action .btn{flex:1}}.shelf{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;contain:paint;grid-auto-columns:minmax(270px,calc(25% - 18px));grid-auto-flow:column;gap:24px;margin:-4px -4px 0;padding:4px 4px 16px;display:grid;overflow-x:auto}.shelf::-webkit-scrollbar{display:none}.shelf>*{scroll-snap-align:start}.shelf-nav{gap:8px;display:flex}.course-card{flex-direction:column;height:100%;display:flex;overflow:hidden}.course-card__cover{aspect-ratio:4/5;--emblem-bg:var(--tint-teal);background:var(--tint-teal);place-items:center;display:grid;position:relative;overflow:hidden}.course-card__cover img{object-fit:contain;width:100%;height:100%;transition:transform .7s var(--ease-out)}.course-card__cover .emblem{--emblem-size:34%}.course-card__cover--wall{background:var(--wall-900);--emblem-bg:var(--wall-900)}.course-card__cover--wall .emblem{color:var(--paper-0)}.course-card__cover--gold{background:var(--tint-gold);--emblem-bg:var(--tint-gold)}.course-card__badge{z-index:1;top:12px;position:absolute;inset-inline-end:12px}.course-card__badge .badge{background:var(--surface);box-shadow:var(--shadow-1)}.course-card__badge .badge--live{background:var(--surface)}.course-card .emblem .sci-icon{transition:transform .7s var(--ease-out)}.course-card:hover .emblem .sci-icon{transform:scale(1.06)}.course-card:hover .course-card__cover img{transform:scale(1.04)}.course-card__body{flex-direction:column;flex:1;gap:10px;padding:18px 20px 20px;display:flex}.course-card__cat{font-size:var(--text-caption);color:var(--accent-text);font-weight:600}.course-card__title{font-family:var(--font-sans);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.0625rem;font-weight:600;line-height:1.55;display:-webkit-box;overflow:hidden}.course-card__teacher{font-size:var(--text-small);color:var(--text-muted)}.course-card__foot{border-top:1px solid var(--line-soft);font-size:var(--text-small);color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;display:flex}.course-card.is-ended .course-card__cover{filter:grayscale(.7)brightness(.85)}.course-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (max-width:1199px){.course-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1023px){.course-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.course-grid{grid-template-columns:1fr}.shelf{grid-auto-columns:82%}}.paths-tabs{flex-wrap:wrap;gap:8px;margin-bottom:48px;display:flex}.paths-tab{background:var(--surface);border:1px solid var(--line);color:var(--text-soft);cursor:pointer;height:42px;transition:border-color var(--t-quick) var(--ease-out), color var(--t-quick) var(--ease-out);border-radius:999px;padding:0 18px;font-weight:500;position:relative}.paths-tab:hover{border-color:var(--wall-300);color:var(--text)}.paths-tab[aria-selected=true]{border-color:var(--wall-900);color:var(--paper-0)}.paths-tab__pill{background:var(--wall-900);z-index:0;border-radius:999px;position:absolute;inset:-1px}.paths-tab>span:not(.paths-tab__pill){z-index:1;position:relative}.path-panel{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-1);grid-template-columns:.9fr 1.1fr;align-items:center;gap:64px;padding:clamp(24px,4vw,48px);display:grid}.path-panel h3{font-family:var(--font-display);font-size:var(--text-title);line-height:1.35}.path-panel p{color:var(--text-soft);margin-top:16px}.path-facts{font-size:var(--text-small);color:var(--text-muted);flex-wrap:wrap;gap:16px 32px;margin-top:24px;display:flex}.path-facts b{font-family:var(--font-num);color:var(--emphasis);font-size:1.5rem;font-weight:600;display:block}.chain{margin:0;padding:0;list-style:none;display:grid;position:relative}.chain__line{inset-inline-start:19px;width:2px;height:calc(100% - 40px);position:absolute;top:20px;overflow:visible}.chain__line path{stroke:var(--light-500);stroke-width:2px;fill:none;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.4s var(--ease-in-out) .15s}.js-motion .chain:not(.is-in) .chain__line path{stroke-dashoffset:1px}.chain li{grid-template-columns:40px 1fr auto;align-items:center;gap:16px;padding-block:12px;display:grid}.chain__node{background:var(--surface);border:1.5px solid var(--light-500);width:40px;height:40px;font-family:var(--font-num);color:var(--accent-text);z-index:1;border-radius:50%;place-items:center;font-size:.9375rem;font-weight:600;display:grid;position:relative}.chain li.is-open .chain__node,.chain li.is-done .chain__node{background:var(--wall-900);border-color:var(--wall-900);color:var(--light-400)}.chain li.is-current .chain__node{box-shadow:0 0 0 4px var(--light-500)}@supports (color:color-mix(in lab, red, red)){.chain li.is-current .chain__node{box-shadow:0 0 0 4px color-mix(in srgb, var(--light-500) 30%, transparent)}}.chain__title{font-weight:600;line-height:1.5}.chain__title a:hover{color:var(--emphasis)}.chain__title small{color:var(--text-muted);font-weight:400;font-size:var(--text-caption);display:block}.chain li.is-soon .chain__node{color:var(--text-muted);background:0 0;border-style:dashed}.chain li.is-soon .chain__title{color:var(--text-soft);font-weight:500}.chain__soon{font-size:var(--text-caption);color:var(--text-muted);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:2px 10px}.path-panel--levels{align-items:start}.path-levels{gap:28px;display:grid}.path-level+.path-level{border-top:1px solid var(--line);padding-top:24px}.path-level__head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.path-level__head h3{font-family:var(--font-display);font-size:1.25rem;line-height:1.4}.path-level__count{font-size:var(--text-caption);color:var(--text-muted);white-space:nowrap}.path-level__count.is-live{color:var(--success);font-weight:600}@media (max-width:860px){.path-panel{grid-template-columns:1fr;gap:32px}}.path-explorer{grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:start;gap:32px;display:grid}.path-explorer__info{gap:18px;display:grid}.path-explorer__title{font-family:var(--font-display);font-size:var(--text-title);line-height:1.35}.path-explorer__sub{color:var(--emphasis);margin-top:4px;font-weight:500}.path-explorer__desc{color:var(--text-soft);line-height:1.85}.path-explorer__facts{font-size:var(--text-small);color:var(--text-muted)}.path-explorer__progress{font-size:var(--text-small);color:var(--text-soft);gap:8px;display:grid}.path-explorer__progress b{color:var(--text);font-weight:600}.path-explorer .meter{background:var(--paper-3);border-radius:6px;height:6px;overflow:hidden}.path-explorer .meter i{background:var(--light-500);height:100%;transition:width .6s var(--ease-out);border-radius:6px;display:block}.path-explorer__levels{border-top:1px solid var(--line);gap:14px;padding-top:18px;display:grid}.path-explorer__levels h3{font-size:var(--text-small);color:var(--accent-text);margin-bottom:6px;font-weight:600}.path-explorer__levels ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.path-course{text-align:start;border-radius:var(--radius-md);cursor:pointer;width:100%;color:var(--text);min-height:44px;transition:background-color var(--t-quick) var(--ease-out);background:0 0;border:0;align-items:center;gap:10px;padding:9px 10px;font-size:.9375rem;display:flex}.path-course:hover,.path-course.is-on{background:var(--surface)}.path-course.is-on{box-shadow:inset 0 0 0 1px var(--light-500)}.path-course.is-soon{color:var(--text-muted)}.path-course small{font-size:var(--text-caption);color:var(--text-muted);white-space:nowrap;margin-inline-start:auto}.path-dot{border:1.5px solid var(--wall-700);border-radius:50%;flex:none;width:10px;height:10px}.path-dot--completed{background:var(--light-500);border-color:var(--light-500)}.path-dot--in-progress{background:linear-gradient(90deg, var(--light-500) 50%, transparent 50%);border-color:var(--light-500)}.path-dot--soon{border-style:dashed;border-color:var(--text-muted)}.stair-stage{background:radial-gradient(90% 110% at 50% 0%, #10474b 0%, var(--wall-900) 55%, var(--wall-950) 100%);touch-action:pan-y;border-radius:22px;height:600px;position:sticky;top:96px;overflow:hidden}.stair-stage canvas{cursor:grab;opacity:0;width:100%;height:100%;transition:opacity .4s var(--ease-out);display:block;position:absolute;inset:0}.stair-stage[data-ready] canvas{opacity:1}.stair-stage__loading{border:2px solid #c8b05840;border-top-color:var(--light-500);border-radius:50%;width:28px;height:28px;margin:auto;animation:.9s linear infinite stair-spin;position:absolute;inset:0}@keyframes stair-spin{to{transform:rotate(360deg)}}.stair-label{pointer-events:none;white-space:nowrap;color:var(--on-wall);background:#061b1cbf;border:1px solid #c8b05847;border-radius:999px;padding:3px 9px;font-size:.78rem;transition:opacity .25s;position:absolute;top:0;left:0}.stair-label--level{font-family:var(--font-display);color:var(--light-400);font-size:.85rem}.stair-label--me{background:var(--light-500);color:var(--wall-950);border-color:var(--light-500);font-weight:600}.stair-label.is-off{opacity:0}.stair-journey{color:var(--on-wall);border-radius:var(--radius-md);font-size:var(--text-caption);cursor:pointer;background:#061b1c99;border:1px solid #c8b05873;min-height:40px;padding:8px 14px;font-weight:500;position:absolute;inset:16px 16px auto auto}.stair-journey:hover{background:#061b1cd9}.stair-card{background:var(--paper-0);width:min(300px,100% - 32px);color:var(--ink);transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);border-radius:16px;gap:4px;padding:14px 16px;display:grid;position:absolute;inset:auto 16px 16px auto;box-shadow:0 20px 40px -12px #00000080}.stair-card.is-hidden{opacity:0;pointer-events:none;transform:translateY(8px)}.stair-card small{font-size:var(--text-caption);color:var(--ink-muted)}.stair-card b{font-size:1rem;font-weight:600;line-height:1.45}.stair-card__status{font-size:var(--text-caption);color:var(--wall-700);font-weight:500}.stair-card__status.is-completed{color:var(--light-800)}.stair-card__status.is-soon{color:var(--ink-muted)}.stair-card .btn{justify-self:start;margin-top:6px}@media (max-width:900px){.path-explorer{grid-template-columns:minmax(0,1fr);gap:20px}.stair-stage{border-radius:18px;order:-1;height:440px;position:relative;top:auto}}@media (max-width:640px){.stair-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;width:auto;padding:10px 12px;inset:auto 10px 10px}.stair-card small{display:none}.stair-card b{font-size:.95rem}.stair-card__status{grid-row:2}.stair-card .btn{grid-area:1/2/span 2;margin:0}}@media (prefers-reduced-motion:reduce){.stair-stage canvas,.stair-card,.path-explorer .meter i{transition:none}.stair-stage__loading{animation:none}}.teachers{grid-template-columns:1.35fr 1fr;gap:16px;display:grid}.teachers__side{gap:16px;display:grid}.teacher{grid-template-columns:96px 1fr;align-items:center;gap:24px;padding:16px;display:grid}.teacher__portrait{aspect-ratio:4/5;border-radius:var(--radius-md);background:var(--wall-900) url(/images/texture/plaster.svg);place-items:center;width:96px;display:grid;position:relative;overflow:hidden}.teacher__portrait img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease-out)}.teacher:hover .teacher__portrait img{transform:scale(1.04)}.teacher__portrait span{font-family:var(--font-display);color:var(--light-500);transition:transform var(--t-slow) var(--ease-out);font-size:2.5rem;line-height:1}.teacher:hover .teacher__portrait span{transform:scale(1.08)}.teacher__portrait:after{content:"";pointer-events:none;border:1px solid #c8b0584d;border-radius:6px;position:absolute;inset:6px}.teacher h3{font-family:var(--font-sans);font-size:1.0625rem;font-weight:600;line-height:1.5}.teacher p{font-size:var(--text-small);color:var(--text-muted);margin-top:2px}.teacher .teacher__count{color:var(--accent-text);font-weight:600;font-size:var(--text-caption);margin-top:10px}.teacher--feature{grid-template-columns:minmax(160px,42%) 1fr;align-items:stretch;padding:20px}.teacher--feature .teacher__portrait{aspect-ratio:auto;width:100%;height:100%;min-height:240px}.teacher--feature .teacher__portrait span{font-size:5rem}.teacher--feature .teacher__body{align-self:center}.teacher--feature h3{font-family:var(--font-display);font-size:var(--text-title);line-height:1.35}.teacher__bio{-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:44ch;display:-webkit-box;overflow:hidden;font-size:var(--text-body)!important;color:var(--text-soft)!important;margin-top:16px!important}.teacher-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:1023px){.teacher-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.teachers{grid-template-columns:1fr}.teacher--feature{grid-template-columns:120px 1fr}.teacher--feature .teacher__portrait{min-height:150px}.teacher--feature .teacher__portrait span{font-size:3rem}}@media (max-width:600px){.teacher-grid{grid-template-columns:1fr}}.proof{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.commitments{gap:32px;margin:0;display:grid}.commitments dt{align-items:center;gap:12px;font-size:1.0625rem;font-weight:600;display:flex}.commitments dt svg{width:20px;height:20px;color:var(--light-700);flex:none}.commitments dd{color:var(--text-soft);margin:6px 32px 0 0;font-size:.9375rem}.commitments dd a{font-size:var(--text-small)}.cert{background:var(--paper-0);box-shadow:var(--shadow-3);color:var(--ink);--text:var(--ink);--text-soft:var(--ink-soft);--text-muted:var(--ink-muted);--line:#d1dbd8;--surface:var(--paper-0);--action:var(--wall-900);--action-hover:var(--wall-700);--on-action:var(--paper-0);--accent-text:var(--light-800);border-radius:4px;padding:clamp(24px,4vw,44px);position:relative}.cert:before{content:"";border:1px solid var(--light-500);pointer-events:none;position:absolute;inset:10px}.cert__head{justify-content:space-between;align-items:center;gap:16px;display:flex}.cert__head img{width:auto;height:30px}.cert__serial{font-family:var(--font-mono);color:var(--text-muted);direction:ltr;font-size:.8125rem}.cert h3{margin-top:32px;font-size:1.5rem;line-height:1.45}.cert__chain{font-size:var(--text-small);color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;display:flex}.cert__chain i{background:var(--light-500);width:28px;height:1px;display:inline-block}.verify{gap:12px;margin-top:32px;display:flex;position:relative}.verify .input{text-align:right;font-family:var(--font-mono);direction:ltr}@media (max-width:860px){.proof{grid-template-columns:1fr}.verify{flex-direction:column}}.close-band{grid-template-columns:1fr auto;align-items:center;gap:32px;display:grid}.close-band h2{font-size:var(--text-headline);color:var(--paper-0);line-height:1.3}.close-band p{color:#cfdddb;margin-top:12px}@media (max-width:760px){.close-band{grid-template-columns:1fr}.close-band .row{flex-direction:column;align-items:stretch}}.toolbar{border-bottom:1px solid var(--line);top:var(--header-h);background:var(--bg);z-index:5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding-block:16px;display:flex;position:sticky}.chips--scroll{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.chips--scroll::-webkit-scrollbar{display:none}.course-head{padding-block:64px 48px}.course-head__grid{grid-template-columns:1fr 380px;align-items:start;gap:64px;min-height:340px;display:grid}.course-head h1{font-size:var(--text-headline);color:var(--paper-0);line-height:1.3}.course-head .t-lead{color:#cfdddb;margin-top:16px}.teacher-chip{align-items:center;gap:12px;margin-top:24px;display:inline-flex}.facts{font-size:var(--text-small);color:var(--on-wall-muted);border-top:1px solid #a9c2c029;flex-wrap:wrap;gap:8px 32px;margin-top:32px;padding-top:24px;display:flex}.facts span{align-items:center;gap:8px;display:inline-flex}.facts svg{width:17px;height:17px;color:var(--light-500)}.enroll{background:var(--paper-0);color:var(--ink);border-radius:var(--radius-xl);box-shadow:var(--shadow-3);--text:var(--ink);--text-soft:var(--ink-soft);--text-muted:var(--ink-muted);--line:#d1dbd8;--line-soft:#0d53571f;--surface:var(--paper-0);--surface-sunk:var(--paper-2);--action:var(--wall-900);--action-hover:var(--wall-700);--on-action:var(--paper-0);--accent-text:var(--light-800);--success:#1f7a55;--live:#b5472f;overflow:hidden}.enroll__media{aspect-ratio:4/5;background:var(--wall-900) url(/images/texture/plaster.svg);place-items:center;max-height:78vh;display:grid;position:relative;overflow:hidden}.enroll__media.is-playing{aspect-ratio:16/9;background:#000}.enroll__media:fullscreen{aspect-ratio:auto;background:#000;width:100%;height:100%;max-height:none}.enroll__media img{object-fit:contain;width:100%;height:100%}.enroll__media .emblem{--emblem-size:30%;color:var(--paper-0);--emblem-bg:var(--wall-900)}.play{cursor:pointer;width:64px;height:64px;transition:transform var(--t-base) var(--ease-out);box-shadow:var(--shadow-2);background:#fbfcfaf0;border:0;border-radius:50%;place-items:center;margin:auto;display:grid;position:absolute;inset:0}.play:hover{transform:scale(1.06)}.enroll__media .play{inset:auto auto 16px;margin:0;inset-inline-end:16px}.play svg{width:24px;height:24px;color:var(--wall-900);margin-inline-end:-3px}.enroll__body{gap:16px;padding:24px;display:grid}.enroll__price{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.enroll__price .price{font-size:2.25rem}.includes{font-size:var(--text-small);color:var(--ink-soft);gap:10px;margin:0;padding:0;list-style:none;display:grid}.includes li{align-items:center;gap:10px;display:flex}.includes svg{width:17px;height:17px;color:var(--success);flex:none}.secure{font-size:var(--text-caption);color:var(--ink-muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.secure svg{width:15px;height:15px}.course-body{grid-template-columns:1fr 380px;gap:64px;display:grid}.course-body>*,.course-head__grid>*,.learn>*,.dash-grid>*,.article-layout>*{min-width:0}.course-body aside .enroll{top:min(86px, calc(100vh - var(--enroll-h,0px) - 24px));margin-top:-360px;position:sticky}.anchor-nav{border-bottom:1px solid var(--line);top:var(--header-h);background:var(--bg);z-index:4;scrollbar-width:none;gap:24px;margin-bottom:48px;display:flex;position:sticky;overflow-x:auto}.anchor-nav a{color:var(--text-muted);white-space:nowrap;transition:color var(--t-quick) var(--ease-out), border-color var(--t-quick) var(--ease-out);border-bottom:2px solid #0000;padding:16px 2px;font-weight:500}.anchor-nav a:hover{color:var(--text)}.anchor-nav a[aria-current=true]{color:var(--text);border-color:var(--light-500)}.outcomes{grid-template-columns:1fr 1fr;gap:16px 32px;margin:0;padding:0;list-style:none;display:grid}.outcomes li{color:var(--text-soft);align-items:flex-start;gap:12px;display:flex}.outcomes svg{width:18px;height:18px;color:var(--light-700);flex:none;margin-top:6px}.lessons{margin:0 0 16px;padding:0;list-style:none}.lessons li{color:var(--text-soft);border-top:1px solid var(--line-soft);grid-template-columns:22px 1fr auto;align-items:center;gap:12px;padding:12px 0;font-size:.9375rem;display:grid}.lessons svg{width:17px;height:17px;color:var(--text-muted)}.lessons .free{color:var(--success);font-size:var(--text-caption);font-weight:600}.mobile-buy{display:none}@media (max-width:1023px){.course-head__grid,.course-body{grid-template-columns:1fr}.course-body aside .enroll{margin:0;position:static}.course-head__grid{min-height:0}.course-body aside{order:-1}.outcomes{grid-template-columns:1fr}.mobile-buy{z-index:30;padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));background:var(--paper-0);color:var(--ink);border-top:1px solid var(--line);inset-inline:0;justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;bottom:0;box-shadow:0 -8px 24px -12px #0a2a2c40}}.learn-bar{height:60px;padding-inline:var(--gutter);background:var(--wall-950);color:var(--on-wall);z-index:30;border-bottom:1px solid #a9c2c01a;align-items:center;gap:16px;display:flex;position:sticky;top:0}.learn-bar a{color:var(--on-wall-muted);font-size:var(--text-small);flex:none;align-items:center;gap:8px;display:inline-flex}.learn-bar a:hover{color:var(--paper-0)}.learn-bar svg{width:18px;height:18px}.learn-bar__title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.9375rem;font-weight:600;overflow:hidden}.learn-bar__progress{font-size:var(--text-caption);color:var(--on-wall-muted);flex:none;align-items:center;gap:12px;margin-inline-start:auto;display:flex}.dash-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;padding-block:48px 32px;display:flex}.dash-head h1{font-size:var(--text-headline);line-height:1.3}.resume{grid-template-columns:300px 1fr;display:grid;overflow:hidden}.resume__cover{background:var(--tint-gold);place-items:center;min-height:200px;display:grid;position:relative;overflow:hidden}.resume__cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.resume__cover .emblem{--emblem-size:42%;--emblem-bg:var(--tint-gold)}.resume__body{align-content:center;gap:12px;padding:clamp(20px,3vw,32px);display:grid}.resume__body h2{font-family:var(--font-sans);font-size:1.375rem;font-weight:600;line-height:1.45}.dash-grid{grid-template-columns:1fr 340px;gap:32px;margin-top:32px;display:grid}.progress-list{margin:0;padding:0;list-style:none}.progress-list li{border-bottom:1px solid var(--line);grid-template-columns:72px 1fr 150px auto;align-items:center;gap:24px;padding:16px 0;display:grid}.progress-list .thumb{aspect-ratio:1;border-radius:var(--radius-md);background:var(--tint-teal);place-items:center;width:72px;display:grid;position:relative;overflow:hidden}.progress-list .thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.progress-list .thumb .emblem{--emblem-size:62%;--emblem-bg:var(--tint-teal)}.progress-list h3{font-family:var(--font-sans);font-size:1rem;font-weight:600;line-height:1.5}.progress-list .meter{width:100%}@media (max-width:960px){.resume,.dash-grid{grid-template-columns:1fr}.progress-list li{grid-template-columns:56px 1fr;gap:8px 16px}.progress-list li>:nth-child(3),.progress-list li>:nth-child(4){grid-column:2}.progress-list .thumb{width:56px}}.auth{isolation:isolate;background:var(--wall-950);min-height:100svh;color:var(--text);flex-direction:column;display:flex;position:relative}.auth__band{position:absolute;inset:0}.auth__wall{isolation:isolate;z-index:-1;background:radial-gradient(70% 60% at 50% 40%, #0d5357d9, #0a2a2c73 55%, transparent 85%), var(--wall-950);position:absolute;inset:0;overflow:hidden}.auth__girih{width:100%;height:100%;color:var(--light-500);opacity:.2;position:absolute;inset:0;-webkit-mask-image:radial-gradient(62% 72% at 50% 46%,#0000 40%,#000 92%);mask-image:radial-gradient(62% 72% at 50% 46%,#0000 40%,#000 92%)}.auth__top{z-index:2;height:88px;padding-inline:max(var(--gutter), 28px);justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.auth__back{min-height:44px;font-size:var(--text-small);color:var(--on-wall-muted);transition:color var(--t-quick) var(--ease-out);align-items:center;gap:8px;padding-inline:4px;display:inline-flex}.auth__back:hover,.auth__back:focus-visible{color:var(--on-wall)}.auth__stage{z-index:1;padding:16px var(--gutter) 56px;flex:1;align-content:center;justify-items:center;gap:28px;margin-top:88px;display:grid;position:relative}.auth__card{background:var(--surface);width:min(100%,460px);color:var(--text);border-radius:var(--radius-xl);gap:24px;padding:clamp(28px,1.5rem + 1vw,40px);display:grid;box-shadow:0 40px 80px -24px #0000008c,0 0 0 1px #c8b0583d}.auth__card h1{font-size:var(--text-title);line-height:1.35}.js-motion .auth__card{animation:auth-rise var(--t-focal) var(--ease-out) both}@keyframes auth-rise{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.or{font-size:var(--text-caption);color:var(--text-muted);align-items:center;gap:16px;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.auth__verse{text-align:center;color:var(--paper-0);margin:0}.auth__verse p{font-size:clamp(1.25rem,1.1rem + .6vw,1.625rem)}.auth__verse cite{font-style:normal;font-size:var(--text-caption);color:var(--on-wall-muted);display:block}.auth__verse--band{display:none}@media (max-width:640px){.auth{background:var(--surface)}.auth__band{justify-items:center;padding-bottom:44px;display:grid;position:relative}.auth__girih{-webkit-mask-image:linear-gradient(#000,#0000 92%);mask-image:linear-gradient(#000,#0000 92%)}.auth__top{width:100%;height:72px;padding-inline:var(--gutter)}.auth__verse--band{display:block}.auth__verse--band p{font-size:1.25rem;line-height:2}.auth__verse--stage{display:none}.auth__stage{align-content:start;gap:0;margin-top:-28px;padding:0}.auth__card{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;box-shadow:none;padding:28px var(--gutter) 40px}.js-motion .auth__card{animation-name:auth-sheet}@keyframes auth-sheet{0%{transform:translateY(24px)}to{transform:none}}}.article-layout{grid-template-columns:240px 1fr;align-items:start;gap:64px;display:grid}.toc{font-size:var(--text-small);gap:4px;display:grid;position:sticky;top:100px}.toc a{border-inline-start:2px solid var(--line);color:var(--text-muted);transition:color var(--t-quick) var(--ease-out), border-color var(--t-quick) var(--ease-out);padding:8px 12px}.toc a[aria-current=true],.toc a:hover{color:var(--text);border-color:var(--light-500)}.prose-ar{max-width:68ch}.prose-ar h2{font-family:var(--font-display);font-size:var(--text-title);margin:64px 0 16px;line-height:1.35}.prose-ar>:first-child,.prose-ar>:first-child h2:first-child,.prose-ar>p.t-caption+section h2:first-child,.prose-ar section h2:first-child{margin-top:0}.prose-ar section+section{margin-top:64px}.prose-ar h3{margin:32px 0 8px;font-size:1.125rem}.prose-ar p,.prose-ar li{color:var(--text-soft)}.prose-ar p+p{margin-top:16px}.prose-ar ul,.prose-ar ol{gap:8px;margin-top:12px;padding-inline-start:1.25rem;display:grid}.prose-ar ul{list-style:outside}.prose-ar ol{list-style:decimal}.prose-ar li::marker{color:var(--light-700)}.prose-ar a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--light-500);-webkit-text-decoration-color:var(--light-500);-webkit-text-decoration-color:var(--light-500);text-decoration-color:var(--light-500);text-underline-offset:5px;font-weight:600}.prose-ar blockquote{background:var(--surface-sunk);border-radius:var(--radius-lg);font-family:var(--font-quran);text-align:center;color:var(--emphasis);margin:32px 0;padding:24px 32px;font-size:1.5rem;line-height:2.1}.prose-ar blockquote cite{font-family:var(--font-sans);font-size:var(--text-caption);color:var(--text-muted);font-style:normal;display:block}@media (max-width:860px){.article-layout{grid-template-columns:1fr;gap:32px}.toc{scrollbar-width:none;display:flex;position:static;overflow-x:auto}.toc a{white-space:nowrap;border-inline-start:0;border-bottom:2px solid var(--line)}}.table-wrap{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);position:relative;overflow-x:auto}table.data-table{border-collapse:collapse;width:100%;font-size:.9375rem}.data-table th{text-align:start;font-weight:600;font-size:var(--text-caption);color:var(--text-muted);background:var(--surface-sunk);white-space:nowrap;padding:12px 16px}.data-table td{border-top:1px solid var(--line-soft);vertical-align:middle;padding:14px 16px}.data-table tbody tr{transition:background-color var(--t-quick) var(--ease-out)}.data-table tbody tr:hover{background:var(--paper-2)}@supports (color:color-mix(in lab, red, red)){.data-table tbody tr:hover{background:color-mix(in srgb, var(--paper-2) 45%, transparent)}}:root[data-theme=dark] .bento--quran{background:var(--wall-800)}.learn{flex:1;grid-template-columns:1fr 360px;min-height:calc(100svh - 60px);display:grid}.learn__main{padding:24px var(--gutter) 64px;min-width:0}.player{aspect-ratio:16/9;border-radius:var(--radius-lg);background:#0e1412;place-items:center;display:grid;position:relative;overflow:hidden}.player--protected{-webkit-user-select:none;user-select:none}.player--protected[data-fullscreen]{aspect-ratio:auto;border-radius:0;width:100vw;height:100vh}.player__mark{z-index:2;pointer-events:none;font:500 12px/1.4 var(--font-sans);color:#ffffff57;text-shadow:0 1px 2px #00000059;white-space:nowrap;transition:top 1.2s var(--ease-out), inset-inline-start 1.2s var(--ease-out);direction:ltr;position:absolute}.player__resume{z-index:3;color:var(--on-wall);border-radius:var(--radius-md);font-size:var(--text-small);inset-inline-start:14px;background:#061b1cdb;border:1px solid #c8b05859;align-items:center;gap:10px;padding:8px 10px 8px 14px;display:flex;position:absolute;bottom:58px}.player__resume button{color:var(--light-400);align-items:center;gap:6px;min-height:32px;font-weight:600;display:inline-flex}.player__resume svg{width:15px;height:15px}.player__full{z-index:3;border-radius:var(--radius-md);width:38px;height:38px;color:var(--on-wall);opacity:.75;transition:opacity var(--t-quick) var(--ease-out), background-color var(--t-quick) var(--ease-out);top:10px;background:#061b1c8c;place-items:center;display:grid;position:absolute;inset-inline-end:10px}.player__full:hover,.player__full:focus-visible{opacity:1;background:#061b1cd9}.player__full svg{width:18px;height:18px}.player__end{z-index:4;text-align:center;color:var(--on-wall);background:#061b1ce6;align-content:center;place-items:center;gap:14px;padding:24px;display:grid;position:absolute;inset:0}.player__end h2{font-family:var(--font-display);font-size:var(--text-title);color:var(--paper-0);line-height:1.35}.player__end p{color:var(--on-wall-muted);max-width:44ch}.quiz{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.quiz__head{border-bottom:1px solid var(--line);background:var(--surface-sunk);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.quiz__head h2{font-family:var(--font-sans);font-size:1rem;font-weight:600}.quiz__head p{font-size:var(--text-caption);color:var(--text-muted)}.quiz__steps{gap:4px;display:flex}.quiz__steps i{background:var(--paper-3);border-radius:4px;width:22px;height:4px}.quiz__steps i[data-state=done]{background:var(--wall-700)}.quiz__steps i[data-state=current]{background:var(--light-500)}.quiz__steps i[data-state=right]{background:var(--success)}.quiz__steps i[data-state=wrong]{background:var(--danger)}.quiz__body{gap:18px;padding:clamp(20px,3vw,32px);display:grid}.quiz__prompt{font-size:1.25rem;font-weight:600;line-height:1.7}.quiz__hint{font-size:var(--text-small);color:var(--text-muted);margin-top:-4px}.quiz__options{gap:10px;display:grid}.quiz__option{border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;min-height:56px;transition:border-color var(--t-quick) var(--ease-out), background-color var(--t-quick) var(--ease-out);align-items:center;gap:14px;padding:12px 16px;display:flex}.quiz__option:hover{border-color:var(--light-600)}.quiz__option:has(input:checked){border-color:var(--wall-700);background:var(--tint-teal)}.quiz__option:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.quiz__option input{width:18px;height:18px;accent-color:var(--wall-700);flex:none}.quiz__option[data-result=right]{border-color:var(--success);background:var(--success)}@supports (color:color-mix(in lab, red, red)){.quiz__option[data-result=right]{background:color-mix(in srgb, var(--success) 8%, var(--surface))}}.quiz__option[data-result=wrong]{border-color:var(--danger);background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.quiz__option[data-result=wrong]{background:color-mix(in srgb, var(--danger) 7%, var(--surface))}}.quiz__nav{border-top:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:6px;display:flex}.quiz__score{text-align:center;justify-items:center;gap:6px;padding-block:8px;display:grid}.quiz__score b{font-family:var(--font-num);color:var(--emphasis);font-size:3rem;font-weight:600;line-height:1.1}.quiz__score[data-passed=false] b{color:var(--danger)}.quiz__review{gap:8px;display:grid}.quiz__review li{border-radius:var(--radius-md);background:var(--surface-sunk);gap:4px;padding:12px 14px;list-style:none;display:grid}.quiz__review li p{font-size:var(--text-small);color:var(--text-soft)}.quiz__review ol{gap:8px;margin:0;padding:0;display:grid}.lesson-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-top:32px;display:flex}.lesson-head h1{font-family:var(--font-sans);margin-top:4px;font-size:1.5rem;font-weight:600;line-height:1.45}.learn__side{border-inline-start:1px solid var(--line);background:var(--surface);max-height:calc(100svh - 60px);position:sticky;top:60px;overflow-y:auto}.side-section h2{font-family:var(--font-sans);color:var(--text-muted);padding:18px 20px 8px;font-size:.8125rem;font-weight:600}.side-lessons{margin:0;padding:0 8px 16px;list-style:none}.side-lessons button{border-radius:var(--radius-md);width:100%;color:var(--text-soft);cursor:pointer;text-align:start;transition:background-color var(--t-quick) var(--ease-out), color var(--t-quick) var(--ease-out);background:0 0;border:0;grid-template-columns:24px 1fr auto;align-items:center;gap:12px;padding:12px;font-size:.9375rem;display:grid}.side-lessons button:hover:not(:disabled){background:var(--surface-sunk)}.side-lessons button:disabled{opacity:.55;cursor:not-allowed}.side-lessons button[aria-current=true],.side-lessons button[aria-current=true]:hover{background:var(--wall-900);color:var(--paper-0)}.side-lessons button[aria-current=true] small{color:var(--on-wall-muted)}.side-lessons small{font-size:var(--text-caption);color:var(--text-muted)}.side-lessons svg{width:18px;height:18px}.side-lessons .done svg{color:var(--success)}.side-lessons button[aria-current=true] svg{color:var(--light-400)}@media (max-width:1023px){.learn{grid-template-columns:1fr}.learn__side{border-inline-start:0;border-top:1px solid var(--line);max-height:none;position:static}}.admin{background:var(--bg);grid-template-columns:260px 1fr;min-height:100svh;display:grid}.admin__side{background:var(--wall-900);color:var(--on-wall);flex-direction:column;gap:32px;height:100svh;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.admin__side--sheet{z-index:60;width:auto;height:100svh;padding:20px var(--gutter) 32px;position:fixed;inset:0}.admin__brand{align-items:center;gap:10px;padding:4px 10px;display:flex}.admin__brand img{width:34px;height:34px}.admin__brand b{font-family:var(--font-display);color:var(--paper-0);font-size:1.0625rem;font-weight:600;line-height:1.2;display:block}.admin__brand small{color:var(--on-wall-muted);font-size:.6875rem;font-weight:400;display:block}.admin-nav{gap:2px;display:grid}.admin-nav a{border-radius:var(--radius-md);min-height:44px;color:var(--on-wall-muted);transition:background-color .15s var(--ease-out), color .15s var(--ease-out);align-items:center;gap:12px;padding:0 12px;font-size:.9375rem;display:flex;position:relative}.admin-nav a svg{flex:none;width:19px;height:19px}.admin-nav a:hover{color:var(--paper-0);background:#a9c2c00f}.admin-nav a[aria-current=page]{color:var(--paper-0);background:#c8b0581f}.admin-nav a[aria-current=page]:before{content:"";background:var(--light-500);inset-inline-start:-14px;border-radius:3px 0 0 3px;width:3px;position:absolute;top:10px;bottom:10px}.admin__side .foot{font-size:var(--text-small);border-top:1px solid #a9c2c01f;align-items:center;gap:10px;margin-top:auto;padding-top:16px;display:flex}.admin__top{border-bottom:1px solid var(--line);background:var(--surface);z-index:10;align-items:center;gap:16px;height:64px;padding-inline:clamp(16px,3vw,36px);display:flex;position:sticky;top:0}.admin__main{padding:clamp(20px,3vw,36px)}.admin__title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.admin__title h1{font-size:1.75rem;line-height:1.4}.kpis{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.kpi{gap:6px;padding:18px 20px;display:grid}.kpi span{font-size:var(--text-small);color:var(--text-muted)}.kpi b{font-family:var(--font-num);font-size:1.875rem;font-weight:600;line-height:1.3}.kpi small{font-size:var(--text-caption);color:var(--success);align-items:center;gap:6px;display:flex}.admin-grid{grid-template-columns:1.6fr 1fr;gap:16px;margin-top:16px;display:grid}.panel{padding:20px}.admin__menu{display:none!important}.admin .btn,.admin .chip,.admin .input,.admin .select,.admin .textarea,.admin .card{transition-duration:.15s}.admin .card:hover{transform:none}@media (max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}}@media (max-width:860px){.admin{grid-template-columns:1fr}.admin>.admin__side{display:none}.admin__menu{display:inline-grid!important}.admin__top .btn span.lbl{display:none}}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.start-4{inset-inline-start:calc(var(--spacing) * 4)}.end-0{inset-inline-end:calc(var(--spacing) * 0)}.end-8{inset-inline-end:calc(var(--spacing) * 8)}.end-\[max\(1rem\,env\(safe-area-inset-right\)\)\]{inset-inline-end:max(1rem, env(safe-area-inset-right))}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-\[calc\(100\%\+10px\)\]{top:calc(100% + 10px)}.right-0\.5{right:calc(var(--spacing) * .5)}.right-3{right:calc(var(--spacing) * 3)}.-bottom-2{bottom:calc(var(--spacing) * -2)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-\[max\(1rem\,env\(safe-area-inset-bottom\)\)\]{bottom:max(1rem, env(safe-area-inset-bottom))}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[5\]{z-index:5}.z-\[60\]{z-index:60}.z-\[90\]{z-index:90}.z-\[95\]{z-index:95}.z-\[100\]{z-index:100}.order-3{order:3}.col-span-6{grid-column:span 6/span 6}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-m-1{margin:calc(var(--spacing) * -1)}.-m-2{margin:calc(var(--spacing) * -2)}.m-0{margin:calc(var(--spacing) * 0)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-6{margin-block:calc(var(--spacing) * 6)}.ms-1{margin-inline-start:calc(var(--spacing) * 1)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.ms-auto{margin-inline-start:auto}.me-1\.5{margin-inline-end:calc(var(--spacing) * 1.5)}.me-2{margin-inline-end:calc(var(--spacing) * 2)}.\!mt-0{margin-top:calc(var(--spacing) * 0)!important}.-mt-2{margin-top:calc(var(--spacing) * -2)}.-mt-16{margin-top:calc(var(--spacing) * -16)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-20{margin-top:calc(var(--spacing) * 20)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-auto{margin-right:auto}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.mb-\[-36px\]{margin-bottom:-36px}.\!line-clamp-none{-webkit-line-clamp:unset!important;-webkit-box-orient:horizontal!important;display:block!important;overflow:visible!important}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-video{aspect-ratio:var(--aspect-video)}.\!size-8{width:calc(var(--spacing) * 8)!important;height:calc(var(--spacing) * 8)!important}.\!size-9{width:calc(var(--spacing) * 9)!important;height:calc(var(--spacing) * 9)!important}.\!size-16{width:calc(var(--spacing) * 16)!important;height:calc(var(--spacing) * 16)!important}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.\!h-8{height:calc(var(--spacing) * 8)!important}.\!h-10{height:calc(var(--spacing) * 10)!important}.\!h-auto{height:auto!important}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-28{height:calc(var(--spacing) * 28)}.h-40{height:calc(var(--spacing) * 40)}.h-44{height:calc(var(--spacing) * 44)}.h-48{height:calc(var(--spacing) * 48)}.h-\[18px\]{height:18px}.h-\[30px\]{height:30px}.h-\[50px\]{height:50px}.h-\[100dvh\]{height:100dvh}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-52{max-height:calc(var(--spacing) * 52)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-\[90svh\]{max-height:90svh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[400px\]{max-height:400px}.max-h-\[480px\]{max-height:480px}.min-h-\[50vh\]{min-height:50vh}.min-h-\[70svh\]{min-height:70svh}.min-h-\[70vh\]{min-height:70vh}.min-h-\[80px\]{min-height:80px}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[100px\]{min-height:100px}.min-h-\[520px\]{min-height:520px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.\!w-\[22\%\]{width:22%!important}.\!w-\[72px\]{width:72px!important}.\!w-\[96px\]{width:96px!important}.\!w-auto{width:auto!important}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/2{width:50%}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-4\/5{width:80%}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-9\/12{width:75%}.w-10{width:calc(var(--spacing) * 10)}.w-10\/12{width:83.3333%}.w-11{width:calc(var(--spacing) * 11)}.w-11\/12{width:91.6667%}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-\[18px\]{width:18px}.w-\[46\%\]{width:46%}.w-\[calc\(33\%-1rem\)\]{width:calc(33% - 1rem)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[38ch\]{max-width:38ch}.max-w-\[48px\]{max-width:48px}.max-w-\[65ch\]{max-width:65ch}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-\[560px\]{max-width:560px}.max-w-\[640px\]{max-width:640px}.max-w-\[760px\]{max-width:760px}.max-w-\[880px\]{max-width:880px}.max-w-\[960px\]{max-width:960px}.max-w-\[1400px\]{max-width:1400px}.max-w-\[min\(280px\,calc\(100vw-2\.5rem\)\)\]{max-width:min(280px,100vw - 2.5rem)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[3rem\]{min-width:3rem}.min-w-\[11rem\]{min-width:11rem}.min-w-\[140px\]{min-width:140px}.min-w-\[180px\]{min-width:180px}.min-w-\[560px\]{min-width:560px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-full{flex-basis:100%}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-\[1px\]{--tw-translate-y:calc(1px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-\[\.98\],.scale-\[0\.98\]{scale:.98}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.touch-manipulation{touch-action:manipulation}.resize{resize:both}.resize-none{resize:none}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.scroll-mt-28{scroll-margin-top:calc(var(--spacing) * 28)}.scroll-mt-32{scroll-margin-top:calc(var(--spacing) * 32)}.scrollbar-thin{scrollbar-width:thin}.\!list-none{list-style-type:none!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-center{justify-items:center}.justify-items-end{justify-items:end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-16{gap:calc(var(--spacing) * 16)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-line>:not(:last-child)){border-color:var(--line)}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:14px}.rounded-md{border-radius:10px}.rounded-none{border-radius:0}.rounded-sm{border-radius:6px}.rounded-xl{border-radius:22px}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.rounded-t-lg{border-top-left-radius:14px;border-top-right-radius:14px}.rounded-t-sm{border-top-left-radius:6px;border-top-right-radius:6px}.rounded-t-xl{border-top-left-radius:22px;border-top-right-radius:22px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.\!border-\[rgba\(169\,194\,192\,0\.2\)\]{border-color:#a9c2c033!important}.border-\[rgba\(169\,194\,192\,0\.12\)\]{border-color:#a9c2c01f}.border-danger\/30{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.border-danger\/30{border-color:color-mix(in oklab, var(--danger) 30%, transparent)}}.border-danger\/40{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.border-danger\/40{border-color:color-mix(in oklab, var(--danger) 40%, transparent)}}.border-danger\/50{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.border-danger\/50{border-color:color-mix(in oklab, var(--danger) 50%, transparent)}}.border-light-500,.border-light-500\/25{border-color:var(--light-500)}@supports (color:color-mix(in lab, red, red)){.border-light-500\/25{border-color:color-mix(in oklab, var(--light-500) 25%, transparent)}}.border-light-500\/30{border-color:var(--light-500)}@supports (color:color-mix(in lab, red, red)){.border-light-500\/30{border-color:color-mix(in oklab, var(--light-500) 30%, transparent)}}.border-light-500\/40{border-color:var(--light-500)}@supports (color:color-mix(in lab, red, red)){.border-light-500\/40{border-color:color-mix(in oklab, var(--light-500) 40%, transparent)}}.border-line{border-color:var(--line)}.border-line-soft{border-color:var(--line-soft)}.border-line\/60{border-color:var(--line)}@supports (color:color-mix(in lab, red, red)){.border-line\/60{border-color:color-mix(in oklab, var(--line) 60%, transparent)}}.border-line\/70{border-color:var(--line)}@supports (color:color-mix(in lab, red, red)){.border-line\/70{border-color:color-mix(in oklab, var(--line) 70%, transparent)}}.border-line\/80{border-color:var(--line)}@supports (color:color-mix(in lab, red, red)){.border-line\/80{border-color:color-mix(in oklab, var(--line) 80%, transparent)}}.border-success\/30{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.border-success\/30{border-color:color-mix(in oklab, var(--success) 30%, transparent)}}.border-success\/60{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.border-success\/60{border-color:color-mix(in oklab, var(--success) 60%, transparent)}}.border-transparent{border-color:#0000}.border-wall-400{border-color:var(--wall-400)}.border-wall-700,.border-wall-700\/30{border-color:var(--wall-700)}@supports (color:color-mix(in lab, red, red)){.border-wall-700\/30{border-color:color-mix(in oklab, var(--wall-700) 30%, transparent)}}.border-wall-900{border-color:var(--wall-900)}.border-warning\/30{border-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.border-warning\/30{border-color:color-mix(in oklab, var(--warning) 30%, transparent)}}.border-warning\/50{border-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.border-warning\/50{border-color:color-mix(in oklab, var(--warning) 50%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.\!bg-transparent{background-color:#0000!important}.bg-\[\#25D366\]{background-color:#25d366}.bg-\[\#25D366\]\/40{background-color:#25d36666;background-color:lab(74.7716% -60.9651 41.133/.4)}.bg-\[rgba\(169\,194\,192\,0\.2\)\]{background-color:#a9c2c033}.bg-action,.bg-action\/50{background-color:var(--action)}@supports (color:color-mix(in lab, red, red)){.bg-action\/50{background-color:color-mix(in oklab, var(--action) 50%, transparent)}}.bg-amber-50{background-color:var(--color-amber-50)}.bg-bg,.bg-bg\/30{background-color:var(--bg)}@supports (color:color-mix(in lab, red, red)){.bg-bg\/30{background-color:color-mix(in oklab, var(--bg) 30%, transparent)}}.bg-bg\/50{background-color:var(--bg)}@supports (color:color-mix(in lab, red, red)){.bg-bg\/50{background-color:color-mix(in oklab, var(--bg) 50%, transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-danger,.bg-danger\/5{background-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.bg-danger\/5{background-color:color-mix(in oklab, var(--danger) 5%, transparent)}}.bg-danger\/10{background-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.bg-danger\/10{background-color:color-mix(in oklab, var(--danger) 10%, transparent)}}.bg-light-200\/20{background-color:var(--light-200)}@supports (color:color-mix(in lab, red, red)){.bg-light-200\/20{background-color:color-mix(in oklab, var(--light-200) 20%, transparent)}}.bg-light-500,.bg-light-500\/10{background-color:var(--light-500)}@supports (color:color-mix(in lab, red, red)){.bg-light-500\/10{background-color:color-mix(in oklab, var(--light-500) 10%, transparent)}}.bg-light-500\/20{background-color:var(--light-500)}@supports (color:color-mix(in lab, red, red)){.bg-light-500\/20{background-color:color-mix(in oklab, var(--light-500) 20%, transparent)}}.bg-light-500\/25{background-color:var(--light-500)}@supports (color:color-mix(in lab, red, red)){.bg-light-500\/25{background-color:color-mix(in oklab, var(--light-500) 25%, transparent)}}.bg-line,.bg-line\/40{background-color:var(--line)}@supports (color:color-mix(in lab, red, red)){.bg-line\/40{background-color:color-mix(in oklab, var(--line) 40%, transparent)}}.bg-paper-0{background-color:var(--paper-0)}.bg-paper-3{background-color:var(--paper-3)}.bg-red-600{background-color:var(--color-red-600)}.bg-success,.bg-success\/10{background-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.bg-success\/10{background-color:color-mix(in oklab, var(--success) 10%, transparent)}}.bg-success\/15{background-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.bg-success\/15{background-color:color-mix(in oklab, var(--success) 15%, transparent)}}.bg-surface{background-color:var(--surface)}.bg-surface-sunk,.bg-surface-sunk\/30{background-color:var(--surface-sunk)}@supports (color:color-mix(in lab, red, red)){.bg-surface-sunk\/30{background-color:color-mix(in oklab, var(--surface-sunk) 30%, transparent)}}.bg-surface-sunk\/40{background-color:var(--surface-sunk)}@supports (color:color-mix(in lab, red, red)){.bg-surface-sunk\/40{background-color:color-mix(in oklab, var(--surface-sunk) 40%, transparent)}}.bg-surface-sunk\/50{background-color:var(--surface-sunk)}@supports (color:color-mix(in lab, red, red)){.bg-surface-sunk\/50{background-color:color-mix(in oklab, var(--surface-sunk) 50%, transparent)}}.bg-surface-sunk\/60{background-color:var(--surface-sunk)}@supports (color:color-mix(in lab, red, red)){.bg-surface-sunk\/60{background-color:color-mix(in oklab, var(--surface-sunk) 60%, transparent)}}.bg-surface\/40{background-color:var(--surface)}@supports (color:color-mix(in lab, red, red)){.bg-surface\/40{background-color:color-mix(in oklab, var(--surface) 40%, transparent)}}.bg-surface\/50{background-color:var(--surface)}@supports (color:color-mix(in lab, red, red)){.bg-surface\/50{background-color:color-mix(in oklab, var(--surface) 50%, transparent)}}.bg-surface\/80{background-color:var(--surface)}@supports (color:color-mix(in lab, red, red)){.bg-surface\/80{background-color:color-mix(in oklab, var(--surface) 80%, transparent)}}.bg-surface\/95{background-color:var(--surface)}@supports (color:color-mix(in lab, red, red)){.bg-surface\/95{background-color:color-mix(in oklab, var(--surface) 95%, transparent)}}.bg-tint-gold,.bg-tint-gold\/60{background-color:var(--tint-gold)}@supports (color:color-mix(in lab, red, red)){.bg-tint-gold\/60{background-color:color-mix(in oklab, var(--tint-gold) 60%, transparent)}}.bg-tint-teal,.bg-tint-teal\/30{background-color:var(--tint-teal)}@supports (color:color-mix(in lab, red, red)){.bg-tint-teal\/30{background-color:color-mix(in oklab, var(--tint-teal) 30%, transparent)}}.bg-tint-teal\/50{background-color:var(--tint-teal)}@supports (color:color-mix(in lab, red, red)){.bg-tint-teal\/50{background-color:color-mix(in oklab, var(--tint-teal) 50%, transparent)}}.bg-wall-400{background-color:var(--wall-400)}.bg-wall-700,.bg-wall-700\/10{background-color:var(--wall-700)}@supports (color:color-mix(in lab, red, red)){.bg-wall-700\/10{background-color:color-mix(in oklab, var(--wall-700) 10%, transparent)}}.bg-wall-900{background-color:var(--wall-900)}.bg-wall-950\/60{background-color:var(--wall-950)}@supports (color:color-mix(in lab, red, red)){.bg-wall-950\/60{background-color:color-mix(in oklab, var(--wall-950) 60%, transparent)}}.bg-warning,.bg-warning\/10{background-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.bg-warning\/10{background-color:color-mix(in oklab, var(--warning) 10%, transparent)}}.bg-white{background-color:var(--color-white)}.bg-zinc-200{background-color:var(--color-zinc-200)}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-zinc-950{background-color:var(--color-zinc-950)}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.\[background-image\:linear-gradient\(to_top\,var\(--line-soft\)_1px\,transparent_1px\)\]{background-image:linear-gradient(to top,var(--line-soft) 1px,transparent 1px)}.from-light-500{--tw-gradient-from:var(--light-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-light-500\/15{--tw-gradient-to:var(--light-500)}@supports (color:color-mix(in lab, red, red)){.to-light-500\/15{--tw-gradient-to:color-mix(in oklab, var(--light-500) 15%, transparent)}}.to-light-500\/15{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.\[background-size\:100\%_25\%\]{background-size:100% 25%}.fill-light-500{fill:var(--light-500)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.\!p-5{padding:calc(var(--spacing) * 5)!important}.\!p-\[clamp\(28px\,6vw\,64px\)\]{padding:clamp(28px,6vw,64px)!important}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.\!px-2{padding-inline:calc(var(--spacing) * 2)!important}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-\[var\(--gutter\)\]{padding-inline:var(--gutter)}.\!py-0{padding-block:calc(var(--spacing) * 0)!important}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-32{padding-block:calc(var(--spacing) * 32)}.py-48{padding-block:calc(var(--spacing) * 48)}.\!ps-0{padding-inline-start:calc(var(--spacing) * 0)!important}.ps-6{padding-inline-start:calc(var(--spacing) * 6)}.pe-4{padding-inline-end:calc(var(--spacing) * 4)}.pe-6{padding-inline-end:calc(var(--spacing) * 6)}.\!pt-4{padding-top:calc(var(--spacing) * 4)!important}.\!pt-8{padding-top:calc(var(--spacing) * 8)!important}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-24{padding-top:calc(var(--spacing) * 24)}.\!pr-3{padding-right:calc(var(--spacing) * 3)!important}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-\[max\(12px\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(12px, env(safe-area-inset-bottom))}.\!pl-9{padding-left:calc(var(--spacing) * 9)!important}.\!pl-11{padding-left:calc(var(--spacing) * 11)!important}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.\!font-sans{font-family:var(--font-readex), system-ui, sans-serif!important}.font-display{font-family:var(--font-reem-kufi), var(--font-readex), system-ui, sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.font-quran{font-family:var(--font-amiri), "Noto Naskh Arabic", serif}.font-sans{font-family:var(--font-readex), system-ui, sans-serif}.\!text-2xl{font-size:var(--text-2xl)!important;line-height:var(--tw-leading,var(--text-2xl--line-height))!important}.\!text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.\!text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-caption{font-size:var(--text-caption);line-height:var(--tw-leading,var(--text-caption--line-height))}.text-h3{font-size:var(--text-h3);line-height:var(--tw-leading,var(--text-h3--line-height))}.text-headline{font-size:var(--text-headline);line-height:var(--tw-leading,var(--text-headline--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-small{font-size:var(--text-small);line-height:var(--tw-leading,var(--text-small--line-height))}.text-title{font-size:var(--text-title);line-height:var(--tw-leading,var(--text-title--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\],.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.\!text-success{color:var(--success)!important}.\!text-text-muted{color:var(--text-muted)!important}.text-\[\#cfdddb\]{color:#cfdddb}.text-accent-text{color:var(--accent-text)}.text-current{color:currentColor}.text-danger{color:var(--danger)}.text-emphasis{color:var(--emphasis)}.text-gray-600{color:var(--color-gray-600)}.text-gray-900{color:var(--color-gray-900)}.text-light-200{color:var(--light-200)}.text-light-400{color:var(--light-400)}.text-light-500{color:var(--light-500)}.text-light-600{color:var(--light-600)}.text-light-700{color:var(--light-700)}.text-on-wall-muted{color:var(--on-wall-muted)}.text-paper-0{color:var(--paper-0)}.text-paper-1\/60{color:var(--paper-1)}@supports (color:color-mix(in lab, red, red)){.text-paper-1\/60{color:color-mix(in oklab, var(--paper-1) 60%, transparent)}}.text-paper-3{color:var(--paper-3)}.text-success{color:var(--success)}.text-text{color:var(--text)}.text-text-muted{color:var(--text-muted)}.text-text-soft{color:var(--text-soft)}.text-tint-gold-ink{color:var(--tint-gold-ink)}.text-wall-900{color:var(--wall-900)}.text-warning{color:var(--warning)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.decoration-light-500{-webkit-text-decoration-color:var(--light-500);-webkit-text-decoration-color:var(--light-500);-webkit-text-decoration-color:var(--light-500);text-decoration-color:var(--light-500)}.decoration-\[1\.5px\]{text-decoration-thickness:1.5px}.underline-offset-4{text-underline-offset:4px}.underline-offset-\[7px\]{text-underline-offset:7px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-text{accent-color:var(--text)}.opacity-20{opacity:.2}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-1{--tw-shadow:var(--shadow-1);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2{--tw-shadow:var(--shadow-2);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-3{--tw-shadow:var(--shadow-3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.1\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff1a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow\/elevation{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-light-500\/30{--tw-ring-color:var(--light-500)}@supports (color:color-mix(in lab, red, red)){.ring-light-500\/30{--tw-ring-color:color-mix(in oklab, var(--light-500) 30%, transparent)}}.ring-wall-700\/30{--tw-ring-color:var(--wall-700)}@supports (color:color-mix(in lab, red, red)){.ring-wall-700\/30{--tw-ring-color:color-mix(in oklab, var(--wall-700) 30%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[text-underline-offset\,text-decoration-color\]{transition-property:text-underline-offset,text-decoration-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--icon-ground\:var\(--color-wall-100\)\]{--icon-ground:var(--color-wall-100)}@media (hover:hover){.group-hover\:-translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-\[1\.03\]:is(:where(.group):hover *){scale:1.03}.group-hover\:text-emphasis:is(:where(.group):hover *){color:var(--emphasis)}.group-hover\:text-text:is(:where(.group):hover *){color:var(--text)}}.peer-checked\:-translate-x-full:is(:where(.peer):checked~*){--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.peer-checked\:bg-action:is(:where(.peer):checked~*){background-color:var(--action)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media (hover:hover){.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-light-600:hover{border-color:var(--light-600)}.hover\:border-wall-700:hover,.hover\:border-wall-700\/30:hover{border-color:var(--wall-700)}@supports (color:color-mix(in lab, red, red)){.hover\:border-wall-700\/30:hover{border-color:color-mix(in oklab, var(--wall-700) 30%, transparent)}}.hover\:border-wall-700\/40:hover{border-color:var(--wall-700)}@supports (color:color-mix(in lab, red, red)){.hover\:border-wall-700\/40:hover{border-color:color-mix(in oklab, var(--wall-700) 40%, transparent)}}.hover\:\!bg-\[rgba\(169\,194\,192\,0\.08\)\]:hover{background-color:#a9c2c014!important}.hover\:bg-\[\#1fb855\]:hover{background-color:#1fb855}.hover\:bg-danger\/8:hover{background-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-danger\/8:hover{background-color:color-mix(in oklab, var(--danger) 8%, transparent)}}.hover\:bg-danger\/10:hover{background-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-danger\/10:hover{background-color:color-mix(in oklab, var(--danger) 10%, transparent)}}.hover\:bg-light-600:hover{background-color:var(--light-600)}.hover\:bg-surface:hover{background-color:var(--surface)}.hover\:bg-surface-sunk:hover,.hover\:bg-surface-sunk\/50:hover{background-color:var(--surface-sunk)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-surface-sunk\/50:hover{background-color:color-mix(in oklab, var(--surface-sunk) 50%, transparent)}}.hover\:bg-surface\/70:hover{background-color:var(--surface)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-surface\/70:hover{background-color:color-mix(in oklab, var(--surface) 70%, transparent)}}.hover\:bg-tint-teal:hover,.hover\:bg-tint-teal\/30:hover{background-color:var(--tint-teal)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-tint-teal\/30:hover{background-color:color-mix(in oklab, var(--tint-teal) 30%, transparent)}}.hover\:bg-tint-teal\/40:hover{background-color:var(--tint-teal)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-tint-teal\/40:hover{background-color:color-mix(in oklab, var(--tint-teal) 40%, transparent)}}.hover\:bg-tint-teal\/50:hover{background-color:var(--tint-teal)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-tint-teal\/50:hover{background-color:color-mix(in oklab, var(--tint-teal) 50%, transparent)}}.hover\:bg-wall-700\/5:hover{background-color:var(--wall-700)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-wall-700\/5:hover{background-color:color-mix(in oklab, var(--wall-700) 5%, transparent)}}.hover\:bg-wall-700\/10:hover{background-color:var(--wall-700)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-wall-700\/10:hover{background-color:color-mix(in oklab, var(--wall-700) 10%, transparent)}}.hover\:text-danger:hover{color:var(--danger)}.hover\:text-emphasis:hover{color:var(--emphasis)}.hover\:text-paper-0:hover{color:var(--paper-0)}.hover\:text-text:hover{color:var(--text)}.hover\:underline:hover{text-decoration-line:underline}.hover\:decoration-current:hover{text-decoration-color:currentColor}.hover\:underline-offset-\[5px\]:hover{text-underline-offset:5px}.hover\:shadow-2:hover{--tw-shadow:var(--shadow-2);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:fixed:focus{position:fixed}.focus\:start-4:focus{inset-inline-start:calc(var(--spacing) * 4)}.focus\:top-3:focus{top:calc(var(--spacing) * 3)}.focus\:z-\[70\]:focus{z-index:70}.focus\:rounded-md:focus{border-radius:10px}.focus\:border-wall-700:focus{border-color:var(--wall-700)}.focus\:bg-surface:focus{background-color:var(--surface)}.focus\:px-4:focus{padding-inline:calc(var(--spacing) * 4)}.focus\:py-2:focus{padding-block:calc(var(--spacing) * 2)}.focus\:shadow-2:focus{--tw-shadow:var(--shadow-2);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-wall-700:focus{--tw-ring-color:var(--wall-700)}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.has-\[\:checked\]\:border-wall-700:has(:checked){border-color:var(--wall-700)}.has-\[\:checked\]\:bg-tint-teal:has(:checked){background-color:var(--tint-teal)}.has-\[\:focus-visible\]\:outline:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:1px}.has-\[\:focus-visible\]\:outline-2:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:2px}.has-\[\:focus-visible\]\:outline-\[var\(--focus\)\]:has(:focus-visible){outline-color:var(--focus)}@media not all and (min-width:860px){.max-\[860px\]\:hidden{display:none}}@media not all and (min-width:64rem){.max-lg\:\!hidden{display:none!important}}@media not all and (min-width:40rem){.max-sm\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.max-sm\:hidden{display:none}}@media (min-width:40rem){.sm\:inset-x-auto{inset-inline:auto}.sm\:start-4{inset-inline-start:calc(var(--spacing) * 4)}.sm\:end-5{inset-inline-end:calc(var(--spacing) * 5)}.sm\:bottom-4{bottom:calc(var(--spacing) * 4)}.sm\:bottom-5{bottom:calc(var(--spacing) * 5)}.sm\:order-none{order:0}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:-mx-6{margin-inline:calc(var(--spacing) * -6)}.sm\:mt-2{margin-top:calc(var(--spacing) * 2)}.sm\:mt-4{margin-top:calc(var(--spacing) * 4)}.sm\:mr-auto{margin-right:auto}.sm\:mb-4{margin-bottom:calc(var(--spacing) * 4)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:h-10{height:calc(var(--spacing) * 10)}.sm\:h-11{height:calc(var(--spacing) * 11)}.sm\:h-\[38px\]{height:38px}.sm\:w-\[min\(440px\,calc\(100vw-32px\)\)\]{width:min(440px,100vw - 32px)}.sm\:w-auto{width:auto}.sm\:max-w-\[200px\]{max-width:200px}.sm\:max-w-\[210px\]{max-width:210px}.sm\:max-w-\[230px\]{max-width:230px}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:min-w-\[5rem\]{min-width:5rem}.sm\:flex-1{flex:1}.sm\:flex-none{flex:none}.sm\:basis-auto{flex-basis:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-\[1fr_1fr_1fr_auto\]{grid-template-columns:1fr 1fr 1fr auto}.sm\:grid-cols-\[160px_minmax\(0\,1fr\)\]{grid-template-columns:160px minmax(0,1fr)}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-start{align-items:flex-start}.sm\:items-stretch{align-items:stretch}.sm\:justify-between{justify-content:space-between}.sm\:justify-center{justify-content:center}.sm\:gap-0{gap:calc(var(--spacing) * 0)}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.sm\:rounded-xl{border-radius:22px}.sm\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-7{padding:calc(var(--spacing) * 7)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-10{padding:calc(var(--spacing) * 10)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:text-center{text-align:center}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:w-56{width:calc(var(--spacing) * 56)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[1fr_1fr_auto_auto\]{grid-template-columns:1fr 1fr auto auto}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:gap-5{gap:calc(var(--spacing) * 5)}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}@media (min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:hidden{display:none}.lg\:h-12{height:calc(var(--spacing) * 12)}.lg\:w-64{width:calc(var(--spacing) * 64)}.lg\:max-w-\[260px\]{max-width:260px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,560px\)_1fr\]{grid-template-columns:minmax(0,560px) 1fr}.lg\:gap-3{gap:calc(var(--spacing) * 3)}.lg\:gap-8{gap:calc(var(--spacing) * 8)}.lg\:border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.lg\:border-line{border-color:var(--line)}.lg\:py-12{padding-block:calc(var(--spacing) * 12)}.lg\:ps-12{padding-inline-start:calc(var(--spacing) * 12)}.lg\:pt-12{padding-top:calc(var(--spacing) * 12)}.lg\:pb-0{padding-bottom:calc(var(--spacing) * 0)}.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (prefers-color-scheme:dark){.dark\:bg-zinc-950{background-color:var(--color-zinc-950)}.dark\:text-gray-100{color:var(--color-gray-100)}}@media print{.print\:hidden{display:none}}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .bento--quran{background:var(--wall-800)}}@media print{.site-header,.site-footer,.mobile-buy,[aria-labelledby=cookie-banner-title]{display:none!important}body{background:#fff!important}.cert{-webkit-print-color-adjust:exact;print-color-adjust:exact;box-shadow:none!important}.certificate-page{padding:0!important}}.js-motion [data-reveal=rise]:not(.is-in),.js-motion [data-stagger]>:not(.is-in){opacity:0;transform:translateY(18px)}.js-motion [data-reveal=unveil]:not(.is-in){clip-path:inset(0 0 0 100%)}.js-motion [data-reveal=fade]:not(.is-in){opacity:0}.js-motion [data-reveal=rule]:not(.is-in){transform:scaleX(0)}[data-reveal],[data-stagger]>*{transition:opacity var(--t-slow) var(--ease-out), transform var(--t-slow) var(--ease-out), clip-path var(--t-slow) var(--ease-out);transition-delay:calc(var(--i,0) * 50ms)}[data-stagger]>:nth-child(2){--i:1}[data-stagger]>:nth-child(3){--i:2}[data-stagger]>:nth-child(4){--i:3}[data-stagger]>:nth-child(5){--i:4}[data-stagger]>:nth-child(6){--i:5}[data-stagger]>:nth-child(n+7){--i:6}[data-reveal=rule]{transform-origin:100%;transition-duration:1.1s}[data-stagger]>.card.is-in,[data-stagger]>.bento__tile.is-in,[data-stagger]>.teachers__side,.card[data-reveal].is-in{transition:transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease-out), border-color var(--t-base) var(--ease-out), opacity var(--t-slow) var(--ease-out);transition-delay:0s}::view-transition-old(root){animation:.16s var(--ease-exit) both vt-fade-out}::view-transition-old(.page){animation:.16s var(--ease-exit) both vt-fade-out}::view-transition-new(root){animation:.32s var(--ease-out) 60ms both vt-rise-in}::view-transition-new(.page){animation:.32s var(--ease-out) 60ms both vt-rise-in}::view-transition-group(.cover){animation-duration:.42s;animation-timing-function:var(--ease-out)}::view-transition-image-pair(.cover){animation-name:vt-via-blur}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-rise-in{0%{opacity:0;transform:translateY(8px)}}@keyframes vt-via-blur{35%{filter:blur(3px)}}.lattice-light{pointer-events:none;mix-blend-mode:soft-light;z-index:-2;background:radial-gradient(60% 55% at var(--lx,70%) 40%, #f0dea0f2, #f0dea000 70%);transform:perspective(900px) translate3d(var(--mx,0px), var(--my,0px), 0) rotateY(var(--ly,-18deg)) skewY(-8deg);transition:transform 1.6s var(--ease-out);filter:blur(1.2px);opacity:0;will-change:translate, transform, opacity;position:absolute;inset:-20% -10%;-webkit-mask-image:url(/images/texture/lattice.svg);mask-image:url(/images/texture/lattice.svg);-webkit-mask-size:168px 168px;mask-size:168px 168px}.auth__wall .lattice-light{filter:blur(1.2px)opacity(.35)}.lattice-light.is-on{animation:lattice-shutter var(--t-focal) var(--ease-out) forwards, lattice-drift 90s var(--ease-in-out) var(--t-focal) infinite alternate}.lattice-light.is-paused{animation-play-state:paused}@keyframes lattice-shutter{0%{opacity:0;scale:.9}to{opacity:.85;scale:1}}@keyframes lattice-drift{0%{opacity:.85;translate:0}to{opacity:.65;translate:-84px 42px}}.hero__glow{z-index:-2;pointer-events:none;background:radial-gradient(40% 60% at var(--lx,70%) 100%, #d8c47a29, transparent 70%);opacity:0;height:45%;animation:lattice-glow 1.8s var(--ease-out) .3s forwards;position:absolute;inset:auto 0 0}@keyframes lattice-glow{to{opacity:1}}.live-dot{width:7px;height:7px;animation:live-pulse 2s var(--ease-out) infinite;background:currentColor;border-radius:50%;flex:none}@keyframes live-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--live) 55%, transparent)}70%,to{box-shadow:0 0 0 7px #0000}}.js-motion [data-reveal] .meter>i,.js-motion [data-stagger]>* .meter>i{transition:transform var(--t-slow) var(--ease-out) .12s}.js-motion [data-reveal]:not(.is-in) .meter>i,.js-motion [data-stagger]>:not(.is-in) .meter>i{transform:scaleX(0)}@media (prefers-reduced-motion:reduce){.js-motion [data-reveal]:not(.is-in),.js-motion [data-stagger]>:not(.is-in){clip-path:none!important;transform:none!important}[data-reveal],[data-stagger]>*{transition:opacity .2s linear!important}::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}::view-transition-old(.page){animation:none!important}::view-transition-new(.page){animation:none!important}::view-transition-group(*){animation:none!important}.lattice-light,.lattice-light.is-on{opacity:.7;transform:perspective(900px) rotateY(var(--ly,-18deg)) skewY(-8deg)!important;animation:none!important}.hero__glow{opacity:1;animation:none!important}.hero__photo,.js-motion .hero__verse{animation:none!important}.sci-icon [pathLength]{stroke-dashoffset:0!important;transition:none!important}.live-dot,.badge--live:before{animation:none!important}.card:hover,a.card:hover,.bento__tile:hover{transform:none!important}.js-motion [data-reveal]:not(.is-in) .meter>i,.js-motion [data-stagger]>:not(.is-in) .meter>i{transform:scaleX(var(--p,1))!important}}:root{--wall-950:#061b1c;--wall-900:#0a2a2c;--wall-800:#0f3a3c;--wall-700:#0d5357;--wall-600:#0a6b70;--wall-500:#088890;--wall-400:#4fa9ae;--wall-300:#93cbcd;--wall-200:#c6e3e3;--wall-100:#e4f1f0;--light-900:#5c4d14;--light-800:#776420;--light-700:#9a852f;--light-600:#b39d45;--light-500:#c8b058;--light-400:#d8c47a;--light-200:#ece2b8;--light-100:#f6f1dc;--paper-0:#fbfcfa;--paper-1:#f2f5f3;--paper-2:#e6ece9;--paper-3:#d5deda;--ink:#0d1a1b;--ink-soft:#384748;--ink-muted:#57686a;--live:#b5472f;--success:#1f7a55;--warning:#8a5f10;--danger:#b3261e;--bg:var(--paper-1);--surface:var(--paper-0);--surface-sunk:var(--paper-2);--text:var(--ink);--page-text:var(--text);--text-soft:var(--ink-soft);--text-muted:var(--ink-muted);--line:#d1dbd8;--line-soft:#0d53571f;--accent-text:var(--light-800);--action:var(--wall-900);--action-hover:var(--wall-700);--on-action:var(--paper-0);--on-wall:#eef4f2;--on-wall-muted:#a9c2c0;--focus:var(--light-700);--emphasis:var(--wall-700);--tint-teal:var(--wall-100);--tint-gold:var(--light-100);--tint-gold-ink:var(--light-900);--emblem-ink:var(--wall-900);--shadow-1:0 1px 2px #0a2a2c0f, 0 2px 6px #0a2a2c0a;--shadow-2:0 6px 16px -4px #0a2a2c1f, 0 2px 4px #0a2a2c0d;--shadow-3:0 24px 48px -16px #0a2a2c47, 0 4px 10px #0a2a2c0f;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--t-instant:.12s;--t-quick:.2s;--t-base:.32s;--t-slow:.56s;--t-focal:.9s;--gutter:clamp(16px, 4vw, 40px);--container:1240px;--section-y:clamp(64px, 5rem + 4vw, 136px);--header-h:68px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:var(--wall-950);--surface:var(--wall-900);--surface-sunk:#041516;--text:#eef4f2;--text-soft:#cfdddb;--text-muted:#a7bdbb;--line:#a9c2c029;--line-soft:#a9c2c017;--accent-text:var(--light-400);--action:var(--light-500);--action-hover:var(--light-400);--on-action:var(--wall-950);--focus:var(--light-400);--emphasis:var(--light-400);--tint-teal:#0b3133;--tint-gold:#2a2614;--tint-gold-ink:var(--light-400);--emblem-ink:#eef4f2;--shadow-1:0 1px 2px #0000004d;--shadow-2:0 6px 16px -4px #00000073;--shadow-3:0 24px 48px -16px #0009;--success:#7cc39c;--live:#e58a6f;--danger:#f08a80}}:root[data-theme=dark]{--bg:var(--wall-950);--surface:var(--wall-900);--surface-sunk:#041516;--text:#eef4f2;--text-soft:#cfdddb;--text-muted:#a7bdbb;--line:#a9c2c029;--line-soft:#a9c2c017;--accent-text:var(--light-400);--action:var(--light-500);--action-hover:var(--light-400);--on-action:var(--wall-950);--focus:var(--light-400);--emphasis:var(--light-400);--tint-teal:#0b3133;--tint-gold:#2a2614;--tint-gold-ink:var(--light-400);--emblem-ink:#eef4f2;--shadow-1:0 1px 2px #0000004d;--shadow-2:0 6px 16px -4px #00000073;--shadow-3:0 24px 48px -16px #0009;--success:#7cc39c;--live:#e58a6f;--danger:#f08a80}.on-wall{background-color:var(--wall-900);color:var(--on-wall);--text:var(--on-wall);--text-soft:#cfdddb;--text-muted:var(--on-wall-muted);--line:#a9c2c029;--surface:var(--wall-800);--accent-text:var(--light-400);--emphasis:var(--light-400);--action:var(--light-500);--action-hover:var(--light-400);--on-action:var(--wall-950)}.on-wall--plaster{background-color:var(--wall-800);background-image:url(/images/texture/plaster.svg)}@media (min-width:1024px){.page-head.on-wall--plaster{background:radial-gradient(90% 140% at 100% 0%, var(--wall-800) 0%, var(--wall-900) 55%, #082224 100%)}}.font-quran{font-family:var(--font-quran);font-weight:400;line-height:2.2}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.otp-row{direction:ltr;justify-content:center;gap:clamp(.35rem,2.5vw,.625rem);display:flex}.otp-box{aspect-ratio:52/62;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);min-width:0;max-width:52px;transition:border-color var(--t-quick) var(--ease-out), box-shadow var(--t-quick) var(--ease-out), transform var(--t-quick) var(--ease-out), background-color var(--t-quick) var(--ease-out);flex:1 1 0;position:relative;overflow:hidden}.otp-box input{text-align:center;width:100%;height:100%;font-family:var(--font-num);color:var(--text);caret-color:var(--light-700);background:0 0;border:none;outline:none;font-size:clamp(1.1rem,5vw,1.5rem);font-weight:600;position:absolute;inset:0}.otp-box.is-active{border-color:var(--wall-600);transform:translateY(-2px);box-shadow:0 0 0 4px #c8b05852}.otp-box.is-filled{border-color:var(--wall-600);animation:otp-pop .24s var(--ease-out)}@keyframes otp-pop{45%{transform:scale(1.06)}}.otp-row.is-error .otp-box{border-color:var(--danger);box-shadow:0 0 0 4px var(--danger)}@supports (color:color-mix(in lab, red, red)){.otp-row.is-error .otp-box{box-shadow:0 0 0 4px color-mix(in srgb, var(--danger) 12%, transparent)}}.otp-row.is-error .otp-box{animation:otp-shake .42s var(--ease-out)}@keyframes otp-shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.otp-row.is-success .otp-box{border-color:var(--success);background:var(--success)}@supports (color:color-mix(in lab, red, red)){.otp-row.is-success .otp-box{background:color-mix(in srgb, var(--success) 8%, transparent)}}.otp-row.is-success .otp-box{transform:translateX(calc((2.5 - var(--i)) * .7rem)) scale(.96);box-shadow:0 0 0 4px var(--success)}@supports (color:color-mix(in lab, red, red)){.otp-row.is-success .otp-box{box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 18%, transparent)}}.otp-row.is-success .otp-box{transition:transform var(--t-slow) var(--ease-out), border-color var(--t-quick), background-color var(--t-quick)}.otp-check{animation:otp-check-in var(--t-base) var(--ease-out)}@keyframes otp-check-in{0%{opacity:0;transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.otp-box,.otp-row.is-error .otp-box,.otp-row.is-success .otp-box,.otp-check{transition:none!important;animation:none!important}.otp-row.is-success .otp-box{transform:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}