:root{--yf-charcoal:#212529;--yf-surface:#292e30;--yf-surface-raised:#303638;--yf-surface-inset:#1f2426;--yf-border:#3a4143;--yf-border-soft:#343b3d;--yf-cloud:#f4f5f2;--yf-mist:#aeb4af;--yf-quiet:#747c76;--yf-sky:#a7d4f7;--yf-sky-strong:#79b7e7;--yf-sage:#8ebaa1;--yf-sage-strong:#67a17d;--yf-sand:#e8cb96;--yf-sand-strong:#cba55d;--yf-sakura:#e7b8c4;--yf-sakura-strong:#d77989;--yf-font-display:"Instrument Serif", Georgia, serif;--yf-font-ui:"Plus Jakarta Sans", "Segoe UI", sans-serif;--yf-font-hand:"Caveat", cursive;--yf-font-mono:Consolas, monospace;--yf-space-1:4px;--yf-space-2:8px;--yf-space-3:12px;--yf-space-4:16px;--yf-space-6:24px;--yf-space-8:32px;--yf-space-12:48px;--yf-space-16:64px;--yf-space-24:96px;--yf-radius-xs:4px;--yf-radius-sm:8px;--yf-radius-md:12px;--yf-radius-lg:16px;--yf-radius-xl:24px;--yf-radius-pill:999px;--yf-duration-fast:.13s;--yf-duration-base:.18s;--yf-duration-slow:.32s;--yf-ease-standard:cubic-bezier(.2, .8, .2, 1);--yf-z-base:0;--yf-z-sticky:30;--yf-z-nav:40;--yf-z-popover:60;--yf-z-modal:80;--yf-z-toast:100;--yf-shadow-raised:0 1px 0 #ffffff0d inset, 0 5px 14px #00000029;--yf-shadow-tactile:0 4px 0 var(--yf-button-base), 0 10px 22px #0000003d;--yf-shadow-overlay:0 24px 72px #0000006b;--yf-paper:#f4f3ed;--yf-paper-muted:#e7e7df;--yf-paper-line:#d8dad3;--yf-paper-ink:#292e30;--yf-paper-tape:#d9c995;--yf-overlay:#090c0db8;--yf-envelope-drive-stage:#e7ecd9;--yf-envelope-drive-back:#b7c99f;--yf-envelope-drive-border:#9eb28d;--yf-envelope-drive-face-a:#dce5c7;--yf-envelope-drive-face-b:#c1d0a4;--yf-envelope-drive-ink:#355337;--yf-envelope-sand-stage:#f0e9dc;--yf-envelope-sand-back:#dbc89f;--yf-envelope-sand-border:#c3a978;--yf-envelope-sand-face-a:#eee1c4;--yf-envelope-sand-face-b:#d8c295;--yf-envelope-sand-ink:#846936;--yf-envelope-mist-stage:#e7ebe5;--yf-envelope-mist-back:#bac8b8;--yf-envelope-mist-border:#9eae9d;--yf-envelope-mist-face-a:#dce4da;--yf-envelope-mist-face-b:#bdcabc;--yf-envelope-mist-ink:#526b55;--background:var(--yf-charcoal);--foreground:var(--yf-cloud);--card:var(--yf-surface);--primary:var(--yf-cloud);--primary-foreground:var(--yf-charcoal);--muted:var(--yf-surface-raised);--muted-foreground:var(--yf-mist);--border:var(--yf-border);--accent:var(--yf-mist);--radius:var(--yf-radius-lg);--sans:var(--yf-font-ui);--heading:var(--yf-font-display);--mono:var(--yf-font-mono)}.yf-button{--yf-button-top:#fafbf8;--yf-button-bottom:#e8ebe7;--yf-button-base-top:#c8ceca;--yf-button-base-bottom:#aeb5b0;--yf-button-text:var(--yf-charcoal);--yf-button-stroke:#ffffffbf;--yf-button-base-stroke:#0003;--yf-button-shine:#ffffff40;--yf-button-highlight:#ffffffe6;isolation:isolate;text-align:center;vertical-align:top;background:0 0;border:0;border-radius:13px;padding:0;text-decoration:none;display:inline-block;position:relative}.yf-button:before{content:"";z-index:0;pointer-events:none;border:1px solid var(--yf-button-base-stroke);background:linear-gradient(var(--yf-button-base-top), var(--yf-button-base-bottom));transition:transform var(--yf-duration-fast) var(--yf-ease-standard), box-shadow var(--yf-duration-fast) var(--yf-ease-standard);border-radius:12px;position:absolute;inset:5px 1px -4px;box-shadow:0 9px 19px #00000052}.yf-button-face{z-index:1;justify-content:center;align-items:center;gap:var(--yf-space-2);border:1px solid var(--yf-button-stroke);background:linear-gradient(var(--yf-button-shine), transparent 30%), linear-gradient(var(--yf-button-top), var(--yf-button-bottom));width:100%;min-height:48px;color:var(--yf-button-text);box-shadow:inset 0 1px 0 var(--yf-button-highlight), inset 0 -1px 0 #0000001a;transition:transform var(--yf-duration-fast) var(--yf-ease-standard), filter var(--yf-duration-fast) var(--yf-ease-standard);border-radius:12px;padding:12px 24px;font-size:14px;font-weight:700;line-height:20px;display:flex;position:relative}.yf-button:hover:not(:disabled) .yf-button-face{filter:brightness(1.02);transform:translateY(-1px)}.yf-button:hover:not(:disabled):before{transform:translateY(1px);box-shadow:0 12px 24px #0000005c}.yf-button:active:not(:disabled) .yf-button-face{transform:translateY(4px)}.yf-button:active:not(:disabled):before{transform:translateY(-1px);box-shadow:0 3px 8px #00000038}.yf-button:focus-visible{outline:2px solid var(--yf-sky);outline-offset:5px}.yf-button-secondary{--yf-button-top:#414849;--yf-button-bottom:#303637;--yf-button-base-top:#222829;--yf-button-base-bottom:#151a1b;--yf-button-text:var(--yf-cloud);--yf-button-stroke:#ffffff52;--yf-button-base-stroke:#0000008c;--yf-button-shine:#ffffff1a;--yf-button-highlight:#ffffff61}.yf-button-info{--yf-button-top:color-mix(in srgb, var(--yf-sky) 82%, white);--yf-button-bottom:var(--yf-sky);--yf-button-base-top:var(--yf-sky-strong);--yf-button-base-bottom:color-mix(in srgb, var(--yf-sky-strong) 78%, black)}.yf-button-success{--yf-button-top:color-mix(in srgb, var(--yf-sage) 82%, white);--yf-button-bottom:var(--yf-sage);--yf-button-base-top:var(--yf-sage-strong);--yf-button-base-bottom:color-mix(in srgb, var(--yf-sage-strong) 78%, black)}.yf-button-warning{--yf-button-top:color-mix(in srgb, var(--yf-sand) 82%, white);--yf-button-bottom:var(--yf-sand);--yf-button-base-top:var(--yf-sand-strong);--yf-button-base-bottom:color-mix(in srgb, var(--yf-sand-strong) 78%, black)}.yf-button-danger{--yf-button-top:color-mix(in srgb, var(--yf-sakura) 82%, white);--yf-button-bottom:var(--yf-sakura);--yf-button-base-top:var(--yf-sakura-strong);--yf-button-base-bottom:color-mix(in srgb, var(--yf-sakura-strong) 78%, black)}.yf-button-info,.yf-button-success,.yf-button-warning,.yf-button-danger{--yf-button-text:var(--yf-charcoal);--yf-button-stroke:#ffffff73}.yf-button-ghost{--yf-button-top:color-mix(in srgb, var(--yf-surface) 94%, white);--yf-button-bottom:var(--yf-surface);--yf-button-base-top:var(--yf-surface-raised);--yf-button-base-bottom:var(--yf-surface-inset);--yf-button-text:var(--yf-mist);--yf-button-stroke:var(--yf-border-soft)}.yf-button-sm .yf-button-face{min-height:44px;padding:10px 16px}.yf-button-lg .yf-button-face{min-height:56px;padding:16px 32px;font-size:16px}.yf-button-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite yf-spin}.yf-badge{border:1px solid var(--yf-border);border-radius:var(--yf-radius-pill);background:var(--yf-surface-raised);color:var(--yf-mist);align-items:center;gap:6px;padding:6px 9px;font-size:10px;display:inline-flex}.yf-badge-dot{background:var(--yf-mist);border-radius:50%;width:7px;height:7px;display:inline-block}.yf-badge-dot-info{background:var(--yf-sky)}.yf-badge-dot-success{background:var(--yf-sage)}.yf-badge-dot-warning{background:var(--yf-sand)}.yf-badge-dot-danger{background:var(--yf-sakura)}.yf-badge-info{border-color:color-mix(in srgb, var(--yf-sky) 42%, var(--yf-border));color:var(--yf-sky)}.yf-badge-success{border-color:color-mix(in srgb, var(--yf-sage) 42%, var(--yf-border));color:var(--yf-sage)}.yf-badge-warning{border-color:color-mix(in srgb, var(--yf-sand) 42%, var(--yf-border));color:var(--yf-sand)}.yf-badge-danger{border-color:color-mix(in srgb, var(--yf-sakura) 42%, var(--yf-border));color:var(--yf-sakura)}.yf-card{padding:var(--yf-space-6);border:1px solid var(--yf-border);border-radius:var(--yf-radius-lg);background:var(--yf-surface)}.yf-card-interactive{transition:border-color var(--yf-duration-base) var(--yf-ease-standard), transform var(--yf-duration-base) var(--yf-ease-standard), box-shadow var(--yf-duration-base) var(--yf-ease-standard)}.yf-card-interactive:hover{border-color:var(--yf-mist);box-shadow:var(--yf-shadow-raised);transform:translateY(-2px)}.yf-progress{border:1px solid var(--yf-border-soft);border-radius:var(--yf-radius-pill);background:var(--yf-surface-inset);width:100%;height:9px;overflow:hidden;box-shadow:inset 0 2px 4px #00000059}.yf-progress:not(.yf-progress-ring) span{border-radius:inherit;background:var(--yf-sky);height:100%;transition:width var(--yf-duration-slow) var(--yf-ease-standard);display:block}.yf-progress:not(.yf-progress-ring).yf-progress-complete span{background:var(--yf-sage)}.yf-progress:not(.yf-progress-ring).yf-progress-warning span{background:var(--yf-sand)}.yf-progress:not(.yf-progress-ring).yf-progress-failed span{background:var(--yf-sakura)}.yf-progress-ring{width:64px;height:64px;box-shadow:none;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:visible}.yf-progress-ring svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.yf-progress-ring circle{fill:none;stroke-width:5px;stroke-linecap:round}.yf-progress-ring-track{stroke:color-mix(in srgb, var(--yf-mist) 38%, transparent)}.yf-progress-ring-fill{stroke:var(--yf-sky-strong);transition:stroke-dashoffset var(--yf-duration-base) linear;filter:drop-shadow(0 0 3px var(--yf-sky))}.yf-progress-ring-complete .yf-progress-ring-fill{stroke:var(--yf-sage);filter:drop-shadow(0 0 3px var(--yf-sage))}.yf-progress-ring-content{place-items:center;display:grid;position:relative}.yf-icon-muted{color:var(--yf-mist)}.yf-icon-info{color:var(--yf-sky)}.yf-icon-success{color:var(--yf-sage)}.yf-icon-warning{color:var(--yf-sand)}.yf-icon-danger{color:var(--yf-sakura)}.yf-alert{gap:var(--yf-space-3);padding:var(--yf-space-4);border:1px solid var(--yf-border);border-radius:var(--yf-radius-md);background:var(--yf-surface);color:var(--yf-mist);grid-template-columns:auto 1fr;font-size:14px;display:grid}.yf-alert strong{margin-bottom:var(--yf-space-1);color:var(--yf-cloud);display:block}.yf-alert p{margin:0}.yf-alert-info{border-color:var(--yf-sky);background:color-mix(in srgb, var(--yf-sky) 7%, var(--yf-surface))}.yf-alert-success{border-color:var(--yf-sage);background:color-mix(in srgb, var(--yf-sage) 7%, var(--yf-surface))}.yf-alert-warning{border-color:var(--yf-sand);background:color-mix(in srgb, var(--yf-sand) 7%, var(--yf-surface))}.yf-alert-danger{border-color:var(--yf-sakura);background:color-mix(in srgb, var(--yf-sakura) 7%, var(--yf-surface))}.yf-toast{align-items:start;gap:var(--yf-space-3);width:min(100%,380px);padding:var(--yf-space-4);border:1px solid var(--yf-border);border-radius:var(--yf-radius-md);background:linear-gradient(145deg, var(--yf-surface-raised), var(--yf-surface));box-shadow:var(--yf-shadow-overlay);color:var(--yf-mist);animation:yf-toast-enter var(--yf-duration-base) var(--yf-ease-standard);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.yf-toast-content strong{margin-bottom:var(--yf-space-1);color:var(--yf-cloud);font-size:14px;display:block}.yf-toast-content p{margin:0;font-size:13px;line-height:1.6}.yf-toast-dismiss{border:1px solid var(--yf-border);border-radius:var(--yf-radius-xs);background:var(--yf-surface-inset);width:28px;height:28px;padding:0;position:relative}.yf-toast-dismiss:before,.yf-toast-dismiss:after{content:"";background:var(--yf-mist);width:12px;height:1px;position:absolute;top:13px;left:7px}.yf-toast-dismiss:before{transform:rotate(45deg)}.yf-toast-dismiss:after{transform:rotate(-45deg)}.yf-toast-dismiss:hover{border-color:var(--yf-mist)}.yf-toast-info{border-color:color-mix(in srgb, var(--yf-sky) 58%, var(--yf-border))}.yf-toast-success{border-color:color-mix(in srgb, var(--yf-sage) 58%, var(--yf-border))}.yf-toast-warning{border-color:color-mix(in srgb, var(--yf-sand) 58%, var(--yf-border))}.yf-toast-danger{border-color:color-mix(in srgb, var(--yf-sakura) 58%, var(--yf-border))}.yf-chip{border:1px solid var(--yf-border);background:linear-gradient(var(--yf-surface-raised), var(--yf-surface));box-shadow:0 2px 0 color-mix(in srgb, var(--yf-charcoal), black 30%);color:var(--yf-mist);transition:color var(--yf-duration-fast) var(--yf-ease-standard);border-radius:999px;padding:7px 10px;font-size:10px}.yf-chip:hover{border-color:var(--yf-mist);color:var(--foreground)}.yf-chip-selected{color:var(--foreground);border-color:color-mix(in srgb, var(--yf-sky) 55%, transparent);box-shadow:inset 0 2px 4px color-mix(in srgb, var(--yf-charcoal) 20%, transparent)}.yf-control{border:1px solid var(--yf-border);border-radius:var(--yf-radius-md);background:linear-gradient(var(--yf-surface-inset), var(--yf-surface));width:100%;min-height:48px;color:var(--foreground);box-shadow:inset 0 2px 6px color-mix(in srgb, var(--yf-charcoal) 34%, transparent), inset 0 1px 0 color-mix(in srgb, var(--yf-cloud) 2%, transparent);outline:none;padding:11px 12px}textarea.yf-control{resize:vertical;min-height:120px}.yf-control:hover:not(:disabled):not(:read-only){border-color:var(--yf-quiet)}.yf-control:focus{border-color:var(--yf-sky);box-shadow:inset 0 2px 6px color-mix(in srgb, var(--yf-charcoal) 34%, transparent), 0 0 0 3px color-mix(in srgb, var(--yf-sky) 8%, transparent)}.yf-control-error{border-color:var(--yf-sakura)}.yf-control-success{border-color:var(--yf-sage)}.yf-select,.yf-date-picker{width:100%;position:relative}.yf-select-trigger,.yf-date-trigger{justify-content:space-between;align-items:center;gap:var(--yf-space-3);border:1px solid var(--yf-border);border-radius:var(--yf-radius-md);background:linear-gradient(var(--yf-surface-inset), var(--yf-surface));width:100%;min-height:48px;color:var(--foreground);box-shadow:inset 0 2px 6px color-mix(in srgb, var(--yf-charcoal) 34%, transparent), inset 0 1px 0 color-mix(in srgb, var(--yf-cloud) 2%, transparent);text-align:left;padding:11px 12px;display:flex}.yf-select-trigger:hover,.yf-date-trigger:hover{border-color:var(--yf-quiet)}.yf-select-trigger[aria-expanded=true],.yf-date-trigger[aria-expanded=true]{border-color:var(--yf-sky);box-shadow:inset 0 2px 6px color-mix(in srgb, var(--yf-charcoal) 34%, transparent), 0 0 0 3px color-mix(in srgb, var(--yf-sky) 8%, transparent)}.yf-select-placeholder,.yf-date-placeholder{color:var(--yf-quiet)}.yf-select-chevron{border-right:1.5px solid var(--yf-mist);border-bottom:1.5px solid var(--yf-mist);width:8px;height:8px;transition:transform var(--yf-duration-fast) var(--yf-ease-standard);flex:none;margin:0 4px 4px 0;transform:rotate(45deg)}.yf-select-trigger[aria-expanded=true] .yf-select-chevron{margin-bottom:-4px;transform:rotate(225deg)}.yf-select-menu,.yf-calendar{z-index:var(--yf-z-popover);border:1px solid var(--yf-border);border-radius:var(--yf-radius-md);background:linear-gradient(145deg, var(--yf-surface-raised), var(--yf-surface));width:100%;box-shadow:var(--yf-shadow-overlay);padding:6px;position:absolute;top:calc(100% + 8px);left:0}.yf-select-option{justify-content:space-between;align-items:center;gap:var(--yf-space-3);border-radius:var(--yf-radius-sm);width:100%;min-height:40px;color:var(--yf-mist);text-align:left;background:0 0;border:0;padding:9px 10px;font-size:13px;display:flex}.yf-select-option.is-active{background:var(--yf-surface-inset);color:var(--yf-cloud)}.yf-select-option[aria-selected=true]{color:var(--yf-sky)}.yf-select-check{border-bottom:1.5px solid;border-left:1.5px solid;width:8px;height:5px;margin-right:3px;transform:rotate(-45deg)}.yf-date-icon{border:1.5px solid var(--yf-mist);border-radius:3px;flex:none;width:16px;height:15px;position:relative}.yf-date-icon:before{content:"";border-top:1px solid var(--yf-mist);position:absolute;top:3px;left:0;right:0}.yf-calendar{width:min(320px,100vw - 32px);padding:12px}.yf-calendar-header{align-items:center;gap:var(--yf-space-2);margin-bottom:var(--yf-space-3);grid-template-columns:36px 1fr 36px;display:grid}.yf-calendar-header strong{color:var(--yf-cloud);text-align:center;text-transform:capitalize;font-size:13px}.yf-calendar-header button{border:1px solid var(--yf-border);border-radius:var(--yf-radius-sm);background:linear-gradient(var(--yf-surface-raised), var(--yf-surface-inset));width:36px;height:36px;color:var(--yf-cloud);place-items:center;padding:0;font-size:20px;display:grid;box-shadow:0 2px #00000061}.yf-calendar-header button:hover{border-color:var(--yf-mist)}.yf-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.yf-calendar-weekday{height:28px;color:var(--yf-quiet);place-items:center;font-size:10px;font-weight:700;display:grid}.yf-calendar-grid button{aspect-ratio:1;border-radius:var(--yf-radius-sm);color:var(--yf-mist);background:0 0;border:1px solid #0000;padding:0;font-size:12px}.yf-calendar-grid button:hover:not(:disabled),.yf-calendar-grid button:focus-visible{border-color:var(--yf-border);background:var(--yf-surface-inset);color:var(--yf-cloud)}.yf-calendar-grid button.is-selected{border-color:var(--yf-sky);background:color-mix(in srgb, var(--yf-sky) 16%, var(--yf-surface-inset));color:var(--yf-sky);box-shadow:inset 0 -2px var(--yf-sky)}.yf-select.yf-control-error .yf-select-trigger,.yf-date-picker.yf-control-error .yf-date-trigger{border-color:var(--yf-sakura)}.yf-select.yf-control-success .yf-select-trigger,.yf-date-picker.yf-control-success .yf-date-trigger{border-color:var(--yf-sage)}@keyframes yf-spin{to{transform:rotate(360deg)}}@keyframes yf-toast-enter{0%{opacity:0;transform:translateY(8px)scale(.98)}}:root{font-family:var(--sans);color:var(--foreground);background:var(--background);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;scroll-padding-top:100px}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}body{background:var(--background);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-width:320px;margin:0}input,textarea,select,[contenteditable=true],pre,code{-webkit-user-select:text;user-select:text}img,video,canvas,svg,picture{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#root{flex-direction:column;min-height:100svh;display:flex}main{flex:1}main:focus{outline:none}h1,h2,h3,h4{margin:0 0 var(--yf-space-4);color:var(--foreground);line-height:1.2}h1,h2{font-family:var(--heading);letter-spacing:-.035em;font-weight:400}h1{font-size:clamp(40px,5vw,60px);line-height:1.2}h2{font-size:clamp(30px,3.5vw,36px);line-height:1.22}h3{letter-spacing:-.02em;font-size:20px;font-weight:600}h4{font-size:17px}p{margin:0 0 20px}p:last-child{margin-bottom:0}a{color:var(--primary);text-underline-offset:4px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}button,a{touch-action:manipulation}:focus-visible{outline:3px solid var(--yf-sky);outline-offset:4px}::selection{color:var(--yf-charcoal);background:var(--yf-sky)}img,svg{max-width:100%}img{height:auto;display:block}svg{vertical-align:middle;flex-shrink:0}hr{border:0;border-top:1px solid var(--border);margin:28px 0}ul,ol{padding-left:24px}li+li{margin-top:8px}blockquote{border-left:3px solid var(--accent);background:var(--muted);margin:24px 0;padding:16px 24px}code{background:var(--muted);overflow-wrap:anywhere;border-radius:4px;padding:3px 6px;font-size:.9em}pre{background:var(--muted);border-radius:12px;padding:20px;overflow-x:auto}[hidden]{display:none!important}@media (width<=639px){html{scroll-padding-top:80px}h3{font-size:19px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.component-page{padding-block:var(--yf-space-16) var(--yf-space-24)}.component-page-heading{max-width:760px;margin-bottom:var(--yf-space-24)}.component-page-heading h1{margin-block:var(--yf-space-4);font-size:clamp(44px,7vw,64px);font-weight:400;line-height:1.06}.component-page-heading p,.component-section-heading p,.yf-card p{color:var(--yf-mist)}.component-section{padding-block:var(--yf-space-12);border-top:1px solid var(--yf-border)}.component-section-heading{gap:var(--yf-space-8);margin-bottom:var(--yf-space-8);grid-template-columns:minmax(240px,.8fr) minmax(280px,1.2fr);display:grid}.component-section-heading span{color:var(--yf-quiet);letter-spacing:.14em;font-size:12px;font-weight:700}.component-section-heading h2{margin-top:var(--yf-space-2)}.component-demo-row{align-items:center;gap:var(--yf-space-4);margin-bottom:var(--yf-space-8);flex-wrap:wrap;display:flex}.component-icon-grid{gap:var(--yf-space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.component-icon-grid>div{align-items:center;gap:var(--yf-space-3);padding:var(--yf-space-4);border:1px solid var(--yf-border);border-radius:var(--yf-radius-md);background:var(--yf-surface);color:var(--yf-mist);font-size:14px;display:flex}.component-card-grid,.component-form-grid{gap:var(--yf-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.component-composition-preview{gap:var(--yf-space-3);width:min(100%,420px);margin-top:var(--yf-space-8);display:grid}.component-composition-preview>span{color:var(--yf-quiet);letter-spacing:.16em;font-size:10px;font-weight:800}.component-stack{gap:var(--yf-space-4);display:grid}.component-form-grid label,.component-field{gap:var(--yf-space-2);color:var(--yf-mist);font-size:14px;font-weight:600;display:grid}.component-form-grid small{color:var(--yf-sakura);font-weight:400}.component-form-wide{grid-column:1/-1}.component-toast-demo{gap:var(--yf-space-8);margin-top:var(--yf-space-12);padding-top:var(--yf-space-8);border-top:1px solid var(--yf-border);grid-template-columns:minmax(240px,.7fr) minmax(320px,1.3fr);display:grid}.component-toast-demo>div>p,.component-toast-stage>span{color:var(--yf-mist);font-size:14px}.component-toast-demo .component-demo-row{margin-block:var(--yf-space-4) 0}.component-toast-stage{min-height:180px;padding:var(--yf-space-6);border:1px dashed var(--yf-border);border-radius:var(--yf-radius-lg);background:var(--yf-surface-inset);justify-content:flex-end;align-items:flex-end;display:flex}@media (width<=639px){.component-page{padding-block:var(--yf-space-12) var(--yf-space-16)}.component-page-heading{margin-bottom:var(--yf-space-16)}.component-section-heading,.component-card-grid,.component-form-grid,.component-toast-demo{grid-template-columns:1fr}.component-toast-stage{min-height:150px;padding:var(--yf-space-4)}.component-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.component-form-wide{grid-column:auto}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}:root.landing-light,:root.faidah-light,:root.learning-light,:root.quiz-light,:root.next-action-light,:root.completion-light,:root.intake-light,:root.about-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:var(--yf-paper);--foreground:var(--yf-paper-ink);--card:var(--yf-paper);--primary:var(--yf-envelope-drive-ink);--primary-foreground:var(--yf-paper);--muted:var(--yf-paper-muted);--muted-foreground:var(--yf-envelope-mist-ink);--border:var(--yf-paper-line);--accent:var(--yf-envelope-drive-border);--yf-charcoal:var(--yf-paper-ink);--yf-surface:var(--yf-paper);--yf-surface-raised:var(--yf-paper-muted);--yf-surface-inset:var(--yf-paper-muted);--yf-border:var(--yf-paper-line);--yf-border-soft:var(--yf-paper-line);--yf-mist:var(--yf-envelope-mist-ink);--yf-quiet:var(--yf-envelope-drive-border);--yf-shadow-raised:0 1px 0 color-mix(in srgb, var(--yf-paper) 72%, transparent) inset, 0 3px 8px color-mix(in srgb, var(--yf-paper-ink) 10%, transparent);background:var(--background)}.landing-light body,.faidah-light body,.learning-light body,.quiz-light body,.next-action-light body,.completion-light body,.intake-light body,.about-light body{background:var(--background)}html{transition:background-color var(--yf-duration-slow) var(--yf-ease-standard)}body{transition:background-color var(--yf-duration-slow) var(--yf-ease-standard), color var(--yf-duration-slow) var(--yf-ease-standard)}.hero h1,.hero-copy>p:not(.eyebrow){transition:color var(--yf-duration-slow) var(--yf-ease-standard)}.nav-links{transition:background-color var(--yf-duration-slow) var(--yf-ease-standard), border-color var(--yf-duration-slow) var(--yf-ease-standard)}::view-transition-old(root){animation-duration:.42s}::view-transition-new(root){animation-duration:.42s}.landing-light main,.landing-dark main{padding-top:0}.landing-dark .hero{background:var(--yf-charcoal);color:var(--yf-paper)}.landing-dark .hero h1,.landing-dark .hero h1 .hero-title-accent{color:var(--yf-paper)}.landing-dark .hero-copy>p:not(.eyebrow){color:color-mix(in srgb, var(--yf-paper) 74%, transparent)}:is(.landing-dark,.faidah-dark,.learning-dark,.quiz-dark,.next-action-dark,.completion-dark,.about-dark,.intake-dark) .site-header{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}:is(.landing-dark,.faidah-dark,.learning-dark,.quiz-dark,.next-action-dark,.completion-dark,.about-dark,.intake-dark) .site-header.is-scrolled{background:0 0}:is(.landing-dark,.faidah-dark,.learning-dark,.quiz-dark,.next-action-dark,.completion-dark,.about-dark,.intake-dark) .nav-links{border:1px solid color-mix(in srgb, var(--yf-paper) 20%, transparent);background:linear-gradient(180deg, #ffffff24, #ffffff0a), color-mix(in srgb, var(--yf-charcoal) 52%, transparent);box-shadow:inset 0 1px #ffffff3d,0 14px 32px -20px #0000008c}:is(.landing-dark,.faidah-dark,.learning-dark,.quiz-dark,.next-action-dark,.completion-dark,.about-dark,.intake-dark) .nav-pill{border:1px solid color-mix(in srgb, var(--yf-paper) 34%, transparent);background:linear-gradient(180deg, #ffffff4d, #ffffff14), color-mix(in srgb, var(--yf-charcoal) 28%, transparent);box-shadow:inset 0 1px #fff6,0 6px 16px -10px #0009}:is(.landing-dark,.faidah-dark,.learning-dark,.quiz-dark,.next-action-dark,.completion-dark,.about-dark,.intake-dark) .theme-toggle{border:1px solid color-mix(in srgb, var(--yf-paper) 20%, transparent);background:linear-gradient(180deg, #ffffff29, #ffffff0a), color-mix(in srgb, var(--yf-charcoal) 56%, transparent);color:var(--yf-paper);box-shadow:inset 0 1px #ffffff3d,0 14px 32px -20px #0000008c}:is(.landing-dark,.faidah-dark,.learning-dark,.quiz-dark,.next-action-dark,.completion-dark,.about-dark,.intake-dark) .theme-toggle:hover{border-color:color-mix(in srgb, var(--yf-paper) 48%, transparent)}:is(.landing-light,.faidah-light,.learning-light,.quiz-light,.next-action-light,.completion-light,.intake-light,.about-light) .yf-button:before{box-shadow:0 4px 9px #00000026}:is(.landing-light,.faidah-light,.learning-light,.quiz-light,.next-action-light,.completion-light,.intake-light,.about-light) .yf-button:hover:not(:disabled):before{box-shadow:0 6px 13px #00000030}.landing-light .audience-card{background:radial-gradient(circle 170px at var(--glow-x) var(--glow-y), color-mix(in srgb, var(--yf-envelope-drive-ink) 10%, transparent), transparent 70%), var(--yf-surface)}.landing-light .audience-card:after{background:color-mix(in srgb, var(--yf-envelope-drive-ink) 7%, transparent)}.landing-light .audience-card:hover .audience-icon{background:var(--primary);color:var(--primary-foreground)}.container{width:min(1160px,100% - 64px);margin-inline:auto}.site-header{z-index:var(--yf-z-nav);animation:nav-enter var(--yf-duration-slow) var(--yf-ease-standard) backwards;background:0 0;border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}main{padding-top:88px}.site-header>.container{align-items:center;gap:24px;min-height:88px;display:flex}.brand{color:var(--foreground);font-family:var(--heading);letter-spacing:-1px;white-space:nowrap;align-items:center;gap:11px;font-size:28px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{border-radius:var(--yf-radius-md) var(--yf-radius-md) var(--yf-radius-md) var(--yf-radius-xs);background:var(--primary);width:37px;height:37px;color:var(--primary-foreground);transition:transform var(--yf-duration-base) var(--yf-ease-standard), box-shadow var(--yf-duration-base) var(--yf-ease-standard);place-items:center;font-size:23px;display:inline-grid;overflow:hidden}.brand:hover .brand-mark{box-shadow:var(--yf-shadow-raised);transform:translateY(-1px)}.brand-mark img{object-fit:cover;width:100%;height:100%}.site-header>.container{justify-content:space-between;position:relative}.header-actions{align-items:center;gap:12px;display:flex}.icon-flip{display:inline-flex;transform:scaleX(-1)}.is-portal-header{transition:background var(--yf-duration-slow) var(--yf-ease-standard), box-shadow var(--yf-duration-slow) var(--yf-ease-standard)}.is-portal-header.is-scrolled{background:linear-gradient(180deg, #ffffff75, #fff3), color-mix(in srgb, var(--yf-paper) 66%, transparent);-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);box-shadow:none}:is(.landing-dark,.faidah-dark,.learning-dark,.quiz-dark,.next-action-dark,.completion-dark,.about-dark,.intake-dark) .is-portal-header.is-scrolled{background:linear-gradient(180deg, #ffffff1f, #ffffff0a), color-mix(in srgb, var(--yf-charcoal) 58%, transparent);-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);border-color:#0000;box-shadow:inset 0 1px #ffffff2e}.theme-toggle{border:1px solid color-mix(in srgb, white 48%, var(--yf-border));border-radius:var(--yf-radius-pill);background:linear-gradient(180deg, #ffffff85, #ffffff1f), color-mix(in srgb, var(--yf-paper) 46%, transparent);width:44px;height:44px;box-shadow:inset 0 1px 0 #ffffffad, 0 14px 32px -20px color-mix(in srgb, var(--yf-charcoal) 45%, transparent);color:var(--yf-envelope-drive-ink);-webkit-backdrop-filter:blur(22px)saturate(155%);backdrop-filter:blur(22px)saturate(155%);transition:background-color var(--yf-duration-slow) var(--yf-ease-standard), color var(--yf-duration-slow) var(--yf-ease-standard), transform var(--yf-duration-fast) var(--yf-ease-standard), border-color var(--yf-duration-fast) var(--yf-ease-standard);place-items:center;display:inline-grid}.theme-toggle:hover{border-color:color-mix(in srgb, white 76%, var(--yf-border));transform:translateY(-1px)}.theme-toggle[aria-pressed=true]{transform:none}.menu-fab{z-index:var(--yf-z-nav);bottom:calc(16px + env(safe-area-inset-bottom,0px));border:1px solid color-mix(in srgb, white 50%, var(--yf-border));border-radius:var(--yf-radius-pill);background:radial-gradient(120% 100% at 50% -30%, #ffffff8c, transparent 58%), linear-gradient(180deg, #ffffff6b, #ffffff1f), color-mix(in srgb, var(--yf-paper) 55%, transparent);height:54px;color:var(--yf-envelope-drive-ink);letter-spacing:.01em;box-shadow:inset 0 1.5px 0 #ffffffb3, inset 0 -1px 0 #ffffff3d, 0 3px 8px -4px color-mix(in srgb, var(--yf-charcoal) 22%, transparent), 0 20px 44px -18px color-mix(in srgb, var(--yf-charcoal) 55%, transparent);-webkit-backdrop-filter:blur(26px)saturate(180%);backdrop-filter:blur(26px)saturate(180%);transition:scale var(--yf-duration-fast) var(--yf-ease-standard), background-color var(--yf-duration-slow) var(--yf-ease-standard), color var(--yf-duration-slow) var(--yf-ease-standard);align-items:center;gap:9px;padding:0 21px 0 17px;font-size:14px;font-weight:600;line-height:1;display:none;position:fixed;left:50%;translate:-50%}.menu-fab:active{scale:.94}.landing-dark .menu-fab{border-color:color-mix(in srgb, var(--yf-paper) 22%, transparent);background:radial-gradient(120% 100% at 50% -30%, #ffffff42, transparent 58%), linear-gradient(180deg, #ffffff1f, #ffffff08), color-mix(in srgb, var(--yf-charcoal) 62%, transparent);color:var(--yf-paper);box-shadow:inset 0 1.5px #ffffff4d,inset 0 -1px #ffffff1a,0 3px 8px -4px #0006,0 20px 44px -18px #000000a6}.menu-fab-icon{width:20px;height:20px;transition:rotate var(--yf-duration-slow) var(--yf-ease-standard);place-items:center;display:grid;position:relative}.menu-fab.is-open .menu-fab-icon{rotate:90deg}.menu-fab-icon svg{transition:opacity var(--yf-duration-base) var(--yf-ease-standard);margin:auto;position:absolute;inset:0}.menu-fab-icon svg:first-child{opacity:1}.menu-fab-icon svg:nth-child(2){opacity:0;rotate:-90deg}.menu-fab.is-open .menu-fab-icon svg:first-child{opacity:0;transition-delay:90ms}.menu-fab.is-open .menu-fab-icon svg:nth-child(2){opacity:1;transition-delay:90ms}.menu-fab-label{place-items:center;display:grid}.menu-fab-label>span{opacity:1;transition:translate var(--yf-duration-slow) var(--yf-ease-standard), opacity var(--yf-duration-fast) var(--yf-ease-standard);grid-area:1/1;translate:0}.menu-fab-label>span:nth-child(2){opacity:0;translate:0 120%}.menu-fab.is-open .menu-fab-label>span:first-child{opacity:0;translate:0 -120%}.menu-fab.is-open .menu-fab-label>span:nth-child(2){opacity:1;translate:0}:is(.landing-light,.faidah-light,.learning-light,.quiz-light,.next-action-light,.completion-light,.intake-light,.about-light,.landing-dark,.faidah-dark,.learning-dark,.quiz-dark,.next-action-dark,.completion-dark,.about-dark,.intake-dark) .mobile-nav{z-index:var(--yf-z-popover);top:auto;right:auto;bottom:calc(88px + env(safe-area-inset-bottom,0px));border:3px solid var(--yf-sand);opacity:0;visibility:hidden;pointer-events:none;transform-origin:50% 100%;-webkit-backdrop-filter:blur(30px)saturate(160%);backdrop-filter:blur(30px)saturate(160%);width:min(300px,100vw - 44px);transition:opacity var(--yf-duration-base) var(--yf-ease-standard), transform .56s cubic-bezier(.22, 1.36, .32, 1), visibility 0s linear var(--yf-duration-base);animation:none;position:fixed;left:50%;transform:translate(-50%,26px)scale(.84);box-shadow:0 26px 64px -24px #0000007a}:is(.landing-light,.faidah-light,.learning-light,.quiz-light,.next-action-light,.completion-light,.intake-light,.about-light,.landing-dark,.faidah-dark,.learning-dark,.quiz-dark,.next-action-dark,.completion-dark,.about-dark,.intake-dark) .mobile-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(-50%)scale(1)}:is(.landing-light,.faidah-light,.learning-light,.quiz-light,.next-action-light,.completion-light,.intake-light,.about-light,.landing-dark,.faidah-dark,.learning-dark,.quiz-dark,.next-action-dark,.completion-dark,.about-dark,.intake-dark) .mobile-nav a{text-align:center;opacity:0;filter:blur(7px);transition:opacity var(--yf-duration-base) var(--yf-ease-standard), translate var(--yf-duration-slow) var(--yf-ease-standard), filter var(--yf-duration-slow) var(--yf-ease-standard);animation:none;translate:0 12px}:is(.landing-light,.faidah-light,.learning-light,.quiz-light,.next-action-light,.completion-light,.intake-light,.about-light,.landing-dark,.faidah-dark,.learning-dark,.quiz-dark,.next-action-dark,.completion-dark,.about-dark,.intake-dark) .mobile-nav.is-open a{opacity:1;filter:blur();translate:0}:is(.landing-light,.faidah-light,.learning-light,.quiz-light,.next-action-light,.completion-light,.intake-light,.about-light,.landing-dark,.faidah-dark,.learning-dark,.quiz-dark,.next-action-dark,.completion-dark,.about-dark,.intake-dark) .mobile-nav a:nth-child(2){transition-delay:50ms}:is(.landing-light,.faidah-light,.learning-light,.quiz-light,.next-action-light,.completion-light,.intake-light,.about-light,.landing-dark,.faidah-dark,.learning-dark,.quiz-dark,.next-action-dark,.completion-dark,.about-dark,.intake-dark) .mobile-nav a:nth-child(3){transition-delay:.1s}:is(.landing-light,.faidah-light,.learning-light,.quiz-light,.next-action-light,.completion-light,.intake-light,.about-light,.landing-dark,.faidah-dark,.learning-dark,.quiz-dark,.next-action-dark,.completion-dark,.about-dark,.intake-dark) .mobile-nav a:nth-child(4){transition-delay:.15s}:is(.landing-light,.faidah-light,.learning-light,.quiz-light,.next-action-light,.completion-light,.intake-light,.about-light,.landing-dark,.faidah-dark,.learning-dark,.quiz-dark,.next-action-dark,.completion-dark,.about-dark,.intake-dark) .mobile-nav a:nth-child(5){transition-delay:.2s}:is(.landing-light,.faidah-light,.learning-light,.quiz-light,.next-action-light,.completion-light,.about-light,.intake-light) .mobile-nav{background:color-mix(in srgb, var(--yf-paper) 38%, transparent);box-shadow:inset 0 1px 0 #ffffff73, 0 26px 64px -26px color-mix(in srgb, var(--yf-charcoal) 45%, transparent)}:is(.landing-dark,.faidah-dark,.learning-dark,.quiz-dark,.next-action-dark,.completion-dark,.about-dark,.intake-dark) .mobile-nav{background:color-mix(in srgb, var(--yf-charcoal) 26%, transparent);box-shadow:inset 0 1px #ffffff24,0 26px 64px -24px #0000008c}.nav-links{isolation:isolate;border:1px solid color-mix(in srgb, white 48%, var(--yf-border));border-radius:var(--yf-radius-pill);background:linear-gradient(180deg, #ffffff7a, #ffffff1a), color-mix(in srgb, var(--yf-paper) 42%, transparent);min-height:46px;box-shadow:inset 0 1px 0 #ffffffad, 0 14px 32px -20px color-mix(in srgb, var(--yf-charcoal) 45%, transparent);-webkit-backdrop-filter:blur(28px)saturate(180%);backdrop-filter:blur(28px)saturate(180%);align-items:center;gap:2px;padding:5px;display:flex;position:relative;overflow:hidden}.nav-pill{z-index:0;border-radius:var(--yf-radius-pill);background:linear-gradient(180deg, #ffffff4d, #fff0), color-mix(in srgb, var(--yf-paper) 82%, transparent);width:0;box-shadow:inset 0 1px 0 #ffffffbf, 0 2px 8px -3px color-mix(in srgb, var(--yf-charcoal) 35%, transparent);opacity:0;pointer-events:none;transition:transform .28s cubic-bezier(.34, 1.4, .44, 1), width .28s cubic-bezier(.34, 1.4, .44, 1), opacity .15s var(--yf-ease-standard);position:absolute;top:5px;bottom:5px;left:0;transform:translate(0)}.nav-pill[data-on]{opacity:1}.nav-links a,.mobile-nav a{color:var(--muted-foreground);transition:color var(--yf-duration-fast) var(--yf-ease-standard);font-size:14px;font-weight:500;text-decoration:none;position:relative}.nav-links a{z-index:1;border-radius:var(--yf-radius-pill);min-height:36px;color:color-mix(in srgb, var(--foreground) 68%, transparent);white-space:nowrap;align-items:center;padding:10px 15px;line-height:1;display:inline-flex}.nav-links a:hover,.nav-links a[aria-current=page],.mobile-nav a[aria-current=page]{color:var(--primary)}.header-cta{flex-shrink:0}.mobile-nav{display:none}.hero{isolation:isolate;background:var(--yf-paper);min-height:100svh;color:var(--yf-paper-ink);--hero-line:color-mix(in srgb, var(--yf-paper) 22%, transparent);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.hero-video{z-index:0;object-fit:cover;object-position:center center;width:100%;height:100%;position:absolute;inset:0}.hero-copy{z-index:2;text-align:left;max-width:780px;padding:0 clamp(24px,4.6vw,72px) clamp(18px,3.4svh,34px);position:relative}.eyebrow{color:var(--primary);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:22px;font-size:11px;font-weight:700;display:flex}.hero-title-main{font-family:var(--heading);display:block}.hero-title-accent{font-family:var(--heading);letter-spacing:-.02em;font-style:italic;display:block}.hero h1{color:var(--yf-paper-ink);letter-spacing:-.03em;margin:0 0 clamp(14px,2.6svh,22px);font-size:clamp(38px,min(4.7vw,8.2svh),72px);line-height:1}.hero h1 .hero-title-accent{color:var(--yf-paper-ink)}.hero-copy>p:not(.eyebrow){max-width:46ch;color:color-mix(in srgb, var(--yf-paper-ink) 74%, transparent);margin:0;font-size:clamp(14.5px,1.7svh,16px);line-height:1.7}.hero .eyebrow{color:var(--yf-sage-strong);justify-content:flex-start;margin-bottom:clamp(14px,2.6svh,22px)}.hero .hero-actions{justify-content:flex-start;align-items:center;margin-top:clamp(18px,4svh,34px);animation:none}.hero-strip{z-index:2;border-top:1px solid var(--hero-line);background:color-mix(in srgb, var(--yf-charcoal) 52%, transparent);-webkit-backdrop-filter:blur(16px)saturate(130%);backdrop-filter:blur(16px)saturate(130%);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative}.hero-cell{flex-direction:column;gap:7px;padding:clamp(12px,2svh,18px) clamp(20px,3vw,36px) clamp(14px,2.2svh,20px);display:flex}.hero-cell+.hero-cell{border-left:1px solid var(--hero-line)}.hero-cell:first-child{justify-content:center}.hero-cell-head{align-items:center;gap:10px;display:flex}.hero-murid-stack{flex-shrink:0;align-items:center;display:flex}.hero-murid-avatar{border:2px solid var(--yf-paper);border-radius:var(--yf-radius-pill);width:32px;height:32px;font-family:var(--sans);letter-spacing:.01em;place-items:center;font-size:13px;font-weight:700;display:inline-grid}.hero-murid-avatar+.hero-murid-avatar{margin-left:-9px}.hero-murid-avatar--leaf{background:color-mix(in srgb, var(--yf-sage-strong) 26%, var(--yf-paper));color:var(--yf-envelope-drive-ink)}.hero-murid-avatar--ink{background:var(--yf-envelope-drive-ink);color:var(--yf-paper)}.hero-murid-avatar--paper{background:var(--yf-paper);color:var(--yf-envelope-drive-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--yf-paper-ink) 20%, transparent)}.hero-murid-avatar--sage{background:var(--yf-sage-strong);color:var(--yf-paper-ink);font-size:11px}.hero-cell svg{color:var(--yf-sage-strong);flex-shrink:0}.hero-cell strong{color:var(--yf-paper);font-size:14px;font-weight:600}.hero-cell p{color:color-mix(in srgb, var(--yf-paper) 64%, transparent);margin:0;font-size:12.5px;line-height:1.55}.hero-cell-link{color:var(--yf-sage-strong);font-weight:600;text-decoration:none}.hero-cell-link:hover,.hero-cell-link:focus-visible{color:var(--yf-paper);text-underline-offset:4px;text-decoration:underline}.hero-actions{animation:hero-detail-in var(--yf-duration-slow) var(--yf-ease-standard) both;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px;display:flex}.final-cta>small{margin-top:7px;display:block}.section{padding-block:72px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.section-heading h2{margin-bottom:10px}.section-heading p{max-width:570px;color:var(--muted-foreground);font-size:15px}.section-heading .eyebrow{margin-bottom:13px}.text-link{align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.text-link:hover{text-decoration:underline}.text-link svg{transition:transform var(--yf-duration-fast) var(--yf-ease-standard)}.text-link:hover svg,.text-link:focus-visible svg{transform:translate(4px)}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.featured-envelope-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.featured-envelope{border:1px solid var(--border);border-radius:var(--yf-radius-lg);min-width:0;transition:border-color var(--yf-duration-base) var(--yf-ease-standard), transform var(--yf-duration-base) var(--yf-ease-standard), box-shadow var(--yf-duration-base) var(--yf-ease-standard);background:0 0}.envelope-trigger{border-radius:inherit;width:100%;height:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:block;overflow:hidden}.envelope-stage{border-radius:var(--yf-radius-lg);background:radial-gradient(circle at 50% 15%, #ffffffbf, transparent 38%), var(--yf-envelope-drive-stage);height:300px;position:relative;overflow:hidden}.envelope-stage.attendance{background:radial-gradient(circle at 50% 15%, #ffffffb8, transparent 38%), var(--yf-envelope-sand-stage)}.envelope-stage.ai{background:radial-gradient(circle at 50% 15%, #ffffffb8, transparent 38%), var(--yf-envelope-mist-stage)}.envelope-back{z-index:1;border:1px solid var(--yf-envelope-drive-border);border-radius:var(--yf-radius-md);background:var(--yf-envelope-drive-back);height:212px;position:absolute;bottom:21px;left:27px;right:27px;box-shadow:0 10px 20px #304a3314}.attendance .envelope-back{border-color:var(--yf-envelope-sand-border);background:var(--yf-envelope-sand-back)}.ai .envelope-back{border-color:var(--yf-envelope-mist-border);background:var(--yf-envelope-mist-back)}.envelope-paper{z-index:2;border:1px solid var(--yf-paper-line);background:var(--yf-paper);border-radius:8px 8px 3px 3px;flex-direction:column;align-items:flex-start;width:min(72%,226px);height:210px;transition:transform .42s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:25px;left:50%;transform:translate(-50%)translateY(46px);box-shadow:0 7px 18px #293c321a}.envelope-paper:after{content:"";background:var(--yf-paper-line);width:62%;height:2px;box-shadow:0 7px 0 var(--yf-paper-muted);margin:35px auto 0}.featured-envelope:hover .envelope-paper,.featured-envelope:focus-within .envelope-paper{transform:translate(-50%)translateY(5px)rotate(-1deg)}.envelope-front{z-index:3;border:1px solid var(--yf-envelope-drive-border);background:linear-gradient(145deg, var(--yf-envelope-drive-face-a), var(--yf-envelope-drive-face-b));height:174px;color:var(--yf-envelope-drive-ink);border-radius:8px 8px 12px 12px;transition:filter .22s;position:absolute;bottom:13px;left:14px;right:14px;overflow:hidden}.envelope-front:before{content:"";clip-path:polygon(0 0,50% 76%,100% 0);background:#809a6930;height:84px;position:absolute;inset:0 0 auto}.attendance .envelope-front:before{background:#9a773a29}.ai .envelope-front:before{background:#536c5726}.envelope-front h3{color:currentColor;font-family:var(--heading);text-align:center;margin:0;font-size:clamp(17px,1.55vw,21px);font-weight:400;line-height:1.22;position:absolute;bottom:21px;left:23px;right:23px}.attendance .envelope-front{border-color:var(--yf-envelope-sand-border);background:linear-gradient(145deg, var(--yf-envelope-sand-face-a), var(--yf-envelope-sand-face-b));color:var(--yf-envelope-sand-ink)}.ai .envelope-front{border-color:var(--yf-envelope-mist-border);background:linear-gradient(145deg, var(--yf-envelope-mist-face-a), var(--yf-envelope-mist-face-b));color:var(--yf-envelope-mist-ink)}.featured-envelope:hover .envelope-front{filter:brightness(1.025)}.paper-modal-open .featured-envelope,.paper-modal-open .featured-envelope:hover,.paper-modal-open .featured-envelope:focus-within{border-color:var(--border);box-shadow:none;transform:none}.paper-modal-open .featured-envelope .envelope-paper,.paper-modal-open .featured-envelope:hover .envelope-paper,.paper-modal-open .featured-envelope:focus-within .envelope-paper{transform:translate(-50%)translateY(46px)}.paper-modal-open .featured-envelope .envelope-front{filter:none}.paper-modal-backdrop{z-index:var(--yf-z-modal);background:var(--yf-overlay);-webkit-backdrop-filter:blur(15px)saturate(80%);backdrop-filter:blur(15px)saturate(80%);animation:modal-backdrop-in var(--yf-duration-base) var(--yf-ease-standard) both;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.paper-modal{border:1px solid var(--yf-paper-line);border-radius:var(--yf-radius-sm);background:linear-gradient(#f4f3edf5, #f4f3edf5), repeating-linear-gradient(0deg, transparent 0 30px, var(--yf-paper-line) 30px 31px);width:min(100%,570px);max-height:calc(100svh - 56px);color:var(--yf-paper-ink);box-shadow:var(--yf-shadow-overlay);transform-origin:0 0;scrollbar-width:none;-ms-overflow-style:none;padding:38px 42px 40px;animation:.42s cubic-bezier(.33,0,.2,1) .26s both paper-modal-travel;position:relative;overflow:auto}.paper-modal-pages{transform-origin:0;animation:.38s cubic-bezier(.22,1,.36,1) .56s both paper-modal-open}.paper-modal.is-closing{animation:.38s cubic-bezier(.5,0,.75,0) both paper-modal-back}.paper-modal.is-closing .paper-modal-pages{animation:.32s cubic-bezier(.5,0,.75,0) both paper-modal-shut}.paper-modal-backdrop.is-closing{animation:modal-backdrop-out .32s var(--yf-ease-standard) both}.paper-modal::-webkit-scrollbar{width:0;height:0;display:none}.paper-modal:after{content:"";pointer-events:none;border:1px solid var(--yf-paper-line);position:absolute;inset:10px}.paper-modal-top{z-index:1;justify-content:space-between;align-items:center;gap:14px;margin-bottom:26px;display:flex;position:relative}.paper-modal-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.paper-modal-close{border-radius:50%;flex-shrink:0}.paper-modal-icon{border-radius:var(--yf-radius-lg);background:var(--yf-envelope-drive-stage);width:68px;height:68px;color:var(--yf-envelope-drive-ink);place-items:center;margin-bottom:22px;display:grid}.paper-modal-icon.attendance{background:var(--yf-envelope-sand-stage);color:var(--yf-envelope-sand-ink)}.paper-modal-icon.ai{background:var(--yf-envelope-mist-stage);color:var(--yf-envelope-mist-ink)}.paper-modal h2{max-width:470px;color:var(--yf-paper-ink);font-size:clamp(30px,4.5vw,42px)}.paper-modal>p{color:color-mix(in srgb, var(--yf-paper-ink) 72%, transparent);margin-bottom:0;line-height:1.75}.paper-modal-stamps{border-block:1px solid var(--yf-paper-line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px;display:grid}.paper-modal-stamps>div{padding:14px 12px 14px 16px}.paper-modal-stamps>div:first-child{padding-left:0}.paper-modal-stamps>div+div{border-left:1px solid var(--yf-paper-line)}.paper-modal-stamps dt{color:color-mix(in srgb, var(--yf-paper-ink) 52%, transparent);font-family:var(--yf-font-mono);letter-spacing:.14em;font-size:9px;font-weight:700}.paper-modal-stamps dd{color:var(--yf-paper-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:7px 0 0;font-size:14px;font-weight:600}.paper-modal-progress{margin-top:18px}.paper-modal-progress .app-progress{margin-bottom:8px}.paper-modal-progress small{color:color-mix(in srgb, var(--yf-paper-ink) 58%, transparent);font-size:12px}.paper-modal-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px;display:flex}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes paper-modal-sheet-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes paper-modal-sheet-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes paper-modal-fade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes paper-modal-fade-out{0%{opacity:1}to{opacity:0}}@keyframes paper-modal-travel{0%{opacity:0;transform:perspective(1200px) translate(var(--paper-modal-origin-x,0px), var(--paper-modal-origin-y,0px)) scale(var(--paper-modal-origin-scale,.9))}30%{opacity:1}to{opacity:1;transform:perspective(1200px)translate(0)scale(1)}}@keyframes paper-modal-open{0%{opacity:0;transform:perspective(1000px)rotateY(-54deg)}60%{opacity:1}to{opacity:1;transform:perspective(1000px)rotateY(0)}}@keyframes paper-modal-back{0%{opacity:1;transform:perspective(1200px)translate(0)scale(1)}to{opacity:0;transform:perspective(1200px) translate(var(--paper-modal-origin-x,0px), var(--paper-modal-origin-y,0px)) scale(var(--paper-modal-origin-scale,.9))}}@keyframes paper-modal-shut{0%{opacity:1;transform:perspective(1000px)rotateY(0)}to{opacity:0;transform:perspective(1000px)rotateY(-54deg)}}.faidah-card{flex-direction:column;min-width:0;min-height:390px;padding:22px;display:flex}.faidah-card.coming-soon{background:color-mix(in srgb, var(--yf-surface) 78%, var(--yf-surface-inset))}.faidah-card-kicker{color:var(--yf-mist);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:800;line-height:1.4}.faidah-card-status{border-radius:var(--yf-radius-pill);background:0 0;align-self:flex-start;gap:6px;margin-top:16px;font-size:10px}.faidah-card-status>span{background:currentColor;border-radius:50%;width:7px;height:7px}.faidah-card h3{margin:14px 0 12px;font-size:clamp(22px,2vw,27px);line-height:1.04}.faidah-card-description{color:var(--yf-mist);margin:0;font-size:13px;line-height:1.7}.faidah-card-meta{color:var(--yf-quiet);flex-wrap:wrap;gap:12px;margin-top:22px;font-size:10px;display:flex}.faidah-card-progress{width:100%;margin-top:18px}.faidah-card-progress small{color:var(--yf-quiet);margin-top:7px;font-size:10px;display:block}.faidah-card-action{width:100%;margin-top:auto;padding-top:24px}.faidah-card-action .yf-button{width:100%}.card-icon{width:66px;height:70px;color:var(--yf-envelope-drive-ink);border:1px solid color-mix(in srgb, var(--yf-paper) 65%, transparent);border-radius:var(--yf-radius-lg);background:color-mix(in srgb, var(--yf-paper) 70%, transparent);place-items:center;display:grid;transform:rotate(-7deg);box-shadow:0 7px 14px #0000000a}.card-icon svg{width:32px;height:32px}.attendance .card-icon{color:var(--yf-envelope-sand-ink);transform:rotate(6deg)}.ai .card-icon{color:var(--yf-envelope-mist-ink);transform:rotate(-4deg)}.needs-banner{background:var(--yf-surface);border:1px solid var(--yf-border);border-radius:var(--yf-radius-md);justify-content:space-between;align-items:center;gap:24px;margin-top:38px;padding:23px 30px;display:flex}.needs-banner h3{margin-bottom:5px;font-size:17px}.needs-banner p{color:var(--muted-foreground);font-size:14px}.audience-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.audience-card{--glow-x:50%;--glow-y:50%;isolation:isolate;border:1px solid var(--yf-border);border-radius:var(--yf-radius-lg);background:radial-gradient(circle 170px at var(--glow-x) var(--glow-y), #f4f5f214, transparent 70%), var(--yf-surface);min-height:282px;transition:border-color var(--yf-duration-base) var(--yf-ease-standard), transform var(--yf-duration-base) var(--yf-ease-standard);flex-direction:column;padding:25px;display:flex;position:relative;overflow:hidden}.audience-card:before{content:"";z-index:-1;pointer-events:none;border:1px solid var(--yf-border-soft);border-radius:var(--yf-radius-md);position:absolute;inset:4px}.audience-card:after{content:"";z-index:-1;width:180px;height:180px;transition:transform var(--yf-duration-slow) var(--yf-ease-standard);background:#f4f5f20a;border-radius:50%;position:absolute;top:-80px;right:-70px}.audience-card:hover{border-color:var(--yf-mist);transform:translateY(-2px)}.audience-card:hover:after{transform:translate(-20px,18px)scale(1.15)}.audience-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:35px;display:flex}.audience-icon{border:1px solid var(--yf-border);border-radius:var(--yf-radius-md);background:var(--yf-surface-raised);width:52px;height:52px;color:var(--yf-mist);box-shadow:var(--yf-shadow-raised);transition:color var(--yf-duration-base) var(--yf-ease-standard), background var(--yf-duration-base) var(--yf-ease-standard), transform var(--yf-duration-base) var(--yf-ease-standard);place-items:center;display:grid}.audience-card:hover .audience-icon{background:var(--yf-cloud);color:var(--yf-charcoal)}.audience-index{color:var(--yf-quiet);font-family:var(--heading);font-size:24px;line-height:1}.audience-card h3{font-family:var(--heading);margin-bottom:10px;font-size:25px;font-weight:400}.audience-card p{color:var(--muted-foreground);font-size:13px}.audience-card .text-link{width:fit-content;margin-top:auto;padding-top:18px}.final-cta{isolation:isolate;text-align:center;border:1px solid var(--yf-border);border-radius:var(--yf-radius-xl);background:var(--yf-surface);margin-block:38px 72px;padding:54px 40px;position:relative;overflow:hidden}.final-cta:before{content:"";z-index:-1;background:url(/assets/view_light_mode-C2FbmScL.png) 50%/cover no-repeat;position:absolute;inset:0}.landing-dark .final-cta:before{background-image:url(/assets/view_dark_mode-gJ5fTu6C.png)}.final-cta:after{content:"";z-index:-1;background:color-mix(in srgb, var(--yf-surface) 38%, transparent);position:absolute;inset:0}.final-cta h2{max-width:680px;margin-inline:auto}.final-cta p{max-width:560px;color:var(--muted-foreground);margin-inline:auto}.final-cta .hero-actions{justify-content:center}.final-cta .yf-button{margin-top:8px}.bare-main{padding-top:0}.about-hero{align-items:flex-end;min-height:min(72svh,620px);display:flex;position:relative;overflow:hidden}.about-hero-image{object-fit:cover;object-position:center 62%;width:100%;height:124%;transform:translate3d(0, var(--about-parallax,0px), 0);will-change:transform;position:absolute;top:-12%;left:0}.about-hero-scrim{background: linear-gradient(180deg, color-mix(in srgb, var(--yf-charcoal) 42%, transparent) 0, transparent 30%),  radial-gradient(120% 95% at 18% 92%, color-mix(in srgb, var(--yf-charcoal) 74%, transparent) 0, transparent 70%), linear-gradient(0deg, color-mix(in srgb, var(--yf-charcoal) 30%, transparent) 0, transparent 52%);position:absolute;inset:0}.about-hero-body{z-index:1;color:var(--yf-paper);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 32px;padding-block:40px 46px;display:flex;position:relative}.about-hero-text{max-width:58ch}.about-hero-body h1{color:var(--yf-paper);font-family:var(--sans);letter-spacing:-.03em;text-shadow:0 2px 20px #00000061;margin:0;font-size:clamp(34px,6vw,62px);font-weight:600}.about-hero-body h1 em{font-family:var(--heading);letter-spacing:-.02em;font-style:normal;font-weight:700}.about-hero-lead{max-width:46ch;color:color-mix(in srgb, var(--yf-paper) 92%, transparent);text-shadow:0 1px 14px #00000057;margin:16px 0 0;font-size:clamp(15px,1.6vw,18px);line-height:1.7}.about-hero-arabic{color:var(--yf-paper);font-family:"Cairo", var(--sans);text-shadow:0 2px 16px #00000061;margin:0;font-size:clamp(20px,2.6vw,30px);font-weight:600;line-height:1.6}.about-history{padding-top:72px}.about-history .page-heading{padding-top:0}.about-history-body{max-width:640px}.about-history-body p{color:var(--muted-foreground);margin:0;font-size:15px;line-height:1.8}.about-history-body .yf-button{align-self:flex-start}.about-page .page-heading{max-width:720px}.about-page .card-grid{margin-block:8px 28px}.about-page .panel h2{letter-spacing:-.02em;font-size:19px;font-weight:650}.about-page .panel p{color:var(--muted-foreground);font-size:14.5px;line-height:1.7}.about-note{max-width:620px;color:var(--muted-foreground);font-size:13.5px}.about-actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.site-footer{background-color:var(--background);background-image: linear-gradient(180deg, transparent 0, transparent 38px, color-mix(in srgb, var(--yf-charcoal) 58%, transparent) 150px, color-mix(in srgb, var(--yf-charcoal) 62%, transparent) 100%), url(/assets/bg_footer-BOCuHnEZ.webp);background-position:50%,50% 38px;background-repeat:no-repeat;background-size:cover,cover;margin-top:clamp(72px,8vw,140px);padding-top:0;position:relative;overflow:hidden}.footer-divider{z-index:1;filter:drop-shadow(0 8px 10px #0000008c);background:url(/assets/devider-grass-Cgg62Sll.png) bottom/auto 100% repeat-x;height:clamp(46px,5.5vw,70px);margin-bottom:-22px;position:relative;overflow:hidden}.footer-body{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:10px;padding-block:40px 8px;display:flex;position:relative}.footer-arabic{color:color-mix(in srgb, var(--yf-paper) 94%, transparent);font-family:"Cairo", var(--sans);margin:3% 0 10px;font-size:clamp(40px,5.4vw,68px);font-weight:600;line-height:1.55}.footer-gloss{color:color-mix(in srgb, var(--yf-paper) 72%, transparent);letter-spacing:.03em;margin:0;font-size:13px}.footer-nav{flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-top:18px;display:flex}.footer-nav a{color:color-mix(in srgb, var(--yf-paper) 78%, transparent);font-size:13.5px;text-decoration:none}.footer-nav a:hover{color:var(--yf-paper);text-decoration:underline}.footer-meta{flex-direction:column;align-items:center;gap:8px;margin-top:26px;display:flex}.footer-subscribe{border:1px solid color-mix(in srgb, var(--yf-paper) 20%, transparent);border-radius:var(--yf-radius-xl);background:linear-gradient(180deg, #ffffff12, #ffffff03), color-mix(in srgb, var(--yf-charcoal) 62%, transparent);text-align:center;width:min(620px,100%);margin-top:28px;padding:26px 28px 24px;position:relative;box-shadow:0 18px 40px -26px #0009}.footer-subscribe-title{color:color-mix(in srgb, var(--yf-paper) 96%, transparent);font-family:var(--sans);letter-spacing:-.02em;margin:0 0 6px;font-size:19px;font-weight:650}.footer-subscribe-copy{color:color-mix(in srgb, var(--yf-paper) 76%, transparent);margin:0 0 16px;font-size:13.5px}.footer-subscribe-label{color:color-mix(in srgb, var(--yf-paper) 62%, transparent);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:12px;display:block}.footer-subscribe-row{justify-content:center;gap:10px;display:flex}.footer-subscribe input{border:1px solid color-mix(in srgb, var(--yf-paper) 24%, transparent);background:color-mix(in srgb, var(--yf-charcoal) 72%, transparent);width:min(320px,100%);color:var(--yf-paper);border-radius:999px;padding:13px 18px;font-size:14px}.footer-subscribe input::placeholder{color:color-mix(in srgb, var(--yf-paper) 52%, transparent)}.footer-subscribe-note{color:color-mix(in srgb, var(--yf-paper) 66%, transparent);margin:14px 0 0;font-size:12.5px}.footer-meta .brand{color:color-mix(in srgb, var(--yf-paper) 92%, transparent);align-items:center;gap:10px;font-size:21px;display:inline-flex}.footer-logo{border:1px solid color-mix(in srgb, var(--yf-paper) 20%, transparent);border-radius:9px;width:42px;height:42px}.footer-meta small{color:color-mix(in srgb, var(--yf-paper) 62%, transparent);font-size:12px}.footer-wordmark{--glint-x:50%;--glint-y:50%;isolation:isolate;color:#0000;width:100%;font-family:"Almarai", var(--sans);letter-spacing:-.05em;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #f4f5f214;filter:drop-shadow(0 12px 14px #0000002e);background:linear-gradient(108deg,#f4f5f20a 18%,#f4f5f23d 45%,#f4f5f214 62%,#f4f5f224 82%);-webkit-background-clip:text;background-clip:text;margin-top:18px;padding-inline:0;font-size:24.2vw;font-weight:800;line-height:1;position:relative;transform:translateY(18%)}.footer-wordmark:before{content:attr(data-text);z-index:1;pointer-events:none;color:#0000;background:radial-gradient(circle 180px at var(--glint-x) var(--glint-y), #f4f5f2b8 0, #aeb4af52 38%, transparent 72%);-webkit-text-fill-color:transparent;opacity:0;transition:opacity var(--yf-duration-base) var(--yf-ease-standard);-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.footer-wordmark:before,.footer-wordmark:after{padding:inherit}.footer-wordmark:hover:before{opacity:1}.footer-wordmark:after{content:attr(data-text);z-index:-1;color:#f4f5f208;-webkit-text-fill-color:#f4f5f208;text-shadow:-2px -2px 2px #f4f5f214,2px 3px 3px #0000003d;position:absolute;inset:0;transform:translateY(3px)}.page-heading{max-width:780px;padding-block:58px 32px}.page-heading p{color:var(--muted-foreground)}.faidah-light main{background:radial-gradient(circle 520px at 8% 120px, color-mix(in srgb, var(--yf-envelope-drive-border) 16%, transparent), transparent 72%), radial-gradient(circle 440px at 92% 240px, color-mix(in srgb, var(--yf-envelope-sand-ink) 10%, transparent), transparent 70%), linear-gradient(180deg, var(--yf-paper) 0%, var(--yf-paper-muted) 100%)}.faidah-catalog-page,.faidah-detail-page{position:relative}.faidah-catalog-page .page-heading,.faidah-detail-page .page-heading{padding-top:72px}.faidah-catalog-page .page-heading h1,.faidah-detail-page .page-heading h1{color:var(--yf-envelope-drive-ink)}.faidah-catalog-page .page-heading p,.faidah-detail-page .page-heading p{max-width:590px;color:color-mix(in srgb, var(--yf-paper-ink) 68%, transparent);font-size:18px}:is(.landing-dark,.faidah-dark,.learning-dark,.quiz-dark,.next-action-dark,.completion-dark,.about-dark,.intake-dark) .faidah-catalog-page .page-heading h1{color:var(--yf-sage)}:is(.landing-dark,.faidah-dark,.learning-dark,.quiz-dark,.next-action-dark,.completion-dark,.about-dark,.intake-dark) .faidah-catalog-page .page-heading p{color:color-mix(in srgb, var(--yf-paper) 74%, transparent)}.faidah-detail-page .detail-grid>div:first-child,.faidah-detail-page .detail-grid>div:first-child h2,.faidah-detail-page .detail-grid>div:first-child h3{color:var(--yf-paper-ink)}.faidah-detail-page .detail-grid>div:first-child .text-link{color:var(--yf-envelope-drive-ink)}.faidah-detail-page .detail-grid>div:first-child .step-number{color:var(--yf-envelope-mist-ink)}.faidah-detail-page .detail-grid>div:first-child .detail-resource{border-color:var(--yf-paper-line);background:color-mix(in srgb, var(--yf-paper-muted) 60%, transparent)}.faidah-detail-page .detail-grid>div:first-child .notice strong{color:var(--yf-envelope-drive-ink)}.faidah-detail-page .detail-grid>div:first-child .notice{border-color:color-mix(in srgb, var(--yf-paper-line) 90%, transparent);background:color-mix(in srgb, var(--yf-paper-muted) 55%, transparent);color:color-mix(in srgb, var(--yf-paper-ink) 85%, transparent)}.faidah-catalog-page .faidah-toolbar{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:42px;display:flex}.faidah-toolbar-field{border:1px solid color-mix(in srgb, var(--yf-paper-line) 85%, transparent);border-radius:var(--yf-radius-pill);min-width:0;color:color-mix(in srgb, var(--yf-paper-ink) 52%, transparent);background:color-mix(in srgb, var(--yf-paper) 55%, transparent);-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);transition:border-color var(--yf-duration-base) var(--yf-ease-standard), box-shadow var(--yf-duration-base) var(--yf-ease-standard);flex:320px;align-items:center;gap:10px;padding:0 18px 0 16px;display:flex}.faidah-toolbar-field:focus-within{border-color:var(--yf-envelope-drive-ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--yf-sage) 20%, transparent)}.faidah-toolbar-field .search-input{width:auto;min-height:48px;color:var(--yf-paper-ink);box-shadow:none;background:0 0;border:0;flex:auto;padding:12px 0}.faidah-filter{flex:none;position:relative}.faidah-filter-trigger{border:1px solid color-mix(in srgb, var(--yf-paper-line) 85%, transparent);border-radius:var(--yf-radius-pill);min-height:48px;color:var(--yf-envelope-drive-ink);background:color-mix(in srgb, var(--yf-paper) 55%, transparent);-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);letter-spacing:.02em;cursor:pointer;transition:border-color var(--yf-duration-base) var(--yf-ease-standard), box-shadow var(--yf-duration-base) var(--yf-ease-standard);align-items:center;gap:9px;padding:0 14px 0 18px;font-size:12px;font-weight:700;display:inline-flex}.faidah-filter-trigger:hover{border-color:color-mix(in srgb, var(--yf-envelope-drive-ink) 40%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--yf-sage) 16%, transparent)}.faidah-filter-caret{color:color-mix(in srgb, var(--yf-paper-ink) 45%, transparent);transition:transform var(--yf-duration-fast) var(--yf-ease-standard);display:inline-flex}.faidah-filter-trigger[aria-expanded=true] .faidah-filter-caret{transform:rotate(90deg)}.faidah-filter-menu{z-index:var(--yf-z-popover);border:1px solid var(--yf-paper-line);border-radius:var(--yf-radius-lg);background:var(--yf-paper);width:216px;box-shadow:inset 0 1px 0 #fff6, 0 26px 52px -20px color-mix(in srgb, var(--yf-paper-ink) 30%, transparent);animation:filter-pop var(--yf-duration-fast) var(--yf-ease-standard);margin:0;padding:8px;list-style:none;position:absolute;top:calc(100% + 8px);right:0}@keyframes filter-pop{0%{opacity:0;transform:translateY(-4px)}}.faidah-filter-menu button{border-radius:var(--yf-radius-sm);width:100%;color:var(--yf-paper-ink);font-family:var(--yf-font-ui);cursor:pointer;transition:background var(--yf-duration-fast) var(--yf-ease-standard);background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.faidah-filter-menu button:hover{background:color-mix(in srgb, var(--yf-sage) 16%, transparent)}.faidah-filter-menu button[data-selected]{background:color-mix(in srgb, var(--yf-envelope-drive-stage) 70%, transparent);color:var(--yf-envelope-drive-ink)}.faidah-dark .faidah-toolbar-field,.faidah-dark .faidah-filter-trigger{color:var(--yf-paper);background:linear-gradient(180deg, #ffffff24, #ffffff0a), color-mix(in srgb, var(--yf-charcoal) 56%, transparent);border-color:#ffffff42}.faidah-dark .faidah-toolbar-field:focus-within{border-color:color-mix(in srgb, var(--yf-sage) 55%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--yf-sage) 18%, transparent)}.faidah-dark .faidah-toolbar-field .search-input{color:var(--yf-paper)}.faidah-dark .faidah-filter-trigger:hover{box-shadow:0 0 0 4px color-mix(in srgb, var(--yf-sage) 16%, transparent);border-color:#ffffff75}.faidah-dark .faidah-filter-caret{color:color-mix(in srgb, var(--yf-paper) 46%, transparent)}.faidah-dark .faidah-filter-menu{background:linear-gradient(180deg, #ffffff1a, #ffffff08), color-mix(in srgb, var(--yf-charcoal) 84%, transparent);-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);border-color:#ffffff29;box-shadow:inset 0 1px #ffffff29,0 26px 52px -20px #000000a6}.faidah-dark .faidah-filter-menu button{color:var(--yf-paper)}.faidah-dark .faidah-filter-menu button:hover{background:color-mix(in srgb, var(--yf-sage) 22%, transparent)}.faidah-dark .faidah-filter-menu button[data-selected]{background:color-mix(in srgb, var(--yf-sage) 28%, transparent);color:var(--yf-cloud)}.faidah-catalog-page .faidah-bookshelf{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;padding-top:18px}.faidah-catalog-page .faidah-book-slot{padding:12px}.faidah-catalog-page .faidah-book{gap:10px;min-height:258px;padding:18px 14px 14px 22px}.faidah-catalog-page .book-heading{min-height:48px;padding-bottom:9px}.faidah-catalog-page .book-number{font-size:10px}.faidah-catalog-page .book-heading strong{font-size:13px}.faidah-catalog-page .book-category{font-size:8px}.faidah-catalog-page .book-cover-placeholder{gap:8px;min-height:98px}.faidah-catalog-page .book-cover-placeholder svg{width:20px;height:20px}.faidah-catalog-page .book-cover-placeholder>span,.faidah-catalog-page .book-colophon{font-size:7px}@media (width<=1279px){.faidah-catalog-page .faidah-bookshelf{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1023px){.faidah-catalog-page .faidah-bookshelf{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=639px){.faidah-catalog-page .faidah-bookshelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.faidah-catalog-page .faidah-book-slot{padding:8px}.faidah-catalog-page .faidah-book{gap:8px;min-height:206px;padding:13px 10px 10px 16px}.faidah-catalog-page .book-heading{min-height:42px;padding-bottom:7px}.faidah-catalog-page .book-heading strong{font-size:12px}.faidah-catalog-page .book-category,.faidah-catalog-page .book-colophon{font-size:7px}.faidah-catalog-page .book-cover-placeholder{gap:6px;min-height:74px}.faidah-catalog-page .book-cover-placeholder svg{width:18px;height:18px}.faidah-catalog-page .book-cover-placeholder>span{font-size:6px}}.faidah-detail-page>.text-link{margin-top:30px;display:inline-flex}.faidah-detail-page .detail-grid{gap:clamp(28px,5vw,56px)}.faidah-detail-page .detail-grid>div:first-child{border:1px solid var(--yf-paper-line);border-radius:calc(var(--radius) + 10px);background:color-mix(in srgb, var(--yf-paper) 92%, transparent);box-shadow:0 22px 54px color-mix(in srgb, var(--yf-paper-ink) 8%, transparent);padding:clamp(24px,4vw,38px)}.faidah-detail-page .detail-grid>div:first-child>h2{color:var(--yf-envelope-drive-ink)}.faidah-detail-page .lesson-list{border-color:var(--yf-paper-line)}.faidah-detail-page .lesson-list>li{border-color:var(--yf-paper-line);border-radius:var(--yf-radius-md);padding-inline:14px}.faidah-detail-page .lesson-list>li:hover{background:color-mix(in srgb, var(--yf-envelope-drive-border) 12%, transparent)}.faidah-detail-page .detail-aside{border-color:var(--yf-paper-line);background:color-mix(in srgb, var(--yf-paper) 92%, transparent);box-shadow:0 18px 44px color-mix(in srgb, var(--yf-paper-ink) 8%, transparent);top:116px}.faidah-detail-page .notice{border-color:var(--yf-paper-line);background:color-mix(in srgb, var(--yf-paper-muted) 82%, transparent)}.narrow{max-width:760px;margin-inline:auto}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:30px}.stack{flex-direction:column;gap:22px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.muted-text{color:var(--muted-foreground)}.search-input::placeholder,.field input::placeholder,.field textarea::placeholder{color:var(--muted-foreground);opacity:1}.empty-state,.not-found{text-align:center;padding:64px 24px}.empty-state p,.not-found p{color:var(--muted-foreground)}.detail-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:36px;padding-bottom:64px;display:grid}.detail-aside{position:sticky;top:28px}.detail-aside>.yf-button{width:100%}.detail-resource{margin-block:28px}.detail-resource h3{margin-bottom:8px}.detail-resource>p{max-width:560px;color:var(--yf-mist);font-size:13px}.detail-resource .resource-card{margin-bottom:0}.lesson-list{border-top:1px solid var(--border);margin:24px 0;padding:0;list-style:none}.lesson-list>li{border-bottom:1px solid var(--border);align-items:center;gap:14px;margin:0;padding:17px 0;display:flex}.lesson-list a{text-decoration:none}.lesson-list .step-number{flex-shrink:0;margin:0;position:static}.detail-aside .row{justify-content:space-between}.lesson-layout{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:32px;padding-block:36px 72px;display:grid}.lesson-sidebar{border:1px solid var(--border);border-radius:var(--yf-radius-lg);background:var(--card);padding:20px;position:sticky;top:24px}.lesson-sidebar h3{font-size:16px}.lesson-nav{border-radius:var(--yf-radius-sm);width:100%;color:var(--muted-foreground);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;margin-top:6px;padding:12px;font-size:13px;text-decoration:none;display:flex}.lesson-nav:hover{background:var(--muted)}.lesson-nav.active{border-color:color-mix(in srgb, var(--yf-sky) 46%, var(--yf-border));background:color-mix(in srgb, var(--yf-sky) 10%, var(--yf-surface));color:var(--yf-sky);font-weight:600}.lesson-nav.done,.lesson-nav.done svg{color:var(--yf-sage)}.reader{overflow-wrap:anywhere;min-width:0}.reader-top{color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;font-size:12px;display:flex}.reader h1{font-size:38px}.reader h2{margin-top:30px;font-size:28px}.reader>p,.reader li{line-height:1.85}.app-progress{margin-block:16px 26px}.example,.takeaway{border:1px solid var(--yf-border);border-left:3px solid var(--yf-sky);border-radius:var(--yf-radius-md);background:color-mix(in srgb, var(--yf-sky) 6%, var(--yf-surface-inset));margin-block:24px;padding:22px}.example pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 var(--mono)}.takeaway{background:color-mix(in srgb, var(--yf-sage) 6%, var(--yf-surface-inset));border-left-color:var(--yf-sage)}.example h3,.takeaway h3{font-size:16px}.reader-actions{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:32px;padding-top:24px;display:flex}.reader-action-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.reader-icon-action{text-decoration:none}.lesson-steps-fab{z-index:var(--yf-z-popover);right:16px;bottom:calc(18px + env(safe-area-inset-bottom,0px));border:1px solid var(--yf-paper-line);background:var(--yf-paper);min-height:48px;color:var(--yf-paper-ink);font-family:var(--mono);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:12px;font-weight:700;display:none;position:fixed;box-shadow:0 14px 30px -14px #00000073}.lesson-steps-fab.is-open{background:var(--yf-charcoal);color:var(--yf-paper)}.lesson-steps-scrim{z-index:var(--yf-z-popover);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1416186b;border:0;display:none;position:fixed;inset:0}.learning-light main{background:radial-gradient(circle 520px at 76% 180px, color-mix(in srgb, var(--yf-envelope-drive-border) 10%, transparent), transparent 72%), var(--yf-paper)}.learning-reader-page{grid-template-columns:260px minmax(0,720px) 48px;justify-content:space-between;gap:clamp(34px,6vw,92px);width:min(1360px,100% - 80px);min-height:calc(100svh - 88px);padding-block:54px 96px}.learning-reader-page .lesson-sidebar{background:0 0;border:0;border-radius:0;padding:0;top:118px}.lesson-course-heading{margin-bottom:20px}.lesson-course-heading>span{color:var(--muted-foreground);letter-spacing:.04em;margin-bottom:6px;font-size:12px;display:block}.lesson-course-heading h2{color:var(--foreground);font-family:var(--sans);letter-spacing:-.02em;margin:0;font-size:17px;font-weight:500;line-height:1.35}.learning-reader-page .lesson-sidebar>.yf-button{margin-bottom:42px}.lesson-progress-copy{color:var(--foreground);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;font-size:13px;display:flex}.lesson-progress-copy span{color:var(--muted-foreground);white-space:nowrap;font-size:11px}.learning-reader-page .app-progress{margin:0 0 18px}.learning-reader-page .lesson-sidebar nav{gap:2px;margin-bottom:28px;display:grid}.learning-reader-page .lesson-nav{border-radius:var(--yf-radius-sm);color:color-mix(in srgb, var(--yf-paper-ink) 66%, transparent);border:0;align-items:flex-start;gap:12px;margin:0;padding:9px 8px 9px 0;font-size:14px;line-height:1.45}.learning-reader-page .lesson-nav:hover{background:color-mix(in srgb, var(--yf-envelope-drive-border) 9%, transparent);color:var(--foreground)}.learning-reader-page .lesson-nav.active{color:var(--yf-envelope-drive-ink);background:0 0;border:0;font-weight:650}.learning-reader-page .lesson-nav.done{color:color-mix(in srgb, var(--yf-envelope-drive-ink) 74%, transparent)}.lesson-nav-marker{flex:0 0 16px;place-items:center;width:16px;height:20px;display:grid}.lesson-nav-marker>span{border:2px solid var(--yf-paper-line);background:var(--yf-paper);width:9px;height:9px;box-shadow:0 0 0 2px color-mix(in srgb, var(--yf-paper-line) 36%, transparent);border-radius:50%}.learning-reader-page .lesson-nav.active .lesson-nav-marker>span{border-color:var(--yf-envelope-drive-border);background:var(--yf-envelope-drive-border);box-shadow:0 0 0 3px color-mix(in srgb, var(--yf-envelope-drive-border) 18%, transparent)}.learning-reader-page .lesson-nav.done svg{width:15px;color:var(--yf-envelope-drive-ink)}.learning-reader-page .reader{background:0 0;border:0;border-radius:0;padding:0 0 40px}.learning-reader-page .reader-top{justify-content:flex-start;margin-bottom:24px}.learning-reader-page .reader h1{max-width:680px;color:var(--yf-paper-ink);font-family:var(--sans);letter-spacing:-.045em;margin-bottom:30px;font-size:clamp(38px,4vw,54px);font-weight:450;line-height:1.08}.learning-reader-page .reader>p{max-width:680px;color:color-mix(in srgb, var(--yf-paper-ink) 70%, transparent);font-size:16px;line-height:1.78}.learning-reader-page .reader>.intro{color:color-mix(in srgb, var(--yf-paper-ink) 78%, transparent);margin-bottom:28px;font-size:18px;line-height:1.65}.learning-reader-page .example,.learning-reader-page .takeaway{border-color:var(--yf-paper-line);background:color-mix(in srgb, var(--yf-paper-muted) 72%, transparent);max-width:680px}.learning-reader-page .reader-actions{border-color:var(--yf-paper-line);max-width:680px}.reader-rail{color:color-mix(in srgb, var(--yf-paper-ink) 42%, transparent);font:10px/1 var(--mono);justify-items:end;gap:10px;display:grid;position:sticky;top:118px}.reader-rail-current{color:var(--yf-envelope-drive-ink);font-weight:700}.reader-rail-track{justify-items:end;gap:5px;display:grid}.reader-rail-track span{background:var(--yf-paper-line);width:8px;height:2px;transition:width var(--yf-duration-base) var(--yf-ease-standard), background var(--yf-duration-base) var(--yf-ease-standard);display:block}.reader-rail-track span.current{background:var(--yf-envelope-drive-border);width:13px}.reader-rail-track span.current-center{background:var(--yf-envelope-drive-ink);width:18px}.reader-rail-track span.current-edge{width:10px}.learning-dark .learning-reader-page .reader h1{color:var(--foreground)}.learning-dark .learning-reader-page .reader>.intro,.learning-dark .learning-reader-page .reader>p{color:color-mix(in srgb, var(--yf-paper) 74%, transparent)}.learning-dark .learning-reader-page .lesson-nav{color:color-mix(in srgb, var(--yf-paper) 64%, transparent)}.learning-dark .learning-reader-page .lesson-nav:hover{color:var(--foreground)}.learning-dark .learning-reader-page .lesson-nav.active{color:var(--yf-sage)}.learning-dark .learning-reader-page .lesson-nav.done{color:color-mix(in srgb, var(--yf-sage) 72%, transparent)}.learning-dark .learning-reader-page .lesson-nav.done svg{color:var(--yf-sage)}.learning-dark .learning-reader-page .lesson-nav.active .lesson-nav-marker>span{border-color:var(--yf-sage);background:var(--yf-sage);box-shadow:0 0 0 3px color-mix(in srgb, var(--yf-sage) 22%, transparent)}.learning-dark .learning-reader-page .reader-actions{border-color:var(--yf-border)}.learning-dark .learning-reader-page .example,.learning-dark .learning-reader-page .takeaway{border-color:color-mix(in srgb, var(--yf-paper) 16%, transparent);background:linear-gradient(180deg, #ffffff0d, #ffffff03), color-mix(in srgb, var(--yf-charcoal) 52%, transparent)}.learning-dark .reader-rail{color:color-mix(in srgb, var(--yf-paper) 46%, transparent)}.learning-dark .reader-rail-current{color:var(--yf-sage)}.learning-dark .reader-rail-track span.current,.learning-dark .reader-rail-track span.current-center{background:var(--yf-sage)}:is(.quiz-dark,.next-action-dark,.completion-dark) .quiz-page .page-heading h1,:is(.quiz-dark,.next-action-dark,.completion-dark) .next-action-page .page-heading h1,:is(.quiz-dark,.next-action-dark,.completion-dark) .completion-page h1{color:var(--yf-sage)}.quiz-light main,.next-action-light main,.completion-light main{background:radial-gradient(circle 480px at 76% 180px, color-mix(in srgb, var(--yf-envelope-drive-border) 10%, transparent), transparent 72%), var(--yf-paper)}.quiz-page .page-heading h1,.next-action-page .page-heading h1,.completion-page h1{color:var(--yf-envelope-drive-ink)}.quiz-options{gap:12px;margin-block:24px;display:grid}.quiz-option{text-align:left;width:100%;display:block}.quiz-option .yf-button-face{text-align:left;justify-content:flex-start;gap:16px;min-height:70px;padding:16px 20px;position:relative}.quiz-option-key{border:1px solid var(--border);background:var(--yf-surface);width:36px;height:36px;color:var(--muted-foreground);font-family:var(--mono);border-radius:50%;flex:0 0 36px;place-items:center;font-size:14px;display:grid}.quiz-option-text{flex:auto;font-size:16px;line-height:1.5}.quiz-option-flag{color:var(--yf-sage-strong);place-items:center;display:grid}.quiz-option-pop{z-index:2;object-fit:contain;filter:drop-shadow(0 4px 6px #00000040);width:30px;height:30px;margin-top:-15px;margin-left:-15px;animation:.42s cubic-bezier(.22,1.36,.32,1) both quiz-pop;position:absolute;top:50%;left:38px}@keyframes quiz-pop{0%{opacity:0;transform:scale(.35)rotate(-18deg)}55%{opacity:1;transform:scale(1.22)rotate(6deg)}to{opacity:1;transform:scale(1)rotate(0)}}.quiz-option:hover:not(:disabled) .yf-button-face{border-color:var(--yf-mist)}.quiz-option.selected:not(.correct):not(.incorrect) .yf-button-face{border-color:var(--yf-sky);background:color-mix(in srgb, var(--yf-sky) 12%, var(--yf-surface));box-shadow:inset 3px 0 var(--yf-sky)}.quiz-option.correct .yf-button-face{border-color:var(--yf-sage);background:color-mix(in srgb, var(--yf-sage) 12%, var(--yf-surface));color:var(--yf-sage)}.quiz-option.incorrect .yf-button-face{border-color:var(--yf-sakura);background:color-mix(in srgb, var(--yf-sakura) 10%, var(--yf-surface));color:var(--yf-sakura)}.quiz-option.correct .quiz-option-key,.quiz-option.incorrect .quiz-option-key{color:inherit;background:0 0;border-color:currentColor}.quiz-light .quiz-option.correct .yf-button-face{border-color:var(--yf-sage-strong);background:color-mix(in srgb, var(--yf-sage) 26%, var(--yf-surface));color:var(--foreground)}.quiz-light .quiz-option.incorrect .yf-button-face{border-color:var(--yf-sakura-strong);background:color-mix(in srgb, var(--yf-sakura) 24%, var(--yf-surface));color:var(--foreground)}.quiz-light .quiz-option.selected:not(.correct):not(.incorrect) .yf-button-face{border-color:var(--yf-sky-strong);background:color-mix(in srgb, var(--yf-sky) 22%, var(--yf-surface))}.quiz-result{border:1px solid color-mix(in srgb, var(--yf-envelope-sand-border) 62%, transparent);padding:clamp(30px,5.5cqw,48px) clamp(34px,6cqw,56px);position:relative;container-type:inline-size}.quiz-result.is-correct{border-color:color-mix(in srgb, var(--yf-sage-strong) 55%, transparent);background-color:color-mix(in srgb, var(--yf-sage) 14%, var(--yf-surface))}.quiz-result.is-wrong{border-color:color-mix(in srgb, var(--yf-envelope-sand-border) 72%, transparent);background-color:color-mix(in srgb, var(--yf-sand) 16%, var(--yf-surface))}.quiz-corner{z-index:2;pointer-events:none;filter:drop-shadow(0 6px 10px #0000001f);width:22cqw;height:auto;position:absolute}.quiz-corner--tl{top:-1.4cqw;left:-1.4cqw}.quiz-corner--tr{top:-1.4cqw;right:-1.4cqw}.quiz-corner--bl{bottom:-1.4cqw;left:-1.4cqw}.quiz-corner--br{bottom:-1.4cqw;right:-1.4cqw}.quiz-result-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.quiz-result-head h3{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:650}.quiz-result p{color:var(--muted-foreground);margin:0;font-size:16px;line-height:1.7}.quiz-result-badge{padding:7px 11px;font-size:12px}.quiz-result.is-correct .quiz-result-badge{border-color:color-mix(in srgb, var(--yf-sage-strong) 55%, transparent)}.quiz-light .quiz-result.is-correct .quiz-result-badge{border-color:color-mix(in srgb, var(--yf-envelope-drive-border) 45%, transparent);color:var(--yf-envelope-drive-ink)}.quiz-light .quiz-result.is-wrong .quiz-result-badge{border-color:color-mix(in srgb, var(--yf-envelope-sand-ink) 45%, transparent);background:color-mix(in srgb, var(--yf-envelope-sand-ink) 10%, transparent);color:var(--yf-envelope-sand-ink)}.quiz-result-body{align-items:flex-start;gap:22px;display:flex}.quiz-result-text{flex:auto;min-width:0}.quiz-result-icon{object-fit:contain;flex:0 0 96px;width:96px;height:96px;margin-left:-12px;animation:.52s cubic-bezier(.22,1.36,.32,1) both quiz-pop}.quiz-card-head{color:var(--muted-foreground);justify-content:space-between;font-size:14px}.quiz-step{font-family:var(--mono);letter-spacing:.04em}.quiz-page .page-heading h1,.quiz-page .page-heading p,.quiz-question,.quiz-result-head h3{font-family:var(--sans)}.quiz-page .page-heading h1{letter-spacing:-.03em;font-weight:600}.quiz-page .page-heading p{font-size:19px}.quiz-question{letter-spacing:-.025em;max-width:32ch;font-size:clamp(24px,2.8vw,32px);font-weight:600;line-height:1.3}.quiz-actions{margin-top:4px}.quiz-actions-tools{align-items:center;gap:10px;display:flex}.form-message{border:1px solid var(--yf-sage);border-radius:var(--yf-radius-md);background:color-mix(in srgb, var(--yf-sage) 8%, var(--yf-surface));color:var(--yf-sage);margin-block:18px;padding:15px 18px;font-size:14px}.form-message.error{border-color:var(--yf-sakura);background:color-mix(in srgb, var(--yf-sakura) 8%, var(--yf-surface));color:var(--yf-sakura)}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-block:24px;display:grid}.action-card{border:1px solid var(--border);border-radius:var(--yf-radius-md);background:var(--card);color:var(--foreground);text-align:left;transition:border-color var(--yf-duration-base) var(--yf-ease-standard), background var(--yf-duration-base) var(--yf-ease-standard), transform var(--yf-duration-base) var(--yf-ease-standard), box-shadow var(--yf-duration-base) var(--yf-ease-standard);flex-direction:column;align-items:flex-start;gap:10px;padding:22px;text-decoration:none;display:flex}.action-card:hover{border-color:var(--yf-mist);box-shadow:var(--yf-shadow-raised);transform:translateY(-2px)}.action-card.selected{border-color:var(--yf-sky);background:color-mix(in srgb, var(--yf-sky) 10%, var(--yf-surface));box-shadow:inset 0 0 0 1px var(--yf-sky)}.action-card p{color:var(--muted-foreground);font-size:14px}.checklist{gap:14px;padding:0;list-style:none;display:grid}.checklist>li,.checklist>label{align-items:flex-start;gap:11px;margin:0;display:flex}.checklist input,.consent input,.radio-group input{accent-color:var(--yf-sky);flex-shrink:0;width:18px;height:18px;margin-top:4px}.completion{border:1px solid color-mix(in srgb, var(--yf-sage) 48%, var(--yf-border));border-radius:var(--yf-radius-xl);background:var(--card);text-align:center;max-width:720px;margin:48px auto;padding:44px}.achievement{border:1px solid var(--yf-sage);background:color-mix(in srgb, var(--yf-sage) 10%, var(--yf-surface));width:82px;height:82px;color:var(--yf-sage);border-radius:50%;place-items:center;margin:0 auto 24px;font-size:35px;display:grid}.achievement svg{width:36px;height:36px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-block:28px;display:grid}.stat{border:1px solid var(--border);border-radius:var(--yf-radius-md);background:var(--card);padding:23px}.reveal-on-scroll{opacity:0;transition:opacity var(--yf-duration-slow) var(--yf-ease-standard) var(--reveal-delay,0s), transform var(--yf-duration-slow) var(--yf-ease-standard) var(--reveal-delay,0s);transform:translateY(26px)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.audience-card.reveal-on-scroll.is-visible:hover{transform:translateY(-2px)}@keyframes hero-title-in{0%{opacity:0;filter:blur(5px);transform:translateY(22px)scale(.97)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes hero-detail-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes nav-enter{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.stat strong{color:var(--primary);font-family:var(--heading);margin-bottom:8px;font-size:34px;font-weight:400;line-height:1.2;display:block}.stat span,.stat p{color:var(--muted-foreground);font-size:13px}.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:26px;margin-bottom:64px;display:grid}.notice{border:1px solid var(--yf-sky);border-radius:var(--yf-radius-md);background:color-mix(in srgb, var(--yf-sky) 7%, var(--yf-surface));color:var(--yf-sky);flex-direction:column;align-items:flex-start;gap:12px;margin-block:22px;padding:18px 22px;font-size:14px;display:flex}.notice p{margin:0}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:16px;font-weight:600}button.text-link{color:var(--primary);background:0 0;border:0;padding:0}.quiz-option:disabled{opacity:1}.takeaway>svg{margin-bottom:8px}.completion .hero-actions{justify-content:center}.completion .text-link{align-self:center}.notice.warning{border-color:var(--yf-sand);background:color-mix(in srgb, var(--yf-sand) 8%, var(--yf-surface));color:var(--yf-sand)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field>label,.field>span,.field>legend{font-size:13px;font-weight:600}fieldset.field{border:0;margin:0;padding:0}.field small{color:var(--muted-foreground);font-size:12px}.field [aria-invalid=true]{border-color:var(--yf-sakura)!important}:is(.form-grid>.field:has(textarea),.form-grid>.radio-group,.form-grid>.consent,.form-grid>.form-message){grid-column:1/-1}.radio-group{flex-wrap:wrap;gap:12px 22px;display:flex}.radio-group label,.consent{align-items:flex-start;gap:9px;min-height:44px;padding-block:10px;font-size:14px;display:flex}.consent{color:var(--muted-foreground);margin-block:20px}.honeypot{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:var(--yf-z-toast);background:var(--primary);color:var(--primary-foreground);border-radius:8px;padding:12px 20px;position:fixed;top:12px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.resource-card{border:1px solid var(--border);border-radius:var(--yf-radius-md);background:var(--yf-surface-inset);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;margin-block:12px;padding:12px;display:grid}.resource-card-copy{min-width:0}.resource-card-copy strong{color:var(--yf-cloud);overflow-wrap:anywhere;font-size:12px;display:block}.resource-card-copy span{color:var(--yf-quiet);margin-top:3px;font-size:10px;display:block}.resource-card .yf-button-face{min-height:40px;padding:8px 16px;font-size:12px}@media (width<=420px){.resource-card{grid-template-columns:1fr}.resource-card .yf-button{width:100%}}@media (width<=1023px){main{padding-top:76px}.site-header>.container{gap:18px;min-height:76px;position:relative}.nav-links{display:none}.menu-fab{display:inline-flex}.header-cta-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.header-actions{margin-left:auto}.mobile-nav{flex-direction:column;gap:4px;display:flex}.mobile-nav a{border-radius:var(--yf-radius-sm);padding:12px;display:block}.hero{min-height:100svh}.hero-strip{display:none}.hero-copy{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}.hero-cell+.hero-cell{border-left:0;border-top:1px solid var(--hero-line)}.hero h1{font-size:clamp(38px,min(7.2vw,7.8svh),56px)}.section{padding-block:52px}.card-grid,.featured-envelope-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:minmax(0,1fr) 280px;gap:24px}.lesson-layout{grid-template-columns:210px minmax(0,1fr);gap:20px}.learning-reader-page{grid-template-columns:220px minmax(0,1fr);gap:40px;width:min(100% - 48px,960px)}.reader-rail{display:none}.lesson-steps-fab{display:inline-flex}.lesson-steps-scrim{display:block}.learning-reader-page .lesson-sidebar{z-index:calc(var(--yf-z-popover) + 1);max-height:78svh;padding:24px 20px calc(24px + env(safe-area-inset-bottom,0px));border-radius:var(--yf-radius-lg) var(--yf-radius-lg) 0 0;background:var(--yf-paper);transition:transform .32s var(--yf-ease-standard);position:fixed;inset:auto 0 0;overflow-y:auto;transform:translateY(102%);box-shadow:0 -18px 44px -24px #00000073}.learning-reader-page .lesson-sidebar.is-open{transform:translateY(0)}.learning-reader-page .lesson-sidebar>.yf-button,.learning-reader-page .lesson-save{display:none}.reader-action-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reader-actions{gap:10px}.reader-action-group{gap:8px}.reader-top{gap:10px}.reader-action-group{flex-wrap:nowrap;flex:auto;min-width:0}.reader-action-group .reader-complete-button{flex:auto}.reader-action-group .reader-icon-action{flex:none}.lesson-sidebar{padding:14px}.reader{padding:26px}.dashboard-grid{grid-template-columns:1fr}}@keyframes mobile-menu-enter{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mobile-menu-item-enter{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (hover:none) and (pointer:coarse){.featured-envelope:hover .envelope-paper,.featured-envelope:focus-within .envelope-paper{transform:translate(-50%)translateY(46px)}}@media (width<=639px){main{padding-top:72px}.container{width:calc(100% - 36px)}.site-header>.container{min-height:72px}.brand{font-size:25px}.brand-mark{width:33px;height:37px}.mobile-nav{padding-inline:18px}.hero{min-height:100svh}.hero-copy{padding-top:8px}.hero h1{max-width:none;margin-inline:0;font-size:clamp(34px,min(10.5vw,8svh),48px)}.hero-copy>p:not(.eyebrow){font-size:15px}.eyebrow{margin-bottom:18px;font-size:10px}.hero-cell{gap:5px;padding:13px 20px 15px}.hero-murid-avatar{width:26px;height:26px;font-size:11px}.hero-murid-avatar+.hero-murid-avatar{margin-left:-8px}.hero-murid-avatar--sage{font-size:10px}.hero-cell strong{font-size:13.5px}.hero .hero-actions{flex-direction:column;align-items:flex-start;gap:12px;margin-top:20px}.hero-actions .yf-button{flex:none;align-self:stretch;padding-inline:0}.section{padding-block:40px}.section-heading{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:25px}.card-grid,.featured-envelope-grid,.detail-grid,.lesson-layout,.action-grid,.form-grid{grid-template-columns:1fr}.envelope-stage{height:280px}.envelope-paper{width:min(68%,210px);height:200px}.paper-modal-backdrop{align-items:end;padding:12px 12px 0}.paper-modal{border-radius:var(--yf-radius-lg) var(--yf-radius-lg) var(--yf-radius-md) var(--yf-radius-md);width:100%;max-height:calc(100svh - 24px);padding:22px 20px 26px;animation:.42s cubic-bezier(.22,1,.36,1) both paper-modal-sheet-in}.paper-modal.is-closing{animation:.32s cubic-bezier(.5,0,.75,0) both paper-modal-sheet-out}.paper-modal-pages{animation:paper-modal-fade .26s .12s var(--yf-ease-standard) both}.paper-modal.is-closing .paper-modal-pages{animation:paper-modal-fade-out .2s var(--yf-ease-standard) both}.paper-modal-top{margin-bottom:18px}.paper-modal-icon{width:52px;height:52px;margin-bottom:16px}.paper-modal h2{font-size:clamp(24px,6.4vw,30px)}.paper-modal>p{font-size:14.5px}.paper-modal-stamps{grid-template-columns:minmax(0,1fr);margin-top:18px}.paper-modal-stamps>div{justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;display:flex}.paper-modal-stamps>div+div{border-left:0;border-top:1px solid var(--yf-paper-line);padding-left:0}.paper-modal-stamps dd{text-align:right;margin:0}.paper-modal-progress{margin-top:16px}.paper-modal-actions{flex-direction:column;align-items:stretch;gap:10px}.paper-modal-actions .yf-button{width:100%}.needs-banner{flex-direction:column;align-items:flex-start;padding:22px}.audience-grid{grid-template-columns:1fr;gap:12px}.audience-card{min-height:250px;padding:21px}.final-cta{margin-block:28px 46px;padding:36px 22px}.footer-body{gap:8px;padding-top:26px}.footer-subscribe{padding:22px 18px 20px}.footer-subscribe-row{flex-direction:column}.footer-subscribe input{width:100%}.quiz-result-body{flex-direction:column;gap:10px}.quiz-result-icon{flex:0 0 56px;width:56px;height:56px;margin-left:0}.quiz-question{max-width:none}.quiz-actions{flex-direction:column-reverse;align-items:stretch}.quiz-actions .yf-button{width:100%}.footer-arabic{line-height:1.7}.footer-meta{flex-direction:column;gap:6px}.footer-wordmark{margin-top:8px;font-size:clamp(126px,34vw,180px);line-height:.82;transform:translateY(14%)}.page-heading{padding-block:38px 26px}.panel,.reader{border-radius:var(--yf-radius-md);padding:22px}.detail-grid{padding-bottom:42px}.detail-aside,.lesson-sidebar{position:static}.lesson-layout{padding-block:24px 44px}.learning-reader-page{gap:36px;width:min(100% - 32px,680px);padding-block:28px 56px}.learning-reader-page .lesson-sidebar>.yf-button{margin-bottom:30px}.learning-reader-page .reader{padding:0 0 28px}.learning-reader-page .reader h1{font-size:clamp(34px,10vw,44px)}.reader h1{font-size:32px}.reader h2{font-size:26px}.reader-actions{align-items:stretch}.reader-actions .yf-button{flex:auto}.stats-grid{gap:10px}.stat{padding:16px 10px}.stat strong{font-size:28px}.stat span,.stat p{font-size:11px}.completion{margin-block:28px;padding:30px 20px}.faidah-toolbar{gap:12px;margin-bottom:32px}.faidah-toolbar-field{flex-basis:100%}.notice{padding:16px}}@media (prefers-reduced-motion:reduce){.hero-video{display:none}.site-header,.hero h1,.hero .eyebrow,.hero-copy>p,.hero-actions,.paper-modal-backdrop,.paper-modal{animation:none}.featured-envelope:hover .envelope-paper,.featured-envelope:focus-within .envelope-paper{transform:translate(-50%)translateY(46px)}.menu-fab,.menu-fab-icon,.menu-fab-icon svg,.menu-fab-label>span,:is(.landing-light,.landing-dark) .mobile-nav,:is(.landing-light,.landing-dark) .mobile-nav a{transition:none}:is(.landing-light,.landing-dark) .mobile-nav a{transition-delay:0s}}.learning-invitation{border:1px solid var(--yf-envelope-drive-border);border-radius:var(--yf-radius-xl);background:radial-gradient(circle 540px at -8% 122%, color-mix(in srgb, var(--yf-sage) 16%, transparent), transparent 72%), var(--yf-envelope-drive-stage);color:var(--yf-paper-ink);grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:stretch;gap:clamp(20px,3.5vw,48px);margin-block:24px 40px;display:grid;overflow:hidden}.invitation-copy{padding:clamp(28px,5vw,56px);align-content:center;justify-items:start;padding-right:0;display:grid}.invitation-copy .eyebrow{color:var(--yf-envelope-drive-ink)}.invitation-copy h2{color:var(--yf-paper-ink);font-size:clamp(38px,4.5vw,60px);line-height:1.06}.invitation-copy h2 em{color:var(--yf-envelope-drive-ink)}.invitation-copy>p{max-width:480px;color:color-mix(in srgb, var(--yf-paper-ink) 72%, transparent);margin-block:24px;font-size:16px;line-height:1.8}.invitation-copy>small{color:color-mix(in srgb, var(--yf-paper-ink) 62%, transparent);margin-top:18px;font-size:11px;display:block}.invitation-visual{flex-direction:column;min-width:0;display:flex}.invitation-scene{flex:auto;min-height:320px;animation:.7s cubic-bezier(.24,1.3,.4,1) both invitation-scene-in;position:relative;overflow:hidden}.invitation-scene img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;translate:calc(var(--scene-px,0) * -10px) calc(var(--scene-py,0) * -10px);transition:translate .6s var(--yf-ease-standard), scale .7s var(--yf-ease-standard);display:block;position:absolute;inset:0;scale:1.07}@keyframes invitation-scene-in{0%{opacity:0;scale:.96}to{opacity:1;scale:1}}.audience-heading{text-align:center;max-width:680px;margin:0 auto 36px}.audience-heading .eyebrow{justify-content:center}.audience-heading>p{color:var(--muted-foreground);font-size:14px}.role-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:780px;margin-inline:auto;display:grid}.role-card{--role-cover:var(--yf-envelope-drive-stage);--role-ink:var(--yf-envelope-drive-ink);border-color:var(--yf-paper-line);background:var(--yf-paper);min-width:0;color:var(--yf-paper-ink);transition:transform var(--yf-duration-base) var(--yf-ease-standard), border-color var(--yf-duration-base) var(--yf-ease-standard);flex-direction:column;padding:8px;display:flex}:is(.landing-dark,.faidah-dark,.learning-dark,.quiz-dark,.next-action-dark,.completion-dark,.intake-dark,.about-dark) .role-card{border-color:color-mix(in srgb, var(--yf-paper) 16%, transparent);background:var(--yf-surface);color:var(--yf-paper)}.role-card-sand{--role-cover:var(--yf-envelope-sand-stage);--role-ink:var(--yf-envelope-sand-ink)}.role-card-mist{--role-cover:var(--yf-envelope-mist-stage);--role-ink:var(--yf-envelope-mist-ink)}.role-card-clay{--role-cover:color-mix(in srgb, var(--yf-sakura) 26%, var(--yf-paper));--role-ink:color-mix(in srgb, var(--yf-sakura-strong) 62%, black)}.role-card-cover{border-radius:var(--yf-radius-md);background:var(--role-cover);color:var(--role-ink);justify-items:start;gap:18px;padding:24px;display:grid}.role-card-art{object-fit:contain;justify-self:start;width:auto;max-width:100%;height:60px}.role-card-index{font:9px var(--yf-font-mono);letter-spacing:.08em}.role-card-subtitle{font-size:12px}.role-card-body{flex-direction:column;flex:1;align-items:start;padding:24px 16px 20px;display:flex}.role-card h3{font:30px var(--yf-font-display);color:inherit}.role-card-body>p{color:var(--muted-foreground);margin:0 0 24px;font-size:13px;line-height:1.8}.role-card-body .yf-button{margin-top:auto;width:calc(100% + 32px);margin-inline:-16px}@media (hover:hover){.role-card:hover{border-color:var(--yf-envelope-mist-border);transform:translateY(-4px)}}.role-card:focus-within{border-color:var(--yf-envelope-mist-border)}@media (width<=900px){.learning-invitation{grid-template-columns:1fr;gap:0}.invitation-copy{text-align:center;justify-items:center;padding:clamp(28px,7vw,44px) clamp(28px,7vw,44px) clamp(26px,6vw,40px)}.invitation-copy .eyebrow{justify-content:center}.invitation-copy>p{margin-inline:auto}.invitation-scene{aspect-ratio:1;flex:none;min-height:0}.invitation-scene img{scale:1.02}.role-card-grid{grid-template-columns:1fr;max-width:540px;margin-inline:auto}}@media (prefers-reduced-motion:reduce){.role-card:hover{transform:none}.invitation-scene{animation:none}.invitation-scene img{transition:none;translate:0;scale:1}}.process-split-section{padding-block:clamp(56px,8vw,100px)}.process-intro{text-align:center;max-width:720px;margin:0 auto clamp(52px,7vw,92px)}.process-intro .eyebrow{justify-content:center}.process-intro h2{font-size:clamp(34px,4.5vw,58px)}.process-intro h2 em{color:var(--primary)}.process-intro p{max-width:500px;color:var(--muted-foreground);margin:20px auto 0}.process-split{--process-gap:clamp(52px, 9vw, 148px);gap:var(--process-gap);grid-template-columns:minmax(280px,356px) minmax(0,1fr);align-items:start;max-width:1180px;margin-inline:auto;display:grid}.process-tabs{gap:12px;display:grid}.process-tab{border:1px solid var(--border);border-radius:var(--yf-radius-lg);background:var(--card);width:100%;color:var(--foreground);text-align:left;cursor:pointer;transition:border-color var(--yf-duration-base) var(--yf-ease-standard), background var(--yf-duration-base) var(--yf-ease-standard), transform var(--yf-duration-base) var(--yf-ease-standard), box-shadow var(--yf-duration-base) var(--yf-ease-standard);align-items:center;gap:14px;padding:14px 18px;display:flex;position:relative}.process-tab:hover{border-color:color-mix(in srgb, var(--yf-sand) 55%, var(--border));transform:translateY(-2px)}.process-tab:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.process-tab.is-active{border-color:var(--yf-sand);background:color-mix(in srgb, var(--yf-sand) 9%, var(--card));box-shadow:inset 0 0 0 1px var(--yf-sand), 0 16px 32px -20px color-mix(in srgb, var(--yf-charcoal) 40%, transparent)}.process-tab-marker{border-radius:var(--yf-radius-md);background:color-mix(in srgb, var(--foreground) 7%, transparent);flex-shrink:0;place-items:center;width:56px;height:56px;display:grid;position:relative}.process-tab-number{color:var(--muted-foreground);font:13px var(--yf-font-mono);transition:opacity var(--yf-duration-base) var(--yf-ease-standard), scale var(--yf-duration-base) var(--yf-ease-standard);position:absolute}.process-tab.is-active .process-tab-number{opacity:0;scale:.4}.process-tab-icon{width:44px;height:44px;image-rendering:pixelated;opacity:0;transition:opacity var(--yf-duration-base) var(--yf-ease-standard), scale .42s cubic-bezier(.24, 1.4, .4, 1), rotate .42s cubic-bezier(.24, 1.4, .4, 1);position:absolute;rotate:-14deg;scale:.3}.process-tab.is-active .process-tab-icon{opacity:1;rotate:0deg;scale:1}.process-tab-title{font-family:var(--yf-font-display);font-size:clamp(22px,2vw,26px);line-height:1}.pixel-grass{pointer-events:none;width:4px;height:4px;position:absolute;bottom:7px;left:24px}.pixel-grass:before,.pixel-grass:after{content:"";transform-origin:50% 100%;background:0 0;width:4px;height:4px;animation:2.4s steps(2,end) infinite grass-sway;position:absolute}.pg-0{bottom:8px;left:22px}.pg-0:before{box-shadow:0 -4px 0 var(--yf-sage-strong), 0 -8px 0 var(--yf-sage), 4px -8px 0 var(--yf-sage-strong), 8px -12px 0 var(--yf-envelope-drive-back), 8px -4px 0 var(--yf-envelope-drive-border), 12px -4px 0 var(--yf-sky), 12px -8px 0 var(--yf-sage-strong);animation-duration:3.2s}.pg-0:after{box-shadow:0 -4px 0 var(--yf-envelope-drive-border), 4px -4px 0 var(--yf-sage-strong), 4px -8px 0 var(--yf-sand-strong), 8px -4px 0 var(--yf-sage), 8px -8px 0 var(--yf-sakura);animation-delay:-1.6s;bottom:8px;left:auto;right:30px;scale:.85}.pg-1{bottom:8px;left:calc(50% - 10px)}.pg-1:before{box-shadow:0 -4px 0 var(--yf-sage), 4px -4px 0 var(--yf-sage-strong), 0 -8px 0 var(--yf-sage-strong), 4px -8px 0 var(--yf-sage), 8px -8px 0 var(--yf-sage-strong), -4px -12px 0 var(--yf-envelope-drive-back), 4px -12px 0 var(--yf-sage-strong), 8px -12px 0 var(--yf-envelope-drive-border), 0 -16px 0 var(--yf-sage-strong), 4px -16px 0 var(--yf-sakura-strong);animation-duration:2.6s;animation-delay:-.8s}.pg-1:after{box-shadow:0 -4px 0 var(--yf-sage-strong), 0 -8px 0 var(--yf-sakura), 4px -8px 0 var(--yf-sakura-strong), 8px -8px 0 var(--yf-sky), 4px -12px 0 var(--yf-sand-strong), 4px -4px 0 var(--yf-envelope-drive-border);animation-duration:2.8s;animation-delay:-1.9s;bottom:5px;left:calc(50% + 26px)}.pg-2{bottom:8px;left:auto;right:24px}.pg-2:before{box-shadow:-8px -4px 0 var(--yf-sage), -4px -4px 0 var(--yf-sage-strong), 0 -4px 0 var(--yf-sage-strong), 4px -4px 0 var(--yf-sage), 8px -4px 0 var(--yf-sage-strong), -4px -8px 0 var(--yf-sage), 0 -8px 0 var(--yf-sage-strong), 4px -8px 0 var(--yf-sage-strong), 8px -8px 0 var(--yf-sage), -8px -12px 0 var(--yf-envelope-drive-back), 0 -12px 0 var(--yf-sage-strong), 4px -12px 0 var(--yf-envelope-drive-back), -4px -12px 0 var(--yf-sand-strong), -8px -16px 0 var(--yf-sky-strong), 4px -16px 0 var(--yf-sakura);animation-duration:3s;animation-delay:-2s}.pg-2:after{box-shadow:0 -4px 0 var(--yf-sage), 4px -4px 0 var(--yf-envelope-drive-border), 4px -8px 0 var(--yf-sage-strong), 8px -8px 0 var(--yf-sky), 4px -12px 0 var(--yf-envelope-drive-back), 8px -12px 0 var(--yf-sakura-strong);animation-duration:2.6s;animation-delay:-1.1s;bottom:7px;left:auto;right:58px}@keyframes grass-sway{0%,to{transform:skew(0)}50%{transform:skew(-8deg)translate(-1px)}}.process-tab:hover .pixel-grass:before,.process-tab:hover .pixel-grass:after,.process-tab.is-active .pixel-grass:before,.process-tab.is-active .pixel-grass:after{animation-duration:1.1s}.process-panel{--panel-pad:clamp(26px, 3.2vw, 46px);padding:var(--panel-pad);padding-bottom:calc(var(--panel-pad) + 24px);border:1px solid color-mix(in srgb, var(--yf-sage) 26%, var(--border));border-radius:var(--yf-radius-xl);background:radial-gradient(circle 460px at 92% -12%, color-mix(in srgb, var(--yf-sage) 10%, transparent), transparent 70%), radial-gradient(circle 400px at 4% 112%, color-mix(in srgb, var(--yf-sand) 16%, transparent), transparent 72%), var(--card);box-shadow:0 1px 0 color-mix(in srgb, var(--yf-paper) 70%, transparent) inset, 0 30px 56px -36px color-mix(in srgb, var(--yf-charcoal) 48%, transparent);align-content:start;gap:16px;animation:.62s cubic-bezier(.33,.72,.4,1) both process-panel-in;display:grid;position:relative;overflow:hidden}.process-panel:before{content:"";top:calc(var(--panel-pad) * -.7);right:calc(var(--panel-pad) * -.3);aspect-ratio:1;background-image:var(--panel-watermark,none);width:clamp(160px,17vw,240px);image-rendering:pixelated;opacity:.09;filter:saturate(.55);pointer-events:none;background-repeat:no-repeat;background-size:contain;position:absolute}.process-panel-ground{pointer-events:none;height:32px;position:absolute;bottom:0;left:0;right:0}.process-panel-ground-row{transform-origin:50% 100%;image-rendering:pixelated;background-position:0 100%;background-repeat:repeat-x;position:absolute;bottom:0;left:0;right:0}.process-panel-ground-back{opacity:.8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='14' viewBox='0 0 64 14'%3E%3Cg fill='%23b7c99f'%3E%3Crect x='0' y='10' width='4' height='4'/%3E%3Crect x='12' y='6' width='4' height='8'/%3E%3Crect x='28' y='10' width='4' height='4'/%3E%3Crect x='44' y='6' width='4' height='8'/%3E%3Crect x='56' y='10' width='4' height='4'/%3E%3C/g%3E%3C/svg%3E");height:14px;animation:15s steps(8,end) infinite ground-drift}.process-panel-ground-front{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='24' viewBox='0 0 128 24'%3E%3Cg%3E%3Crect x='0' y='20' width='128' height='4' fill='%238ebaa1'/%3E%3Crect x='0' y='12' width='4' height='8' fill='%238ebaa1'/%3E%3Crect x='4' y='8' width='4' height='12' fill='%2367a17d'/%3E%3Crect x='8' y='12' width='4' height='8' fill='%238ebaa1'/%3E%3Crect x='12' y='4' width='4' height='16' fill='%2367a17d'/%3E%3Crect x='16' y='8' width='4' height='12' fill='%23b7c99f'/%3E%3Crect x='20' y='16' width='4' height='4' fill='%239eb28d'/%3E%3Crect x='24' y='12' width='4' height='8' fill='%23b7c99f'/%3E%3Crect x='28' y='8' width='4' height='12' fill='%238ebaa1'/%3E%3Crect x='32' y='4' width='4' height='16' fill='%2367a17d'/%3E%3Crect x='32' y='0' width='4' height='4' fill='%23a7d4f7'/%3E%3Crect x='36' y='8' width='4' height='12' fill='%238ebaa1'/%3E%3Crect x='40' y='12' width='4' height='8' fill='%23b7c99f'/%3E%3Crect x='44' y='16' width='4' height='4' fill='%239eb28d'/%3E%3Crect x='48' y='16' width='4' height='4' fill='%238ebaa1'/%3E%3Crect x='52' y='12' width='4' height='8' fill='%23355337'/%3E%3Crect x='56' y='8' width='4' height='12' fill='%23b7c99f'/%3E%3Crect x='60' y='4' width='4' height='16' fill='%2367a17d'/%3E%3Crect x='60' y='0' width='4' height='4' fill='%23b7c99f'/%3E%3Crect x='64' y='4' width='4' height='16' fill='%238ebaa1'/%3E%3Crect x='68' y='12' width='4' height='8' fill='%23b7c99f'/%3E%3Crect x='72' y='16' width='4' height='4' fill='%239eb28d'/%3E%3Crect x='76' y='16' width='4' height='4' fill='%23b7c99f'/%3E%3Crect x='80' y='8' width='4' height='12' fill='%2367a17d'/%3E%3Crect x='80' y='8' width='4' height='4' fill='%23cba55d'/%3E%3Crect x='84' y='8' width='4' height='4' fill='%23a7d4f7'/%3E%3Crect x='84' y='12' width='4' height='8' fill='%238ebaa1'/%3E%3Crect x='88' y='4' width='4' height='16' fill='%23355337'/%3E%3Crect x='92' y='8' width='4' height='12' fill='%238ebaa1'/%3E%3Crect x='96' y='16' width='4' height='4' fill='%239eb28d'/%3E%3Crect x='100' y='12' width='4' height='8' fill='%238ebaa1'/%3E%3Crect x='104' y='4' width='4' height='16' fill='%23b7c99f'/%3E%3Crect x='104' y='0' width='4' height='4' fill='%23e7b8c4'/%3E%3Crect x='108' y='8' width='4' height='12' fill='%2367a17d'/%3E%3Crect x='112' y='12' width='4' height='8' fill='%238ebaa1'/%3E%3Crect x='116' y='16' width='4' height='4' fill='%239eb28d'/%3E%3Crect x='120' y='12' width='4' height='8' fill='%2367a17d'/%3E%3Crect x='124' y='16' width='4' height='4' fill='%238ebaa1'/%3E%3C/g%3E%3C/svg%3E");height:24px;animation:2.6s steps(2,end) infinite ground-sway}@keyframes ground-drift{0%{background-position-x:0}to{background-position-x:-64px}}@keyframes ground-sway{0%,to{transform:skew(0)}50%{transform:skew(-6deg)translate(-2px)}}@keyframes process-panel-in{0%{opacity:0;filter:blur(9px);translate:0 26px;scale:.95}52%{opacity:1;filter:blur()}70%{translate:0 -8px;scale:1.014}85%{translate:0 3px;scale:.996}to{opacity:1;filter:blur();translate:0;scale:1}}.process-panel>:not(.process-panel-ground){animation:.46s cubic-bezier(.24,1.36,.42,1) both process-child-in}.process-panel>:first-child{animation-delay:.12s}.process-panel>:nth-child(2){animation-delay:.16s}.process-panel>:nth-child(3){animation-delay:.2s}.process-panel>:nth-child(4){animation-delay:.24s}.process-panel>:nth-child(5){animation-delay:.28s}.process-panel>:nth-child(6){animation-delay:.31s}@keyframes process-child-in{0%{opacity:0;translate:0 14px}}.process-panel-head{align-items:center;gap:12px;display:flex}.process-panel-icon{box-sizing:border-box;object-fit:contain;width:56px;height:56px;image-rendering:pixelated;border-radius:var(--yf-radius-md);background:color-mix(in srgb, var(--yf-sage) 13%, color-mix(in srgb, var(--yf-sand) 12%, var(--card)));border:1px solid color-mix(in srgb, var(--yf-sage) 30%, transparent);padding:7px;display:block}.process-panel h3{font-family:var(--yf-font-display);margin:4px 0 0;font-size:clamp(34px,3.9vw,52px);font-weight:400;line-height:1.02}.process-panel-lead{color:var(--foreground);align-items:center;gap:12px;margin:0;font-size:17px;font-weight:600;line-height:1.6;display:inline-flex}.process-panel-lead:after{content:"";background:linear-gradient(90deg, var(--yf-sand), transparent);border-radius:999px;flex:none;width:34px;height:2px}.process-panel p:not(.process-panel-lead){max-width:56ch;color:var(--muted-foreground);margin:0;font-size:16px;line-height:1.8}.process-panel-counter{color:var(--foreground);font:17px/1 var(--yf-font-mono);letter-spacing:0}.process-panel-timer{margin-left:auto}.process-panel-counter-fallback{border:1px solid color-mix(in srgb, var(--border) 85%, transparent);border-radius:var(--yf-radius-pill);background:color-mix(in srgb, var(--yf-charcoal) 5%, transparent);color:var(--muted-foreground);font:12px var(--yf-font-mono);letter-spacing:.18em;margin-left:auto;padding:3px 10px;display:none}.process-panel-actions{border-top:1px dashed color-mix(in srgb, var(--yf-sage) 42%, transparent);min-width:0;margin-top:8px;padding-top:16px;display:flex}.process-panel-actions .yf-button{max-width:100%}.process-panel-actions span{text-overflow:ellipsis;overflow:hidden}@media (width<=1023px){.process-split{grid-template-columns:1fr}.process-tabs{grid-template-columns:repeat(3,1fr);gap:10px}.process-tab{text-align:center;flex-direction:column;gap:8px;padding:14px 8px 18px}.process-tab-title{font-size:19px}.pixel-grass{scale:.85}.pg-0{bottom:6px;left:12px}.pg-0:after{bottom:6px;right:14px}.pg-1{bottom:7px}.pg-1:after{bottom:5px;left:calc(50% + 20px)}.pg-2{bottom:6px;right:14px}.pg-2:after{bottom:6px;right:30px}}@media (width<=359px){.process-tabs{grid-template-columns:1fr}.process-tab{text-align:left;flex-direction:row}}@media (prefers-reduced-motion:reduce){.pixel-grass:before,.pixel-grass:after,.process-panel,.process-panel>:not(.process-panel-ground),.process-panel-ground-front,.process-panel-ground-back{animation:none}.process-panel-timer{display:none}.process-panel-counter-fallback{display:inline-flex}}.faidah-bookshelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:36px;display:grid}.faidah-book-slot{border-bottom:1px solid var(--yf-paper-line);border-radius:0 0 var(--yf-radius-xl) var(--yf-radius-xl);min-width:0;padding:24px 18px 18px;position:relative}.faidah-book-slot.is-lifted .faidah-book{animation:book-lift-out .3s var(--yf-ease-standard) both}.faidah-book-slot.is-returning .faidah-book{animation:.46s cubic-bezier(.22,1,.36,1) both book-return}@keyframes book-lift-out{0%{opacity:1;transform:translateY(0)scale(1)rotate(0)}60%{opacity:1;transform:translateY(-26px)scale(1.07)rotate(-1.5deg)}to{opacity:0;transform:translateY(-30px)scale(1.08)rotate(-1.5deg)}}@keyframes book-return{0%{opacity:0;transform:translateY(-30px)scale(1.08)rotate(-1.5deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}.faidah-book-trigger{text-align:left;border-radius:var(--yf-radius-md);background:0 0;border:0;width:100%;padding:0;display:block}.faidah-book{border:1px solid var(--yf-paper-line);border-radius:var(--yf-radius-xs) var(--yf-radius-md) var(--yf-radius-md) var(--yf-radius-xs);background:var(--yf-paper);min-height:420px;color:var(--yf-paper-ink);box-shadow:0 3px 6px color-mix(in srgb, var(--yf-paper-ink) 8%, transparent);transition:transform var(--yf-duration-base) var(--yf-ease-standard);flex-direction:column;gap:18px;padding:30px 24px 24px 32px;display:flex;position:relative}.faidah-book:before{content:"";border-inline:1px solid var(--yf-paper-line);background:var(--yf-paper-muted);opacity:.45;width:5px;position:absolute;inset:0 auto 0 10px}.book-heading{border-bottom:1px solid var(--yf-paper-line);gap:4px;min-height:72px;padding-bottom:14px;display:grid}.book-heading strong{font-size:20px;font-weight:500;line-height:1.25}.book-category,.book-colophon{font:10px var(--yf-font-mono);color:var(--yf-envelope-mist-ink)}.book-cover-placeholder{border:1px solid var(--yf-paper-line);border-radius:var(--yf-radius-xs);background:var(--yf-envelope-drive-stage);min-height:180px;color:var(--yf-envelope-drive-ink);place-content:center;justify-items:center;gap:16px;display:grid}.book-cover-1{background:var(--yf-envelope-sand-stage);color:var(--yf-envelope-sand-ink)}.book-cover-2{background:var(--yf-envelope-mist-stage);color:var(--yf-envelope-mist-ink)}.book-cover-placeholder>span{font:9px var(--yf-font-mono)}.book-colophon{justify-content:space-between;gap:8px;margin-top:auto;font-size:8px;display:flex}.book-shelf{z-index:1;border:1px solid color-mix(in srgb, var(--yf-paper-line) 65%, transparent);border-top-color:color-mix(in srgb, var(--yf-paper) 80%, transparent);border-radius:0 0 var(--yf-radius-xl) var(--yf-radius-xl);background:color-mix(in srgb, var(--yf-paper-muted) 30%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;height:100px;position:absolute;inset:auto 0 0}@media (hover:hover){.faidah-book-trigger:hover .faidah-book{transform:translateY(-28px)rotate(-1deg)}}.faidah-book-trigger:focus-visible .faidah-book{transform:translateY(-28px)}@media (width<=1023px){.faidah-bookshelf{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=639px){.faidah-bookshelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.faidah-book-slot{padding:14px 10px 12px}.faidah-book{gap:10px;min-height:250px;padding:16px 12px 12px 18px}.book-heading{min-height:52px;padding-bottom:9px}.book-heading strong{font-size:14px}.book-category,.book-colophon{font-size:8px}.book-cover-placeholder{gap:6px;min-height:92px}.book-cover-placeholder svg{width:20px;height:20px}.book-cover-placeholder>span{font-size:7px}}@media (prefers-reduced-motion:reduce){.faidah-book-trigger:hover .faidah-book,.faidah-book-trigger:focus-visible .faidah-book{transform:none}}