:root{--color-primary:#000717;--color-primary-container:#112035;--color-secondary:#f9c340;--color-secondary-dim:#f4bf3c;--color-secondary-text:#8a5a00;--color-tertiary:#2e8b57;--color-surface:#fafbfc;--color-surface-low:#f4f7f9;--color-surface-high:#edf2f6;--color-on-primary:#fff;--color-on-surface:#001f2a;--color-outline-variant:#001e502e;--font-display:"Plus Jakarta Sans", sans-serif;--font-body:"Outfit", sans-serif;--font-arabic:"Amiri", serif;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--glass-bg:#fdfcfaeb;--glass-blur:16px;--logo-filter:none}[data-mantine-color-scheme=dark]{--color-surface:#000717;--color-surface-low:#0a192f;--color-surface-high:#112035;--color-on-surface:#f4faff;--color-secondary-text:#f9c340;--color-outline-variant:#ffffff1a;--glass-bg:#0d1c31d9;--logo-filter:brightness(0) invert(1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--mantine-color-body);color:var(--mantine-color-text);-webkit-font-smoothing:antialiased;font-size:17px;font-weight:450;line-height:1.65}:focus-visible{border-radius:2px;outline:3px solid var(--color-secondary)!important;outline-offset:2px!important}[dir=rtl] body,[dir=rtl] p,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6,[dir=rtl] span,[dir=rtl] a{font-family:var(--font-arabic)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur))}[data-mantine-color-scheme=dark] .glass{background:#0d1c31cc}.section{padding:96px 0}.section-sm{padding:64px 0}@media (max-width:768px){.section{padding:64px 0}.section-sm{padding:48px 0}}.display-headline{font-family:var(--font-display);letter-spacing:-.005em;font-size:clamp(2rem,4.8vw,3.4rem);font-weight:700;line-height:1.15}[dir=rtl] .display-headline{font-family:var(--font-arabic);letter-spacing:0}.section-headline{font-family:var(--font-display);letter-spacing:0;font-size:clamp(1.7rem,3.6vw,2.5rem);font-weight:700;line-height:1.3}[dir=rtl] .section-headline{font-family:var(--font-arabic)}.eyebrow-text{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--color-secondary-text);font-size:.85rem;font-weight:700}.btn-gold{color:#000717!important;background:linear-gradient(135deg,#f9c340,#e8a800)!important;border:none!important;font-weight:600!important;transition:transform .2s,box-shadow .2s!important}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 32px #f9c34059!important}.btn-ghost{background:0 0!important;border:2px solid #001e508c!important}[data-mantine-color-scheme=dark] .btn-ghost{border:2px solid #fff6!important}.btn-ghost{color:var(--color-primary)!important}[data-mantine-color-scheme=dark] .btn-ghost{color:#fffffff2!important}.btn-ghost{font-weight:600!important;transition:all .2s!important}.btn-ghost:hover{background:#001e500f!important}[data-mantine-color-scheme=dark] .btn-ghost:hover{background:#ffffff1a!important}.btn-ghost:hover{border-color:var(--color-primary)!important}[data-mantine-color-scheme=dark] .btn-ghost:hover{border-color:#ffffffb3!important}.program-card{transition:transform .25s,box-shadow .25s}.program-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #00071714}[data-mantine-color-scheme=dark] .program-card:hover{box-shadow:0 20px 60px #0006}.nav-link-hover{transition:color .3s!important}.nav-link-hover:after{content:"";background-color:var(--color-secondary);width:0;height:2px;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0}.nav-link-hover:hover{color:var(--color-secondary)!important}.nav-link-hover:hover:after{width:100%}[dir=rtl] .nav-link-hover:after{left:auto;right:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#515f7766;border-radius:3px}.jisr-mockup-wrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;padding:8px;animation:6s ease-in-out infinite jisr-float;position:relative;box-shadow:0 8px 32px #0000001f}.jisr-mockup-inner{background:#f4f4f9;border:1px solid #f0f0f4;border-radius:12px;overflow:hidden;box-shadow:inset 0 1px 3px #0000000a}.jisr-browser-chrome{background:#f3f3f5;border-bottom:1px solid #e5e5e8;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.jisr-traffic-lights{gap:5px;display:flex}.jisr-dot{border-radius:50%;width:10px;height:10px}.jisr-dot-red{background:#f87171}.jisr-dot-amber{background:#fbbf24}.jisr-dot-green{background:#4ade80}.jisr-url-bar{color:#9ca3af;width:140px;height:18px;font-size:10px;font-family:var(--font-body);cursor:pointer;background:#e5e7eb;border-radius:6px;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.jisr-url-bar:hover{background:#d1d5db;color:#1a569c!important}.jisr-url-highlight{animation:2s cubic-bezier(.4,0,.6,1) infinite jisr-url-pulse}@keyframes jisr-url-pulse{0%,to{transform:scale(1);box-shadow:0 0 #1a569c66}50%{color:#1a569c;background:#dce7f5;transform:scale(1.02);box-shadow:0 0 0 8px #1a569c00}}.jisr-app-content{background:#fff;min-height:260px;padding:20px;position:relative;overflow:hidden}.jisr-arch{pointer-events:none;position:absolute}.jisr-arch-tr{opacity:.6;background:#edf4fc;border-bottom-left-radius:100%;width:120px;height:120px;top:0;right:0}.jisr-arch-bl{opacity:.6;background:#fefce8;border-top-right-radius:100%;width:100px;height:100px;bottom:0;left:0}.jisr-ui{z-index:10;position:relative}.jisr-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.jisr-header-brand{align-items:center;gap:6px;display:flex}.jisr-logo-box{color:#fed65b;width:22px;height:22px;font-size:10px;font-weight:700;font-family:var(--font-display);background:#1a569c;border-radius:4px;justify-content:center;align-items:center;display:flex;box-shadow:0 1px 2px #0000001a}.jisr-brand-text{color:#1a569c;letter-spacing:-.02em;font-size:13px;font-weight:700;font-family:var(--font-display)}.jisr-avatar{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:flex-end;width:28px;height:28px;display:flex;overflow:hidden;box-shadow:inset 0 1px 2px #0000000f}.jisr-avatar-head{background:#d1d5db;border-top-left-radius:50%;border-top-right-radius:50%;width:18px;height:18px}.jisr-banner{background:#1a569c;border-radius:10px;flex-direction:column;justify-content:center;height:60px;margin-bottom:14px;padding:0 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #1a569c40}.jisr-banner-skew{transform-origin:100% 0;pointer-events:none;background:#ffffff1a;width:66%;height:100%;position:absolute;top:0;right:0;transform:skew(12deg)}.jisr-banner-jeem{color:#ffffff14;font-family:var(--font-arabic);-webkit-user-select:none;user-select:none;pointer-events:none;font-size:52px;line-height:1;position:absolute;bottom:-4px;right:12px}.jisr-banner-lines{z-index:1;position:relative}.jisr-banner-line-1{background:#fff6;border-radius:4px;width:33%;height:8px;margin-bottom:8px}.jisr-banner-line-2{background:#fff3;border-radius:3px;width:25%;height:6px}.jisr-stat-grid{z-index:10;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid;position:relative}.jisr-stat-card{background:#fff;border:1px solid #f3f4f6;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:72px;transition:border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.jisr-stat-card:first-child:hover{border-color:#fed65b}.jisr-stat-card:last-child:hover{border-color:#1a569c}.jisr-stat-letter{font-family:var(--font-arabic);color:#f3f4f6;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:36px;line-height:1;position:absolute;top:-4px;left:-4px}.jisr-stat-letter-right{inset:auto -4px -4px auto}.jisr-stat-icon{z-index:1;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:relative}.jisr-stat-icon-gold{background:#fed65b33}.jisr-stat-icon-blue{background:#1a569c1a}.jisr-stat-diamond{background:#fed65b;border-radius:2px;width:10px;height:10px;transform:rotate(45deg)}.jisr-stat-square{background:#1a569c80;border-radius:2px;width:10px;height:10px}.jisr-stat-bar{z-index:1;background:#e5e7eb;border-radius:3px;width:48px;height:5px;position:relative}.jisr-list{z-index:10;flex-direction:column;gap:8px;width:66%;margin-left:auto;display:flex;position:relative}.jisr-list-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;justify-content:space-between;align-items:center;height:34px;padding:0 12px;transition:border-color .3s;display:flex}.jisr-list-item-active:hover{border-color:#1a569c}.jisr-list-text{color:#6b7280;font-size:14px;font-family:var(--font-arabic);font-weight:700}.jisr-list-text-dim{color:#9ca3af}.jisr-list-item-static{opacity:.7}.jisr-checkbox-area{position:relative}.jisr-checkbox{border:2px solid #d1d5db;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.jisr-checkbox-animated{animation:3s ease-in-out infinite jisr-toggle-check}.jisr-checkmark{color:#fff;width:10px;height:10px;animation:3s ease-in-out infinite jisr-toggle-icon}.jisr-checkbox-empty{border:2px solid #d1d5db;border-radius:50%;width:14px;height:14px}.jisr-cursor{color:#1f2937;filter:drop-shadow(0 1px 2px #00000040);z-index:50;pointer-events:none;transform-origin:0 0;width:18px;height:18px;animation:3s ease-in-out infinite jisr-fake-cursor;position:absolute;top:4px;right:4px}.jisr-popup{z-index:50;background:#fff;border:1px solid #f3f4f6;border-radius:12px;padding:12px 16px;animation:3s ease-in-out infinite jisr-popup-bounce;position:absolute;bottom:-20px;left:-20px;box-shadow:0 8px 32px #0000001f}.jisr-popup-inner{align-items:center;gap:12px;display:flex}.jisr-popup-icon{color:#fed65b;background:#1a569c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex;box-shadow:inset 0 1px 3px #0003}.jisr-popup-title{color:#111827;letter-spacing:-.01em;font-size:14px;font-weight:700;font-family:var(--font-display);margin-bottom:2px}.jisr-popup-desc{color:#6b7280;font-size:11px;font-weight:500;font-family:var(--font-body)}@keyframes jisr-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes jisr-toggle-check{0%,15%{background:0 0;border-color:#d1d5db}30%,70%{background:#22c55e;border-color:#22c55e}85%,to{background:0 0;border-color:#d1d5db}}@keyframes jisr-toggle-icon{0%,15%{opacity:0;transform:scale(.5)}30%,70%{opacity:1;transform:scale(1)}85%,to{opacity:0;transform:scale(.5)}}@keyframes jisr-fake-cursor{0%,10%{opacity:0;transform:translate(8px,8px)}20%,25%{opacity:1;transform:translate(0)}30%{opacity:1;transform:translateY(1px)}35%,70%{opacity:1;transform:translate(0)}80%,to{opacity:0;transform:translate(8px,8px)}}@keyframes jisr-popup-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (max-width:768px){.jisr-mockup-wrapper{max-width:100%}.jisr-popup{padding:10px 12px;bottom:-16px;left:-8px}.jisr-popup-icon{width:32px;height:32px;font-size:14px}.jisr-popup-title{font-size:12px}.jisr-popup-desc{font-size:10px}}.markaz-mockup-wrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;padding:8px;animation:7s ease-in-out infinite markaz-float;position:relative;box-shadow:0 8px 32px #0000001f}.markaz-mockup-inner{background:#f8fbff;border:1px solid #eaf0f7;border-radius:12px;overflow:hidden;box-shadow:inset 0 1px 3px #0000000a}.markaz-browser-chrome{background:#f3f5f8;border-bottom:1px solid #e5eaf0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.markaz-traffic-lights{gap:5px;display:flex}.markaz-dot{border-radius:50%;width:10px;height:10px}.markaz-dot-red{background:#f87171}.markaz-dot-amber{background:#fbbf24}.markaz-dot-green{background:#4ade80}.markaz-url-bar{background:#e5e7eb;border-radius:6px;width:120px;height:14px}.markaz-chrome-logo{object-fit:contain;background:linear-gradient(135deg,#1a569c24,#f9c34033);border:1px solid #1a569c2e;border-radius:6px;width:22px;height:22px;padding:2px}.markaz-app-content{background:radial-gradient(circle at 90% 10%,#f9c3402e,#0000 45%),radial-gradient(circle at 12% 90%,#1a569c1f,#0000 42%),#fff;padding:16px}.markaz-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.markaz-brand-wrap{align-items:center;gap:7px;display:flex}.markaz-brand-logo{object-fit:contain;background:linear-gradient(135deg,#1a569c29,#f9c3403d);border:1px solid #1a569c33;border-radius:7px;width:24px;height:24px;padding:2px}.markaz-brand{font-family:var(--font-display);color:#1a569c;letter-spacing:-.01em;font-size:14px;font-weight:700}.markaz-pill{color:#2e8b57;background:#2e8b571f;border:1px solid #2e8b5740;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:700}.markaz-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.markaz-tab{text-align:center;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:7px 8px;font-size:11px;font-weight:600}.markaz-tab-active{color:#0f2f4d;background:#fff8e6;border-color:#f9c3406b}.markaz-progress{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px;display:grid}.markaz-step{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;height:34px;font-size:11px;font-weight:700;display:flex}.markaz-step-on{color:#1a569c;background:#1a569c1a;border-color:#1a569c47}.markaz-step-pulse{animation:3s ease-in-out infinite markaz-step-pulse}.markaz-umrah-card{background:#fff;border:1px solid #e9eef5;border-radius:10px;padding:11px 12px;box-shadow:0 2px 8px #0007170f}.markaz-umrah-top{color:#0f2f4d;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.markaz-umrah-badge{color:#1a569c;background:#1a569c1f;border:1px solid #1a569c47;border-radius:999px;padding:4px 7px;font-size:10px}.markaz-umrah-meta{color:#64748b;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}@keyframes markaz-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes markaz-step-pulse{0%,to{transform:translateY(0);box-shadow:0 0 #1a569c00}50%{transform:translateY(-1px);box-shadow:0 0 0 6px #1a569c17}}@media (max-width:768px){.markaz-mockup-wrapper{max-width:100%}.markaz-step{height:30px;font-size:10px}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.tfh-card{flex-direction:column;display:flex}.tfh-glow{filter:blur(70px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.tfh-glow-a{background:#2e8b5729;width:260px;height:260px;top:-120px;right:-60px}.tfh-glow-b{background:#f9c3401f;width:220px;height:220px;bottom:-110px;left:-70px}.tfh-header{z-index:1;border-bottom:1px solid #00000012;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.75rem;padding-bottom:1.75rem;display:flex;position:relative}[data-mantine-color-scheme=dark] .tfh-header{border-bottom:1px solid #ffffff14}.tfh-header-text{flex:1;min-width:260px}.tfh-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-tertiary);align-items:center;gap:10px;margin-bottom:.85rem;font-size:.8rem;font-weight:600;display:inline-flex}.tfh-badge{font-family:var(--font-display);letter-spacing:.14em;color:#fff;background:linear-gradient(135deg,#2e8b57,#4dad73);border-radius:8px;padding:4px 10px;font-size:.72rem;font-weight:800;box-shadow:0 4px 12px #2e8b5759}.tfh-title{margin-bottom:.75rem!important}.tfh-definition{max-width:640px;font-size:1.05rem;font-weight:300;line-height:1.7}.tfh-cta{color:#fff;background:linear-gradient(135deg,#2e8b57,#4dad73);flex-shrink:0;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 22px #2e8b574d}.tfh-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px #2e8b5766}.tfh-section-label{z-index:1;letter-spacing:.1em;text-transform:uppercase;color:#32506a;align-items:center;gap:12px;font-size:.78rem;font-weight:700;display:flex;position:relative}[data-mantine-color-scheme=dark] .tfh-section-label{color:#9ab4cf}.tfh-section-label{margin-bottom:1.25rem}.tfh-section-label:after{content:"";background:#00000014;flex:1;height:1px}[data-mantine-color-scheme=dark] .tfh-section-label:after{background:#ffffff1a}.tfh-section-label-method{margin-top:2.25rem}.tfh-programs{z-index:1;grid-template-columns:repeat(3,1fr);gap:1rem;display:grid;position:relative}.tfh-prog{border:1px solid #0000000f;border-radius:16px;padding:1.4rem}[data-mantine-color-scheme=dark] .tfh-prog{border:1px solid #ffffff14}.tfh-prog{background:#ffffffa6}[data-mantine-color-scheme=dark] .tfh-prog{background:#0a192f80}.tfh-prog{transition:transform .25s,box-shadow .25s,border-color .25s;box-shadow:0 6px 20px #00071714}.tfh-prog:hover{border-color:#2e8b5766;transform:translateY(-4px);box-shadow:0 14px 32px #00071729}.tfh-prog-top{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.tfh-prog-icon{background:#2e8b571f;border:1px solid #2e8b5738;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.35rem;display:inline-flex}.tfh-prog-index{font-family:var(--font-display);color:#11203524;font-size:1.6rem;font-weight:800;line-height:1}[data-mantine-color-scheme=dark] .tfh-prog-index{color:#f4faff29}.tfh-prog-name{font-family:var(--font-display);color:#0d263d;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}[data-mantine-color-scheme=dark] .tfh-prog-name{color:#eef6ff}.tfh-prog-desc{color:#3a556e;font-size:.9rem;font-weight:300;line-height:1.6}[data-mantine-color-scheme=dark] .tfh-prog-desc{color:#b4c6dc}.tfh-prog-desc{margin:0 0 1.1rem}.tfh-prog-meta{border-top:1px dashed #0000001a;grid-template-columns:1fr 1fr;gap:.65rem;padding-top:1rem;display:grid}[data-mantine-color-scheme=dark] .tfh-prog-meta{border-top:1px dashed #ffffff1f}.tfh-meta-item{flex-direction:column;gap:2px;display:flex}.tfh-meta-label{letter-spacing:.05em;text-transform:uppercase;color:#5c7286;font-size:.68rem;font-weight:700}[data-mantine-color-scheme=dark] .tfh-meta-label{color:#7f97b0}.tfh-meta-value{color:#17314a;font-size:.9rem;font-weight:600}[data-mantine-color-scheme=dark] .tfh-meta-value{color:#e3edf8}.tfh-method{z-index:1;grid-template-columns:repeat(2,1fr);gap:.9rem;display:grid;position:relative}.tfh-method-item{color:#28425a;border-radius:12px;align-items:flex-start;gap:12px;padding:.95rem 1.1rem;font-size:.92rem;font-weight:400;line-height:1.55;display:flex}[data-mantine-color-scheme=dark] .tfh-method-item{color:#cdddee}.tfh-method-item{background:#2e8b570d}[data-mantine-color-scheme=dark] .tfh-method-item{background:#2e8b5714}.tfh-method-item{border:1px solid #2e8b5724}[data-mantine-color-scheme=dark] .tfh-method-item{border:1px solid #2e8b572e}.tfh-method-check{color:#fff;background:linear-gradient(135deg,#2e8b57,#4dad73);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:800;display:inline-flex;box-shadow:0 3px 8px #2e8b574d}[dir=rtl] .tfh-prog-meta,[dir=rtl] .tfh-method-item{text-align:right}@media (max-width:900px){.tfh-programs{grid-template-columns:1fr}}@media (max-width:768px){.tfh-header{align-items:flex-start}.tfh-cta{justify-content:center;width:100%}.tfh-method{grid-template-columns:1fr}.tfh-prog-meta{grid-template-columns:1fr 1fr}}.tfh-app{--tfh-accent:#2563eb;overflow-x:hidden}[data-mantine-color-scheme=dark] .tfh-app{--tfh-accent:#60a5fa}.tfh-app{--tfh-accent-dark:#1e40af;font-size:17px}.tfh-emoji{font-size:1.2rem;line-height:1;display:inline-block}.tfh-flag{border:1px solid #00000040;border-radius:3px;display:block}[data-mantine-color-scheme=dark] .tfh-flag{border:1px solid #ffffff59}.tfh-flag{box-shadow:0 1px 2px #00071726}.tfh-lang .mantine-SegmentedControl-label{padding:6px 10px}.tfh-app .mantine-Tabs-tab{padding:10px 18px;font-size:1.05rem;font-weight:600}.tfh-login-tabs .mantine-SegmentedControl-label{padding:10px 8px;font-size:1rem;font-weight:700}.tfh-app .tfh-h1{font-family:var(--font-display);font-size:clamp(1.5rem,5vw,2rem);font-weight:800;line-height:1.2}.tfh-app .tfh-h2{font-family:var(--font-display);font-size:clamp(1.2rem,4vw,1.5rem);font-weight:800;line-height:1.25}.tfh-btn-primary{box-shadow:0 8px 20px #2563eb4d;color:#fff!important;background:linear-gradient(135deg,#2563eb,#3b82f6)!important}.tfh-btn-primary:hover{transform:translateY(-1px);background:linear-gradient(135deg,#1d4ed8,#2563eb)!important}.tfh-login-badge{font-family:var(--font-display);letter-spacing:.12em;color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:12px;padding:8px 16px;font-size:1.1rem;font-weight:800;box-shadow:0 6px 16px #2563eb59}.tfh-badge-sm{border-radius:9px;padding:5px 10px;font-size:.85rem}.tfh-login-card{background:#ffffffe6}[data-mantine-color-scheme=dark] .tfh-login-card{background:#112035bf}.tfh-login-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tfh-topbar{z-index:50;background:#ffffffd9;position:sticky;top:0}[data-mantine-color-scheme=dark] .tfh-topbar{background:#061224d9}.tfh-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #00000012}[data-mantine-color-scheme=dark] .tfh-topbar{border-bottom:1px solid #ffffff14}.tfh-topbar-title{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:1.2rem;line-height:1.1;overflow:hidden}.tfh-topbar-brand{flex-shrink:1;min-width:0}.tfh-topbar-text{min-width:0;overflow:hidden}.tfh-topbar-role{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tfh-topbar-actions{flex-shrink:0}@media (max-width:600px){.tfh-logout{padding-left:10px!important;padding-right:10px!important}.tfh-logout .mantine-Button-label{display:none}.tfh-logout .mantine-Button-section{margin:0!important}.tfh-topbar-title{font-size:1.05rem}.tfh-topbar-role{font-size:.72rem}}.tfh-app .tfh-card{background:#ffffffd9}[data-mantine-color-scheme=dark] .tfh-app .tfh-card{background:#11203599}.tfh-app .tfh-card{border-color:#00000014}[data-mantine-color-scheme=dark] .tfh-app .tfh-card{border-color:#ffffff14}.tfh-q-card{background:#2563eb0a}[data-mantine-color-scheme=dark] .tfh-q-card{background:#2563eb14}.tfh-list-row{cursor:pointer;background:#ffffffe6;transition:transform .15s,border-color .15s}[data-mantine-color-scheme=dark] .tfh-list-row{background:#11203599}.tfh-list-row:hover{border-color:var(--tfh-accent);transform:translateY(-2px)}.tfh-row-main{cursor:pointer;border-radius:8px;flex:1;min-width:180px}.tfh-row-main:hover{color:var(--tfh-accent)}.tfh-has-bottomnav{padding-bottom:104px}.tfh-bottomnav{z-index:200;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));background:#fffffff5;grid-template-columns:repeat(4,1fr);gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0}[data-mantine-color-scheme=dark] .tfh-bottomnav{background:#061224f5}.tfh-bottomnav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid #00000014}[data-mantine-color-scheme=dark] .tfh-bottomnav{border-top:1px solid #ffffff1a}.tfh-navbtn{cursor:pointer;min-height:58px;font-family:var(--font-body);text-align:center;color:#5c7286;background:0 0;border:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 2px;font-size:.7rem;font-weight:700;line-height:1.1;display:flex;position:relative}[data-mantine-color-scheme=dark] .tfh-navbtn{color:#9ab4cf}.tfh-navbtn{transition:background .15s,color .15s}.tfh-navbtn span.tfh-navemoji{font-size:1.55rem;line-height:1}.tfh-navbtn:hover{background:#2563eb12}[data-mantine-color-scheme=dark] .tfh-navbtn:hover{background:#2563eb24}.tfh-navbtn-active{color:var(--tfh-accent);background:#2563eb1a}[data-mantine-color-scheme=dark] .tfh-navbtn-active{background:#2563eb33}.tfh-navbadge{color:#fff;background:#e03131;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.65rem;font-weight:800;display:inline-flex;position:absolute;top:2px;right:50%;transform:translate(22px)}@media (min-width:769px){.tfh-bottomnav{border:1px solid #00000014;border-radius:20px;max-width:520px;margin:0 auto;bottom:18px}[data-mantine-color-scheme=dark] .tfh-bottomnav{border:1px solid #ffffff1f}.tfh-bottomnav{padding:6px;box-shadow:0 12px 40px #0007172e}}.tfh-welcome{background:#2563eb12!important}[data-mantine-color-scheme=dark] .tfh-welcome{background:#2563eb1f!important}.tfh-welcome{border-color:#2563eb4d!important}.tfh-welcome-name{font-family:var(--font-display);font-size:clamp(1.35rem,4vw,1.9rem);line-height:1.25}.tfh-lesson-title{font-family:var(--font-display);font-size:clamp(1.15rem,3.4vw,1.45rem);line-height:1.3}.tfh-lesson-todo{background:#f9c3401a!important;border-left:6px solid #f9c340!important}[data-mantine-color-scheme=dark] .tfh-lesson-todo{background:#f9c3401f!important}.tfh-lesson-todo{box-shadow:0 6px 20px #f9c3402e}.tfh-opt{text-align:left;border:2px solid #0000001f;border-radius:14px;width:100%;padding:16px 18px;font-size:1.1rem;font-weight:600;display:block}[data-mantine-color-scheme=dark] .tfh-opt{border:2px solid #ffffff29}.tfh-opt{background:#fff;border-bottom-width:4px}[data-mantine-color-scheme=dark] .tfh-opt{background:#11203599}.tfh-opt{color:#17314a}[data-mantine-color-scheme=dark] .tfh-opt{color:#eef6ff}.tfh-opt{cursor:pointer;transition:transform 80ms,border-color .12s,background .12s}.tfh-opt:hover:not(:disabled){border-color:var(--tfh-accent);transform:translateY(-1px)}.tfh-opt:active:not(:disabled){border-bottom-width:2px;transform:translateY(1px)}.tfh-opt:disabled{cursor:default}.tfh-opt-chosen{border-color:var(--tfh-accent);background:#2563eb1a}[data-mantine-color-scheme=dark] .tfh-opt-chosen{background:#2563eb33}.tfh-opt-correct{background:#2e8b5729!important;border-color:#2e8b57!important}[data-mantine-color-scheme=dark] .tfh-opt-correct{background:#2e8b5747!important}.tfh-opt-correct{color:#1c633f!important}[data-mantine-color-scheme=dark] .tfh-opt-correct{color:#d6ffe8!important}.tfh-opt-wrong{background:#e031311f!important;border-color:#e03131!important}[data-mantine-color-scheme=dark] .tfh-opt-wrong{background:#e031313d!important}.tfh-opt-wrong{color:#a11212!important}[data-mantine-color-scheme=dark] .tfh-opt-wrong{color:#ffd9d9!important}.tfh-pair-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tfh-pair-col{flex-direction:column;gap:10px;display:flex}.tfh-pair-card{overflow-wrap:anywhere;text-align:center;border:2px solid #0000001f;border-radius:14px;width:100%;min-width:0;min-height:56px;padding:12px 14px;font-size:1rem;font-weight:600;position:relative}[data-mantine-color-scheme=dark] .tfh-pair-card{border:2px solid #ffffff29}.tfh-pair-card{background:#fff;border-bottom-width:4px}[data-mantine-color-scheme=dark] .tfh-pair-card{background:#11203599}.tfh-pair-card{color:#17314a}[data-mantine-color-scheme=dark] .tfh-pair-card{color:#eef6ff}.tfh-pair-card{cursor:pointer;transition:transform 80ms,border-color .12s,background .12s}.tfh-pair-card:hover:not(:disabled){border-color:var(--tfh-accent)}.tfh-pair-card:active:not(:disabled){border-bottom-width:2px;transform:translateY(1px)}.tfh-pair-sel{border-color:var(--tfh-accent)!important;background:#2563eb1f!important}[data-mantine-color-scheme=dark] .tfh-pair-sel{background:#2563eb47!important}.tfh-pair-sel{box-shadow:0 0 0 3px #2563eb33}.tfh-pair-done{opacity:.55;border-color:var(--tfh-accent)!important;background:#2563eb0f!important}[data-mantine-color-scheme=dark] .tfh-pair-done{background:#2563eb24!important}.tfh-pair-num{background:var(--tfh-accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;font-size:.72rem;font-weight:800;display:inline-flex;position:absolute;top:-8px;right:-8px}.tfh-feedback{border-radius:14px;margin-top:8px;padding:16px 18px;animation:.25s tfh-slide-up}.tfh-feedback-correct{background:#2e8b5724}[data-mantine-color-scheme=dark] .tfh-feedback-correct{background:#2e8b5738}.tfh-feedback-correct{color:#1c633f;border:1px solid #2e8b5766}[data-mantine-color-scheme=dark] .tfh-feedback-correct{color:#d6ffe8}.tfh-feedback-wrong{background:#e031311a}[data-mantine-color-scheme=dark] .tfh-feedback-wrong{background:#e0313133}.tfh-feedback-wrong{color:#a11212;border:1px solid #e0313166}[data-mantine-color-scheme=dark] .tfh-feedback-wrong{color:#ffd9d9}@keyframes tfh-slide-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.tfh-rec-live{background:#2563eb0d;border:2px solid #2563eb4d;border-radius:14px;padding:14px}[data-mantine-color-scheme=dark] .tfh-rec-live{background:#2563eb1a}.tfh-wave{width:100%;height:64px;display:block}.tfh-notif-item{background:#2563eb0f;border-radius:8px;padding:8px 10px}[data-mantine-color-scheme=dark] .tfh-notif-item{background:#2563eb1a}.tfh-rec-dot{background:#e03131;border-radius:50%;width:16px;height:16px;animation:1.2s infinite pulse;display:inline-block}.tfh-cal{max-width:720px;margin:0 auto}.tfh-cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.tfh-cal-head{margin-bottom:4px}.tfh-cal-weekday{text-align:center;text-transform:uppercase;letter-spacing:.03em;color:#5c7286;font-size:.72rem;font-weight:700}[data-mantine-color-scheme=dark] .tfh-cal-weekday{color:#9ab4cf}.tfh-cal-weekday{padding:2px 0}.tfh-cal-cell{border:1px solid #0000000f;min-width:0;min-height:52px}[data-mantine-color-scheme=dark] .tfh-cal-cell{border:1px solid #ffffff14}.tfh-cal-cell{background:#fff9;border-radius:10px}[data-mantine-color-scheme=dark] .tfh-cal-cell{background:#0a192f66}.tfh-cal-cell{color:#17314a;flex-direction:column;align-items:stretch;gap:2px;display:flex}[data-mantine-color-scheme=dark] .tfh-cal-cell{color:#e3edf8}.tfh-cal-cell{cursor:default;padding:4px;transition:transform .12s,border-color .12s,background .12s;overflow:hidden}.tfh-cal-num{font-family:var(--font-display);text-align:left;font-size:.9rem;font-weight:700;line-height:1}.tfh-cal-out{opacity:.3}.tfh-cal-click{cursor:pointer}.tfh-cal-click:hover{border-color:var(--tfh-accent);background:#2563eb14}[data-mantine-color-scheme=dark] .tfh-cal-click:hover{background:#2563eb26}.tfh-cal-has{background:#2563eb0d}[data-mantine-color-scheme=dark] .tfh-cal-has{background:#2563eb1a}.tfh-cal-today{border-color:var(--tfh-accent);box-shadow:inset 0 0 0 2px var(--tfh-accent)}.tfh-cal-today .tfh-cal-num{color:var(--tfh-accent)}.tfh-cal-chips{flex-direction:column;gap:2px;display:flex;overflow:hidden}.tfh-cal-chip{white-space:nowrap;text-overflow:ellipsis;text-align:left;border-radius:5px;padding:1px 5px;font-size:.62rem;font-weight:700;line-height:1.25;overflow:hidden}.tfh-chip-pub{color:#fff;background:#2563eb}.tfh-chip-draft{background:#f9c34059}[data-mantine-color-scheme=dark] .tfh-chip-draft{background:#f9c34040}.tfh-chip-draft{color:#7a5300}[data-mantine-color-scheme=dark] .tfh-chip-draft{color:#ffe4a3}.tfh-cal-more{color:#5c7286;font-size:.6rem;font-weight:700}[data-mantine-color-scheme=dark] .tfh-cal-more{color:#9ab4cf}.tfh-cal-more{padding-left:2px}@media (max-width:600px){.tfh-app{font-size:16px}.tfh-cal-cell{border-radius:8px;min-height:46px;padding:3px}.tfh-cal-chip{border-radius:3px;height:4px;padding:0;font-size:0}.tfh-cal-more{font-size:.55rem}}