@font-face{font-family:Manrope;src:url(/fonts/manrope-latin.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}:root{--bg: #051f2d;--bg-soft: #0d3445;--surface: rgba(10, 27, 44, .88);--surface-strong: rgba(5, 19, 33, .94);--border: rgba(137, 171, 198, .35);--text: #f5fbff;--text-soft: #d6e7f3;--text-muted: #9eb4c6;--accent: #ffd166;--accent-strong: #fbbf24;--danger: #fca5a5;--ok: #86efac;--radius: 16px;--radius-sm: 12px;--shadow: 0 14px 38px rgba(0, 0, 0, .28)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Manrope,Avenir Next,Segoe UI,sans-serif;background:radial-gradient(circle at 0% 0%,rgba(147,197,253,.25),transparent 35%),radial-gradient(circle at 100% 0%,rgba(167,243,208,.2),transparent 35%),linear-gradient(155deg,#0b1020,#16243b 48%,#101827);color:var(--text)}a{color:inherit}.loading{min-height:100vh;display:grid;place-items:center;font-size:1.1rem;color:var(--text-soft)}.landing{position:relative;isolation:isolate;min-height:100vh;max-width:none;margin:0;padding:clamp(20px,2.8vw,38px) clamp(14px,2vw,28px) 64px;background:radial-gradient(circle at 12% 8%,rgba(147,197,253,.28),transparent 34%),radial-gradient(circle at 86% 2%,rgba(52,211,153,.24),transparent 30%),radial-gradient(circle at 84% 72%,rgba(250,204,21,.22),transparent 34%),linear-gradient(145deg,#edf5ff,#f9f6ef 48%,#eefbf7);color:#0b1320}.landing:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(rgba(15,23,42,.065) .75px,transparent .75px);background-size:10px 10px;opacity:.35;pointer-events:none}.landing,.landing *{font-family:Manrope,Avenir Next,Segoe UI,sans-serif}.landing-shell{max-width:1320px;margin:0 auto;border:1px solid rgba(148,163,184,.36);border-radius:24px;background:#fffc;box-shadow:0 28px 64px #0f172a24,inset 0 1px #ffffffbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px}.landing-topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:0 0 12px;padding:10px 14px;border:1px solid rgba(203,213,225,.85);border-radius:16px;background:linear-gradient(180deg,#ffffffeb,#f8fafcdb);position:sticky;top:10px;z-index:24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-brand{display:inline-flex;align-items:center;gap:12px;font-size:1.45rem;letter-spacing:-.02em;color:#0f172a;font-weight:800}.brand-mark{display:grid;grid-template-columns:repeat(2,9px);gap:5px;padding:8px;border-radius:10px;border:1px solid rgba(148,163,184,.42);background:linear-gradient(180deg,#f8fafc,#edf2f7);box-shadow:0 8px 16px #0f172a14}.brand-mark span{width:9px;height:9px;border-radius:999px;background:#1e293b}.brand-mark span:nth-child(1){background:#14b8a6}.brand-mark span:nth-child(3){background:#f59e0b}.landing-menu-desktop{margin-left:auto}.landing-menu{display:flex;align-items:center;gap:6px}.landing-menu a{border-radius:999px;border:1px solid transparent;padding:8px 12px;text-decoration:none;color:#334155;font-size:.9rem;font-weight:600;transition:border-color .24s ease,background .24s ease,color .24s ease}.landing-menu a:hover{color:#0f172a;border-color:#94a3b88a;background:#f1f5f9eb}.landing-mobile-menu-toggle,.landing-mobile-menu{display:none}.landing-mobile-menu-toggle{border:1px solid rgba(148,163,184,.52);border-radius:12px;background:#ffffffe6;color:#0f172a;width:44px;height:44px;align-items:center;justify-content:center;gap:4px;padding:0;cursor:pointer}.landing-mobile-menu-toggle span{width:16px;height:2px;border-radius:999px;background:#1e293b;transition:transform .2s ease,opacity .2s ease}.landing-mobile-menu-toggle.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.landing-mobile-menu-toggle.open span:nth-child(2){opacity:0}.landing-mobile-menu-toggle.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.landing-top-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.landing-hero-panel{position:relative;overflow:hidden;border:1px solid rgba(203,213,225,.72);border-radius:30px;min-height:800px;padding:92px 30px 60px;background:radial-gradient(circle at 14% 58%,rgba(255,214,102,.5),transparent 38%),radial-gradient(circle at 84% 16%,rgba(125,211,252,.42),transparent 36%),radial-gradient(circle at 50% 3%,rgba(255,255,255,.86),transparent 42%),linear-gradient(168deg,#fcfdff,#f2f8ff 52%,#f4f7fb);box-shadow:inset 0 1px #ffffffe6}.landing-hero-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(15,23,42,.055) .75px,transparent .75px);background-size:10px 10px;pointer-events:none}.landing-hero-panel:after{content:"";position:absolute;inset:auto -15% -58%;height:420px;background:radial-gradient(circle at 50% 0%,rgba(20,184,166,.22),transparent 62%);filter:blur(10px);pointer-events:none}.hero-center{position:relative;z-index:2;max-width:860px;margin:0 auto;text-align:center}.hero-eyebrow{margin:0 auto 14px;width:fit-content;max-width:100%;border-radius:999px;border:1px solid rgba(148,163,184,.44);background:#ffffffbf;color:#334155;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;font-weight:700;padding:7px 12px}.hero-orb{width:72px;height:72px;border-radius:18px;margin:0 auto 22px;border:1px solid rgba(148,163,184,.44);background:linear-gradient(180deg,#fff,#edf2f8);box-shadow:0 18px 30px #0f172a21,inset 0 1px #ffffffbf;display:grid;grid-template-columns:repeat(2,13px);justify-content:center;align-content:center;gap:8px}.hero-orb span{width:13px;height:13px;border-radius:999px;background:#111827}.hero-orb span:nth-child(1){background:#38bdf8}.hero-title{margin:0;font-size:clamp(2.5rem,6.2vw,5.2rem);line-height:.98;letter-spacing:-.04em;color:#0f172a;font-weight:800;text-wrap:balance}.hero-title span{margin-top:12px;display:block;color:#475569;font-weight:600;font-size:clamp(1.32rem,2.7vw,2.06rem)}.hero-subtitle{margin:20px auto 0;max-width:700px;color:#334155;font-size:1.06rem;line-height:1.7;text-wrap:pretty}.landing-btn-row{margin-top:24px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.hero-note{margin:14px auto 0;color:#475569;font-size:.95rem}.hero-proof-grid{margin:16px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:760px}.hero-proof-grid article{border:1px solid rgba(148,163,184,.38);border-radius:14px;background:#ffffffbd;padding:12px;display:grid;gap:4px;text-align:left;box-shadow:0 10px 20px #0f172a14}.hero-proof-grid strong{color:#0f172a;font-size:1.08rem;letter-spacing:-.02em}.hero-proof-grid span{color:#475569;font-size:.84rem;line-height:1.45}.hero-eyebrow,.hero-orb,.hero-title,.hero-subtitle,.hero-note,.hero-proof-grid,.hero-tv-mockup{animation:landingFadeUp .66s cubic-bezier(.22,1,.36,1) both}.hero-orb{animation-delay:.04s}.hero-title{animation-delay:.08s}.hero-subtitle,.hero-note{animation-delay:.14s}.hero-proof-grid{animation-delay:.18s}.hero-tv-mockup{animation-delay:.22s}.hero-tv-mockup{margin-top:28px;display:grid;place-items:center}.tv-frame{width:min(860px,100%);border-radius:28px;background:linear-gradient(180deg,#1f2937,#0f172a);border:1px solid rgba(71,85,105,.88);padding:14px;box-shadow:0 30px 54px #0f172a57,inset 0 1px #ffffff2e}.tv-screen{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16 / 9;border:1px solid rgba(255,255,255,.18);background:#0f172a}.tv-screen-live{--tv-live-scale: 1;position:absolute;top:0;left:0;width:860px;height:483.75px;display:grid;grid-template-rows:auto 1fr auto auto;gap:10px;padding:12px;transform:scale(var(--tv-live-scale));transform-origin:top left}.tv-screen-live:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:image-set(url(/mockups/putrajaya-mosque.webp) type("image/webp"),url(/mockups/putrajaya-mosque.jpg) type("image/jpeg"));background-size:cover;background-position:center;opacity:.62;pointer-events:none}.tv-screen-live:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 12%,rgba(45,212,191,.14),transparent 42%),radial-gradient(circle at 20% 84%,rgba(251,191,36,.12),transparent 42%),linear-gradient(165deg,#022c3b66,#022d4480 42%,#0f172aa8);pointer-events:none}.tv-screen-live>*{position:relative;z-index:1}.tv-live-header{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:10px}.tv-live-brand{border-radius:12px;border:1px solid rgba(153,246,228,.8);background:linear-gradient(145deg,#14b8a6f0,#0d9488e6);padding:10px 12px;display:grid;gap:2px;text-align:left;box-shadow:inset 0 1px #ffffff40}.tv-live-brand strong{color:#f8fafc;font-size:2rem;line-height:1;letter-spacing:-.03em}.tv-live-brand span{color:#ecfeff;font-size:.72rem;font-weight:700;text-transform:uppercase}.tv-live-clock{border-radius:12px;border:1px solid rgba(191,219,254,.35);background:#020617c7;padding:10px 12px;display:grid;align-content:center;justify-items:end;gap:2px;text-align:right}.tv-live-clock strong,.tv-live-clock-time{color:#f8fafc;font-size:2.05rem;letter-spacing:-.03em;line-height:1}.tv-live-clock span,.tv-live-clock-date{color:#cbd5e1;font-size:.86rem}.tv-live-clock-hijri{color:#cbd5e1;font-size:.76rem;line-height:1.2}.tv-live-mosque{border-radius:12px;border:1px solid rgba(191,219,254,.35);background:#1e293bb8;padding:10px 12px;display:grid;gap:2px;text-align:center;align-content:center}.tv-live-mosque strong{color:#f8fafc;font-size:1.2rem;line-height:1.1;letter-spacing:-.02em;text-transform:uppercase}.tv-live-mosque span{color:#cbd5e1;font-size:.72rem}.tv-live-main{border-radius:12px;border:1px solid rgba(191,219,254,.32);background:#0206178f;display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;overflow:hidden}.tv-live-main.tv-live-main-full-panel{grid-template-rows:minmax(0,1fr)}.tv-live-slider-track{display:flex;width:100%;height:100%;min-height:0;align-items:stretch;transition:transform .6s ease}.tv-live-slide{flex:0 0 100%;width:100%;min-width:0;min-height:0;padding:11px 12px}.tv-live-slide-solat{display:grid;grid-template-columns:1.2fr 1fr;gap:10px}.tv-live-slide-hadith,.tv-live-slide-makluman,.tv-live-slide-ceramah{display:grid}.tv-live-slide-image{display:grid;height:100%;min-height:0;padding:0}.tv-live-slide-panel{display:grid;grid-template-columns:1.55fr 1fr;gap:10px;height:100%}.tv-live-slide-panel.has-program{grid-template-columns:1.2fr 1fr}.tv-live-text-card{border-radius:12px;border:1px solid rgba(191,219,254,.32);background:#0206179e;padding:12px;text-align:left}.tv-live-panel-left,.tv-live-panel-right{border-radius:12px;border:1px solid rgba(191,219,254,.32);background:#0206179e}.tv-live-panel-left{padding:12px;text-align:left;min-width:0;display:grid;align-content:start;gap:8px}.tv-live-panel-left span{color:#facc15;font-size:.82rem;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.tv-live-panel-left h3{margin:0;color:#f8fafc;font-size:1.5rem;line-height:1.25;letter-spacing:-.02em}.tv-live-panel-left p{margin:0;color:#93c5fd;font-size:.84rem;font-weight:600}.tv-live-panel-right{padding:11px 12px;text-align:right;display:grid;align-content:center;justify-items:end;gap:6px;min-width:0}.tv-live-panel-right.has-program{text-align:left;justify-items:stretch;align-content:stretch;grid-template-rows:auto minmax(0,1fr);gap:8px}.tv-live-panel-right span{color:#93c5fd;font-size:.74rem;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.tv-live-panel-right h4{margin:0;font-size:1.35rem;color:#f8fafc;letter-spacing:-.02em;line-height:1.1}.tv-live-panel-right p{margin:0;font-size:1.5rem;color:#f8fafc;font-weight:700;letter-spacing:-.02em;line-height:1}.tv-live-panel-right em{margin-top:6px;display:inline-flex;border-radius:999px;border:1px solid rgba(34,211,238,.52);background:#0891b238;color:#a5f3fc;font-style:normal;font-size:.72rem;font-weight:700;padding:3px 8px}.tv-live-ceramah-card{border-radius:12px;border:1px solid rgba(191,219,254,.32);background:#0206179e;padding:10px;display:grid;grid-template-columns:220px 1fr;gap:10px;align-items:stretch}.tv-live-ceramah-left{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;min-height:0}.tv-live-ceramah-card img{width:100%;height:100%;min-height:170px;object-fit:cover;object-position:12% center;background:#020617;border-radius:10px;border:1px solid rgba(191,219,254,.3)}.tv-live-ceramah-hint{margin:0;color:#7dd3fc;font-size:.68rem;line-height:1.3;font-weight:600}.tv-live-image-panel{width:100%;height:100%;min-height:0;border-radius:0;border:0;padding:0;overflow:hidden}.tv-live-image-panel img{display:block;width:100%;height:100%;min-height:0;object-fit:fill;background:#020617;border-radius:0}.tv-live-ceramah-body{display:grid;gap:4px;text-align:left;align-content:start;min-width:0}.tv-live-ceramah-body span{color:#facc15;font-size:.82rem;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.tv-live-ceramah-body h3{margin:0;color:#f8fafc;font-size:1.04rem;line-height:1.2;letter-spacing:-.02em}.tv-live-ceramah-meta{margin:0;color:#93c5fd;font-size:.76rem;font-weight:600}.tv-live-ceramah-meta-pill{margin-top:4px;border:1px solid rgba(125,211,252,.55);border-radius:999px;background:#0891b23d;padding:4px 10px;display:inline-flex;justify-self:start;max-width:100%}.tv-live-ceramah-meta-pill em{color:#a5f3fc;font-style:normal;font-size:.67rem;line-height:1.2;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-live-ceramah-meta-block{margin-top:6px;display:grid;gap:4px;width:fit-content;min-width:min(100%,220px)}.tv-live-ceramah-meta-row{margin:0;display:flex;align-items:baseline;gap:6px;font-size:.72rem}.tv-live-ceramah-meta-row strong{color:#cbd5e1;font-size:.72rem;font-weight:700;text-transform:none;letter-spacing:0}.tv-live-ceramah-meta-row em{color:#a5f3fc;font-style:normal;font-size:.72rem;line-height:1.2;font-weight:700;text-transform:none;letter-spacing:0}.tv-live-program-card{width:100%;height:100%;min-height:0;border-radius:10px;border:1px solid rgba(191,219,254,.32);background:#020617b8;padding:8px;display:grid;grid-template-columns:74px 1fr;gap:10px;align-items:start}.tv-live-program-card img{width:100%;height:100%;min-height:74px;border-radius:8px;object-fit:cover;border:1px solid rgba(191,219,254,.3)}.tv-live-program-card-body{min-width:0;display:grid;gap:4px;align-content:start}.tv-live-program-card-body h4{margin:0;color:#f8fafc;font-size:.93rem;line-height:1.2;text-align:left}.tv-live-program-speaker{margin:0;color:#93c5fd;font-size:.77rem;font-weight:600;text-align:left}.tv-live-program-meta{margin:0;color:#a5f3fc;font-size:.72rem;line-height:1.2;text-align:left}.tv-live-program-meta strong{color:#cbd5e1;font-size:.72rem;font-weight:700}.tv-live-panel-right .tv-live-program-card-body h4{margin:0;line-height:1.2;text-align:left}.tv-live-panel-right .tv-live-program-speaker,.tv-live-panel-right .tv-live-program-meta{margin:0;text-align:left}.tv-live-ceramah-schedule{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 6px;min-width:0}.tv-live-ceramah-schedule li{border-radius:8px;border:1px solid rgba(191,219,254,.26);background:#0f172abd;padding:4px 6px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"day time" "topic topic";gap:2px 5px;align-items:start;min-width:0}.tv-live-ceramah-schedule strong{grid-area:day;color:#f8fafc;font-size:.67rem;letter-spacing:.02em;white-space:nowrap}.tv-live-ceramah-schedule span{grid-area:time;justify-self:end;color:#67e8f9;font-size:.62rem;font-weight:700;text-transform:none;letter-spacing:0;white-space:nowrap}.tv-live-ceramah-schedule em{grid-area:topic;color:#cbd5e1;font-style:normal;font-size:.62rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-live-text-card span{color:#facc15;font-size:.82rem;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.tv-live-text-card h3{margin:8px 0 0;color:#f8fafc;font-size:1.5rem;line-height:1.25;letter-spacing:-.02em}.tv-live-text-card p{margin:10px 0 0;color:#93c5fd;font-size:.84rem;font-weight:600}.tv-live-slide-dots{display:none}.tv-live-slide-dots span{width:7px;height:7px;border-radius:999px;background:#cbd5e18c}.tv-live-slide-dots span.active{background:#facc15}.tv-live-slide-label{margin-top:4px;text-align:center;color:#cbd5e1;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.tv-live-current,.tv-live-next{border-radius:12px;border:1px solid rgba(191,219,254,.32);background:#0206179e;padding:11px 12px;text-align:left}.tv-live-current span,.tv-live-next span{color:#93c5fd;font-size:.74rem;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.tv-live-current h3{margin:6px 0 4px;font-size:2rem;line-height:1;color:#facc15;letter-spacing:-.03em}.tv-live-current p{margin:0;font-size:1.65rem;color:#f8fafc;font-weight:700;letter-spacing:-.02em}.tv-live-next h4{margin:6px 0 4px;font-size:1.35rem;color:#f8fafc;letter-spacing:-.02em}.tv-live-next p{margin:0;font-size:1.5rem;color:#f8fafc;font-weight:700;letter-spacing:-.02em}.tv-live-next em{margin-top:8px;display:inline-flex;border-radius:999px;border:1px solid rgba(34,211,238,.52);background:#0891b238;color:#a5f3fc;font-style:normal;font-size:.72rem;font-weight:700;padding:3px 8px}.tv-live-ticker{border-radius:10px;border:1px solid rgba(191,219,254,.28);background:#0206178f;padding:7px 0;color:#dbeafe;font-size:.76rem;line-height:1.4;overflow:hidden;white-space:nowrap}.tv-live-ticker-track{display:inline-flex;min-width:max-content;will-change:transform;animation:tvTickerMarquee 22s linear infinite}.tv-live-ticker-track span{padding-right:28px}@keyframes tvTickerMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.tv-live-prayerbar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.tv-live-prayerbar article{border-radius:8px;border:1px solid rgba(191,219,254,.25);background:#0f172ab3;padding:6px 7px;display:grid;gap:2px;text-align:left}.tv-live-prayerbar span{color:#cbd5e1;font-size:.68rem;font-weight:600}.tv-live-prayerbar strong{color:#f8fafc;font-size:.95rem;line-height:1;letter-spacing:-.02em}.tv-live-prayerbar article.active{background:linear-gradient(145deg,#facc15f5,#f59e0bf5);border-color:#facc15f2}.tv-live-prayerbar article.active span,.tv-live-prayerbar article.active strong{color:#111827}.dashboard .tv-screen-live,.landing .tv-screen-live{grid-template-rows:auto minmax(0,1fr) auto auto}.dashboard .tv-screen-live:before,.landing .tv-screen-live:before{opacity:.72}.dashboard .tv-screen-live:after,.landing .tv-screen-live:after{background:radial-gradient(circle at 80% 12%,rgba(45,212,191,.08),transparent 42%),radial-gradient(circle at 20% 84%,rgba(251,191,36,.07),transparent 42%),linear-gradient(165deg,#022c3b33,#022d4445 42%,#0f172a61)}.dashboard .tv-live-clock,.landing .tv-live-clock{padding:8px 12px 9px;gap:1px}.dashboard .tv-live-clock-time,.landing .tv-live-clock-time{font-size:2.56rem;line-height:1;letter-spacing:-.04em}.dashboard .tv-live-clock-date,.landing .tv-live-clock-date{font-size:.98rem;line-height:1.2;font-weight:600}.dashboard .tv-live-clock-hijri,.landing .tv-live-clock-hijri{font-size:.88rem;line-height:1.2;font-weight:600}.dashboard .tv-live-main,.landing .tv-live-main{min-height:233px;max-height:233px}.dashboard .tv-live-main.tv-live-main-full-panel,.landing .tv-live-main.tv-live-main-full-panel{min-height:0;max-height:none}.dashboard .tv-live-slide,.landing .tv-live-slide,.dashboard .tv-live-slide-solat,.landing .tv-live-slide-solat,.dashboard .tv-live-current,.dashboard .tv-live-next,.dashboard .tv-live-text-card,.dashboard .tv-live-ceramah-card,.dashboard .tv-live-panel-left,.dashboard .tv-live-panel-right,.landing .tv-live-current,.landing .tv-live-next,.landing .tv-live-text-card,.landing .tv-live-ceramah-card,.landing .tv-live-panel-left,.landing .tv-live-panel-right{height:100%}.dashboard .tv-live-ceramah-card,.landing .tv-live-ceramah-card{grid-template-columns:192px 1fr;padding:10px 12px;gap:12px}.dashboard .tv-live-ceramah-left,.landing .tv-live-ceramah-left{gap:10px}.dashboard .tv-live-ceramah-card img,.landing .tv-live-ceramah-card img{min-height:0}.dashboard .tv-live-ceramah-body,.landing .tv-live-ceramah-body{align-content:center;gap:6px}.dashboard .tv-live-ceramah-body span,.landing .tv-live-ceramah-body span{font-size:.95rem;line-height:1}.dashboard .tv-live-ceramah-body h3,.landing .tv-live-ceramah-body h3{font-size:1.68rem;line-height:1.04}.dashboard .tv-live-ceramah-meta,.landing .tv-live-ceramah-meta{font-size:1.06rem;line-height:1.15}.dashboard .tv-live-ceramah-meta-block,.landing .tv-live-ceramah-meta-block{margin-top:10px;gap:6px}.dashboard .tv-live-ceramah-meta-row,.landing .tv-live-ceramah-meta-row,.dashboard .tv-live-ceramah-meta-row strong,.dashboard .tv-live-ceramah-meta-row em,.landing .tv-live-ceramah-meta-row strong,.landing .tv-live-ceramah-meta-row em{font-size:.9rem}.dashboard .tv-live-program-card,.landing .tv-live-program-card{grid-template-columns:106px 1fr;padding:10px;gap:12px}.dashboard .tv-live-program-card img,.landing .tv-live-program-card img{min-height:106px}.dashboard .tv-live-program-card-body h4,.landing .tv-live-program-card-body h4{font-size:1.34rem;line-height:1.2}.dashboard .tv-live-program-speaker,.landing .tv-live-program-speaker{font-size:1rem;line-height:1.25}.dashboard .tv-live-program-meta,.dashboard .tv-live-program-meta strong,.landing .tv-live-program-meta,.landing .tv-live-program-meta strong{font-size:.96rem;line-height:1.25}.dashboard .tv-live-slide-panel,.landing .tv-live-slide-panel{grid-template-columns:1.5fr 1fr}.dashboard .tv-live-slide-panel.has-program,.landing .tv-live-slide-panel.has-program{grid-template-columns:1.16fr 1fr}.dashboard .tv-live-panel-left,.landing .tv-live-panel-left{padding:12px;gap:8px;align-content:start}.dashboard .tv-live-panel-left span,.landing .tv-live-panel-left span{font-size:.95rem;line-height:1}.dashboard .tv-live-panel-left h3,.landing .tv-live-panel-left h3{font-size:2rem;line-height:1.1}.dashboard .tv-live-panel-left p,.landing .tv-live-panel-left p{font-size:.97rem;line-height:1.2}.dashboard .tv-live-panel-right,.landing .tv-live-panel-right{padding:11px 12px}.dashboard .tv-live-panel-right.has-program,.landing .tv-live-panel-right.has-program{text-align:left;justify-items:stretch;align-content:stretch;grid-template-rows:auto minmax(0,1fr)}.dashboard .tv-live-panel-right span,.landing .tv-live-panel-right span{font-size:.9rem}.dashboard .tv-live-panel-right h4,.landing .tv-live-panel-right h4{font-size:2.02rem;line-height:1.02}.dashboard .tv-live-panel-right p,.landing .tv-live-panel-right p{font-size:1.92rem}.dashboard .tv-live-panel-right .tv-live-program-card-body h4,.landing .tv-live-panel-right .tv-live-program-card-body h4{font-size:1.34rem;line-height:1.2;margin:0;text-align:left}.dashboard .tv-live-panel-right .tv-live-program-speaker,.landing .tv-live-panel-right .tv-live-program-speaker{font-size:1rem;line-height:1.25;text-align:left}.dashboard .tv-live-panel-right .tv-live-program-meta,.dashboard .tv-live-panel-right .tv-live-program-meta strong,.landing .tv-live-panel-right .tv-live-program-meta,.landing .tv-live-panel-right .tv-live-program-meta strong{font-size:.96rem;line-height:1.25;text-align:left}.dashboard .tv-live-panel-right em,.landing .tv-live-panel-right em{font-size:.83rem}.tv-stand{width:30%;min-width:170px;height:12px;margin-top:10px;border-radius:999px;background:linear-gradient(180deg,#374151,#111827);box-shadow:0 12px 22px #0f172a42}@keyframes landingFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.floating-card{--float-tilt: 0deg;position:absolute;z-index:4;border:1px solid rgba(203,213,225,.75);border-radius:16px;padding:14px;background:#ffffffc2;box-shadow:0 14px 28px #0f172a1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transform:rotate(var(--float-tilt));transform-origin:center;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease;will-change:transform}.floating-card:hover{transform:translateY(-8px) rotate(var(--float-tilt)) scale(1.015);box-shadow:0 22px 34px #0f172a2e}.floating-card h3{margin:0 0 8px;font-size:.95rem;color:#0f172a}.floating-card p{margin:0;color:#334155;line-height:1.45;font-size:.88rem}.floating-note{--float-tilt: -5deg;top:56px;left:20px;width:210px;background:#fff8bf}.floating-reminder{--float-tilt: 5deg;top:52px;right:20px;width:210px}.floating-task{--float-tilt: -6deg;bottom:138px;left:22px;width:220px;z-index:5}.floating-task:hover{transform:translate(-6px,-12px) rotate(var(--float-tilt)) scale(1.02)}.floating-task ul{margin:0;padding-left:16px;color:#475467;display:grid;gap:4px;font-size:.86rem}.floating-tools{--float-tilt: 6deg;bottom:138px;right:22px;width:220px;z-index:5}.floating-tools:hover{transform:translate(6px,-12px) rotate(var(--float-tilt)) scale(1.02)}.tool-chips{display:flex;flex-wrap:wrap;gap:8px}.tool-chips span{border-radius:999px;border:1px solid rgba(148,163,184,.45);background:#f8fafc;color:#334155;font-size:.82rem;font-weight:600;padding:6px 10px}.landing-section{margin-top:20px;width:100%;background:linear-gradient(180deg,#fffffff2,#f8fafcf2);border:1px solid rgba(203,213,225,.78);border-radius:22px;box-shadow:0 18px 32px #0f172a12;padding:clamp(20px,2.4vw,30px)}.section-tag{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(148,163,184,.45);background:#ffffffd1;color:#334155;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px}.section-head h2{margin:10px 0 0;font-size:clamp(1.52rem,2.4vw,2rem);letter-spacing:-.03em;color:#0f172a}.section-head p{margin:8px 0 0;color:#475569;font-size:.96rem;line-height:1.6}.landing-grid{margin-top:18px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.landing-card{border:1px solid rgba(203,213,225,.72);border-radius:16px;background:linear-gradient(180deg,#fff,#f8fafc);padding:16px;box-shadow:0 12px 22px #0f172a0d;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.landing-card:hover{transform:translateY(-3px);border-color:#7dd3fcd9;box-shadow:0 18px 30px #0f172a1a}.landing-card-icon{display:inline-flex;border-radius:999px;background:#ecfeff;border:1px solid #67e8f9;color:#0f766e;padding:4px 10px;font-size:.74rem;font-weight:700}.landing-card h3{margin:10px 0 6px;color:#111827;font-size:1.05rem}.landing-card p{margin:0;color:#475569;line-height:1.55}.landing-steps{margin-top:18px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.step-card{border:1px solid rgba(203,213,225,.72);border-radius:16px;background:linear-gradient(180deg,#fff,#f8fafc);padding:16px;box-shadow:0 12px 22px #0f172a0d;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.step-card:hover{transform:translateY(-3px);border-color:#fbbf24bf;box-shadow:0 18px 30px #0f172a1a}.step-no{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:999px;background:#111827;color:#fff;font-weight:700;font-size:.86rem}.step-card h3{margin:10px 0 6px;color:#111827;font-size:1.05rem}.step-card p{margin:0;color:#475569;line-height:1.55}.trust-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.trust-chip{border:1px solid rgba(186,230,253,.82);border-radius:14px;background:linear-gradient(180deg,#ecfefff0,#f0f9fff0);padding:12px 14px;text-align:center;color:#334155;font-size:.88rem;font-weight:600}.landing-cta{text-align:center;background:radial-gradient(circle at 20% 50%,rgba(253,224,71,.28),transparent 32%),radial-gradient(circle at 80% 40%,rgba(125,211,252,.34),transparent 32%),linear-gradient(180deg,#fffffff7,#f6fafff7)}.landing-cta h2{margin:10px 0 0;color:#0f172a;font-size:clamp(1.6rem,2.8vw,2.2rem);letter-spacing:-.03em}.landing-cta p{margin:10px 0 0;color:#475569}.landing-contact p{max-width:860px;margin-left:auto;margin-right:auto;line-height:1.65}.contact-options{margin-top:18px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.contact-card{text-align:left;border:1px solid rgba(203,213,225,.75);border-radius:16px;background:linear-gradient(180deg,#fff,#f8fafc);padding:16px;box-shadow:0 12px 22px #0f172a0d}.contact-card h3{margin:0 0 6px;color:#0f172a;font-size:1rem}.contact-card p{margin:0;color:#475569;font-size:.92rem;line-height:1.6}.landing .btn{border:1px solid rgba(148,163,184,.55);border-radius:12px;background:#fffffff5;color:#0f172a;font:inherit;font-size:.9rem;font-weight:600;line-height:1;padding:11px 14px;text-decoration:none;box-shadow:0 8px 18px #0f172a14;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.landing .btn:hover{border-color:#0e74908c;background:#fff;transform:translateY(-1px);box-shadow:0 12px 20px #0f172a1f}.landing .btn:focus-visible{outline:2px solid #0ea5e9;outline-offset:2px}.landing .btn-primary{background:linear-gradient(145deg,#0f172a,#1e293b);border-color:#0f172a;color:#fff;box-shadow:0 12px 22px #0f172a40}.landing .btn-primary:hover{border-color:#0f172a;background:linear-gradient(145deg,#111827,#0f172a)}.landing .btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:8px}.landing .wa-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.landing .wa-icon svg{width:100%;height:100%;display:block}.landing .btn-ghost{border-color:transparent;background:#f1f5f9c2;color:#334155;box-shadow:none}.landing-footer{margin:16px 0 6px;text-align:center;color:#667085;font-size:.9rem;font-weight:600}.onboarding-shell{max-width:1140px;padding:16px;border-radius:26px}.onboarding-topbar{position:static;margin:2px 2px 14px;padding:10px 12px}.onboarding-section{position:relative;overflow:hidden}.onboarding-section:before{content:"";position:absolute;inset:-40% auto auto -20%;width:260px;height:260px;background:radial-gradient(circle at 50% 50%,rgba(125,211,252,.14),transparent 70%);pointer-events:none}.onboarding-hero{text-align:center;border-color:#bae6fdcc;box-shadow:0 20px 36px #0f172a17;background:radial-gradient(circle at 18% 18%,rgba(125,211,252,.3),transparent 38%),radial-gradient(circle at 82% 38%,rgba(253,224,71,.24),transparent 38%),linear-gradient(180deg,#fffffffc,#f6fafffc)}.onboarding-eyebrow{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(148,163,184,.45);background:#f8fafce6;color:#334155;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:7px 12px}.onboarding-hero h1{margin:14px 0 10px;color:#0f172a;line-height:1.03;letter-spacing:-.035em;font-size:clamp(2rem,4.2vw,3.2rem);font-weight:800;text-wrap:balance}.onboarding-hero p{margin:0 auto;max-width:760px;color:#334155;line-height:1.7;text-wrap:pretty}.onboarding-hero-actions{margin-top:20px}.onboarding-hero .landing-btn-row{justify-content:center}.onboarding-visual{overflow:hidden}.onboarding-infographic{width:100%;margin-top:18px;border:1px solid rgba(186,230,253,.8);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 14px 26px #0f172a14}.onboarding-check-grid{margin-top:18px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.onboarding-check-card{border:1px solid rgba(203,213,225,.78);border-radius:16px;background:linear-gradient(180deg,#fff,#f8fafc);padding:16px;box-shadow:0 12px 24px #0f172a0f;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.onboarding-check-card:hover{transform:translateY(-2px);border-color:#7dd3fcdb;box-shadow:0 18px 30px #0f172a1a}.onboarding-check-card h3{margin:0;color:#0f172a;font-size:1.02rem}.onboarding-check-card ul{margin:10px 0 0;padding-left:18px;display:grid;gap:8px;color:#475569;line-height:1.58}.onboarding-step-grid{margin-top:18px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-step-card{border:1px solid rgba(203,213,225,.78);border-radius:16px;background:linear-gradient(180deg,#fff,#f8fafc);padding:16px;box-shadow:0 12px 24px #0f172a0f;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.onboarding-step-card:hover{transform:translateY(-2px);border-color:#fbbf24bf;box-shadow:0 18px 30px #0f172a1a}.onboarding-step-card .step-no{width:34px;height:34px;font-size:.9rem}.onboarding-step-card h3{margin:12px 0 8px;color:#0f172a;font-size:1.05rem;line-height:1.35}.onboarding-step-card p{margin:0;color:#475569;line-height:1.62}.onboarding-step-card code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.84em;background:#f8fafc;border:1px solid #dbe4ee;border-radius:6px;padding:1px 5px}.onboarding-step-card .hint-line{margin-top:10px;color:#334155;font-size:.84rem;line-height:1.45;border-top:1px dashed rgba(148,163,184,.55);padding-top:9px}.onboarding-trouble-grid{margin-top:18px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-trouble-card{border:1px solid rgba(203,213,225,.78);border-radius:16px;background:linear-gradient(180deg,#fff,#f8fafc);padding:16px;box-shadow:0 12px 24px #0f172a0f;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.onboarding-trouble-card:hover{transform:translateY(-2px);border-color:#7dd3fcd6;box-shadow:0 18px 30px #0f172a1a}.onboarding-trouble-card h3{margin:0 0 8px;color:#0f172a;font-size:1rem}.onboarding-trouble-card p{margin:0;color:#475569;line-height:1.6}.onboarding-cta p{max-width:none}.auth-wrap{min-height:100vh;padding:28px 20px;background:#dcdcdc;color:#101828}.auth-wrap,.auth-wrap *{font-family:Manrope,-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif}.auth-shell{width:min(1120px,100%);margin:0 auto;border:1px solid #d8dee8;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 22px 42px #0f172a1f;display:grid;grid-template-columns:minmax(320px,.95fr) minmax(420px,1fr)}.auth-side{padding:34px 30px;background:radial-gradient(circle at 20% 22%,rgba(125,211,252,.24),transparent 40%),radial-gradient(circle at 82% 68%,rgba(253,224,71,.2),transparent 38%),linear-gradient(165deg,#f8fafc,#eef2f7);border-right:1px solid #e4e7ec}.auth-badge{display:inline-flex;align-items:center;border-radius:999px;border:1px solid #d0d5dd;background:#fff;color:#475467;font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:6px 11px}.auth-side h1{margin:12px 0 10px;color:#101828;letter-spacing:-.03em;line-height:1.1;font-size:clamp(1.5rem,2.8vw,2.3rem)}.auth-side p{margin:0;color:#475467;line-height:1.65}.auth-side ul{margin:18px 0 22px;padding-left:18px;color:#344054;display:grid;gap:7px}.auth-side .btn{border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:#111827;text-decoration:none;display:inline-flex;width:fit-content}.auth-card{padding:34px 30px;display:flex;flex-direction:column;justify-content:center}.auth-card h2{margin:0 0 8px;color:#111827;letter-spacing:-.03em;font-size:clamp(1.45rem,2vw,2rem)}.auth-form{display:grid}.auth-mode-switch{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px;padding:6px;border:1px solid #e4e7ec;border-radius:12px;background:#f8fafc}.auth-mode-tab{border:1px solid transparent;border-radius:9px;background:transparent;color:#475467;font:inherit;font-size:.9rem;font-weight:700;line-height:1;padding:10px 12px;cursor:pointer;transition:all .15s ease}.auth-mode-tab.active{border-color:#d0d5dd;background:#fff;color:#111827;box-shadow:0 2px 10px #0f172a0f}.auth-mode-tab:hover:not(.active){color:#111827;background:#f2f4f7}.auth-wrap .muted{color:#667085}.muted{color:var(--text-muted);margin:0}.field{display:flex;flex-direction:column;gap:8px;margin-top:14px}.inline-field{width:min(240px,100%);margin-top:0}.field span{color:var(--text-soft);font-size:.95rem;font-weight:600}input,select,textarea{width:100%;border:1px solid rgba(128,164,191,.32);border-radius:10px;background:#061c2cad;color:var(--text);font:inherit;padding:11px 12px}input:focus,select:focus,textarea:focus{outline:2px solid rgba(251,191,36,.6);outline-offset:1px;border-color:#fbbf24a6}.btn{border:1px solid rgba(147,191,220,.42);border-radius:9px;background:#08253abd;color:var(--text);font:inherit;font-size:.9rem;font-weight:600;line-height:1;padding:9px 13px;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.btn:hover{transform:translateY(-1px);border-color:#bfdef5b8}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#f4bc34,#f59e0b);color:#1f2937;border-color:#fef08ad9}.btn-danger{border-color:#fca5a5b3;background:#7f1d1d85}.btn-text{margin-top:8px;background:transparent;border:0;text-align:left;padding:0;color:var(--text-soft);font-weight:600}.auth-wrap .field span{color:#344054}.auth-wrap input,.auth-wrap select,.auth-wrap textarea{border:1px solid #d0d5dd;border-radius:12px;background:#fff;color:#0f172a;box-shadow:inset 0 1px #ffffffb3}.auth-wrap input:focus,.auth-wrap select:focus,.auth-wrap textarea:focus{outline:2px solid rgba(56,189,248,.4);border-color:#7dd3fc}.auth-wrap .btn{border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:#111827;font-size:.88rem;font-weight:600;padding:10px 13px}.auth-wrap .btn:hover{border-color:#98a2b3;background:#f9fafb}.auth-wrap .btn-primary{background:#111827;border-color:#111827;color:#fff}.auth-wrap .btn-primary:hover{background:#0f172a;border-color:#0f172a}.auth-wrap .btn-text{margin-top:0;color:#475467;text-decoration:underline;text-underline-offset:3px}.auth-wrap .success{background:#ecfdf3;border:1px solid #abefc6;color:#027a48}.auth-wrap .error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.auth-alert{margin:12px 0 0;border-radius:12px;padding:10px 12px;font-size:.95rem;line-height:1.5}.auth-alert.warning{border:1px solid #fde68a;background:#fffbeb;color:#92400e}.password-rules{margin-top:10px;border:1px solid #e4e7ec;border-radius:12px;background:#f8fafc;padding:10px 12px;display:grid;gap:6px}.password-rules p{margin:0;font-size:.88rem;line-height:1.4}.password-rules .pass{color:#027a48}.password-rules .fail{color:#b42318}.auth-checkbox{margin-top:12px;display:grid;grid-template-columns:16px 1fr;align-items:start;gap:8px;color:#475467;font-size:.9rem;line-height:1.5}.auth-checkbox input{margin:3px 0 0}.auth-actions{margin-top:12px;display:grid;gap:10px}.auth-footnote{margin:8px 0 0;color:#667085;font-size:.85rem;line-height:1.5}.dashboard{min-height:100vh;padding:28px;max-width:1400px;margin:0 auto}.topbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.topbar h2{margin:0}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.grid-two{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.grid-inline{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.grid-prayer{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:14px}.card h3,.card h4{margin:0 0 10px}.check-row label{display:flex;align-items:center;gap:8px;color:var(--text-soft)}.check-row input[type=checkbox]{width:18px;height:18px;margin:0}.list{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:10px}.list li{border:1px solid rgba(137,171,198,.3);border-radius:12px;background:#061b2ab8;padding:10px 12px;color:var(--text-soft)}.list-item-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px}.list-item-main{display:flex;flex-direction:column;gap:3px}.pill{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(147,191,220,.45);background:#0e3349c7;color:var(--text-soft);padding:4px 10px;font-size:.82rem}.status-wrap{display:grid;gap:8px;margin-top:8px}.success,.error{margin:0;border-radius:10px;padding:10px 12px;font-weight:600}.success{background:#14532da6;border:1px solid rgba(134,239,172,.6);color:#dcfce7}.error{background:#450a0aad;border:1px solid rgba(252,165,165,.65);color:#fee2e2}.panel-actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px}.content-list{margin-top:10px;display:grid;gap:12px}.content-item{border:1px solid rgba(137,171,198,.3);border-radius:12px;background:#061b2ab8;padding:12px}.content-item-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.code{background:#020d18c7;border:1px solid rgba(137,171,198,.3);border-radius:10px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.84rem;white-space:pre-wrap;word-break:break-word}.hint-line{margin:6px 0 0;font-size:.88rem;color:var(--text-muted)}.dashboard{--dash-bg: #f2f5fa;--dash-surface: #ffffff;--dash-surface-soft: #f8fafc;--dash-border: #e2e8f0;--dash-border-strong: #cbd5e1;--dash-foreground: #0f172a;--dash-heading: #111827;--dash-muted: #64748b;--dash-ring: rgba(15, 23, 42, .15);--dash-ring-focus: #94a3b8;min-height:100vh;max-width:none;margin:0;padding:28px 20px 44px;background:radial-gradient(circle at 12% 6%,rgba(148,163,184,.2),transparent 30%),radial-gradient(circle at 90% 0%,rgba(186,230,253,.24),transparent 38%),linear-gradient(180deg,#eef2f7 0%,var(--dash-bg) 58%);color:var(--dash-foreground)}.dashboard,.dashboard *{font-family:Manrope,-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif}.dashboard-shell{max-width:1360px;margin:0 auto;display:grid;gap:20px}.dashboard [id]{scroll-margin-top:110px}.dashboard-workspace{display:grid;grid-template-columns:minmax(220px,250px) minmax(0,1fr);gap:18px;align-items:start}.dashboard-main{display:grid;gap:18px}.dashboard .dashboard-sidebar{position:sticky;top:14px;gap:12px}.dashboard .dashboard-live-preview-card{gap:16px}.dashboard .dashboard-live-preview-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px 14px}.dashboard .dashboard-live-preview-head .muted{max-width:760px}.dashboard .dashboard-live-preview{display:grid;justify-items:center}.dashboard .dashboard-live-preview .tv-frame{width:min(100%,980px)}.dashboard .sidebar-nav{display:grid;gap:6px}.dashboard .sidebar-link{display:block;border:1px solid transparent;border-radius:10px;color:#334155;font-size:.88rem;font-weight:700;line-height:1.3;text-decoration:none;padding:9px 10px;transition:background .12s ease,border-color .12s ease,color .12s ease}.dashboard .sidebar-link:hover{background:var(--dash-surface-soft);border-color:var(--dash-border);color:#0f172a}.dashboard .sidebar-context{display:grid;gap:4px;border:1px solid var(--dash-border);border-radius:12px;background:var(--dash-surface-soft);padding:11px}.dashboard .sidebar-context strong{color:#0f172a;font-size:.9rem;letter-spacing:-.01em}.dashboard .sidebar-context span{color:#64748b;font-size:.8rem;line-height:1.4}.dashboard .approval-pill{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:3px 10px;border:1px solid transparent;font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.dashboard .approval-pill.approval-draft{background:#f8fafc;border-color:#cbd5e1;color:#475569}.dashboard .approval-pill.approval-pending_review{background:#fff7ed;border-color:#fdba74;color:#9a3412}.dashboard .approval-pill.approval-approved{background:#ecfdf3;border-color:#86efac;color:#166534}.dashboard .approval-pill.approval-rejected{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.dashboard .sidebar-context-label{color:#334155;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.dashboard .zone-combobox{position:relative}.dashboard .zone-dropdown{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;max-height:260px;overflow:auto;border:1px solid var(--dash-border-strong);border-radius:12px;background:var(--dash-surface);box-shadow:0 16px 24px #0f172a1f;padding:6px}.dashboard .zone-option{width:100%;display:grid;gap:2px;text-align:left;border:1px solid transparent;border-radius:10px;background:transparent;color:#334155;cursor:pointer;padding:8px 10px}.dashboard .zone-option strong{color:#0f172a;font-size:.85rem}.dashboard .zone-option span{color:#64748b;font-size:.8rem;line-height:1.35}.dashboard .zone-option:hover{border-color:var(--dash-border);background:var(--dash-surface-soft)}.dashboard .zone-option.is-selected{border-color:#bfdbfe;background:#eff6ff}.dashboard .zone-empty{margin:0;color:#64748b;font-size:.84rem;padding:8px 10px}.dashboard .image-upload-row{gap:10px}.dashboard input[type=file]{min-height:42px;padding:8px 10px}.dashboard .ceramah-image-preview{width:min(360px,100%);border:1px solid var(--dash-border);border-radius:12px;background:var(--dash-surface-soft);overflow:hidden}.dashboard .ceramah-image-preview img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.dashboard .full-panel-image-preview img{aspect-ratio:16 / 9;object-fit:fill}.dashboard .topbar{background:linear-gradient(140deg,#fff,#f8fafc);border:1px solid var(--dash-border);border-radius:18px;box-shadow:0 1px 2px #0f172a0f,0 10px 26px #0f172a0f;padding:18px 20px;margin:0}.dashboard .topbar-meta{display:grid;gap:8px}.dashboard .topbar-meta h2{margin:0;font-size:clamp(1.4rem,2.2vw,1.95rem);letter-spacing:-.02em;color:var(--dash-heading)}.dashboard .topbar-badge{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--dash-border);background:var(--dash-surface);color:#475569;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;width:fit-content;padding:5px 11px}.dashboard .muted{margin:0;color:var(--dash-muted);font-size:.9rem;line-height:1.45}.dashboard .topbar-stats{display:flex;flex-wrap:wrap;gap:8px}.dashboard .metric-chip{display:inline-flex;align-items:center;min-height:30px;border-radius:999px;border:1px solid var(--dash-border);background:var(--dash-surface-soft);color:#334155;font-size:.8rem;font-weight:700;padding:0 11px}.dashboard .topbar-actions{justify-content:flex-end}.dashboard .superadmin-tabs{display:flex;flex-wrap:wrap;gap:10px}.dashboard .superadmin-tab{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid var(--dash-border-strong);border-radius:999px;background:var(--dash-surface);color:#334155;font-size:.83rem;font-weight:700;padding:0 14px}.dashboard .superadmin-tab:hover{border-color:#94a3b8;background:#f8fafc}.dashboard .superadmin-tab.is-active{background:#0f172a;border-color:#0f172a;color:#fff}.dashboard .superadmin-accordion{border:1px solid var(--dash-border);border-radius:14px;background:var(--dash-surface-soft);overflow:hidden}.dashboard .superadmin-accordion+.superadmin-accordion{margin-top:12px}.dashboard .superadmin-accordion summary{cursor:pointer;list-style:none;font-weight:800;color:#0f172a;padding:12px 14px;background:#f8fafc;border-bottom:1px solid var(--dash-border)}.dashboard .superadmin-accordion summary::-webkit-details-marker{display:none}.dashboard .accordion-content{display:grid;gap:12px;padding:14px}.dashboard .card{display:grid;gap:14px;align-content:start;background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:16px;box-shadow:0 1px 2px #0f172a0f,0 12px 22px #0f172a0d;padding:18px;margin:0}.dashboard .card h3,.dashboard .card h4{margin:0;color:var(--dash-heading);letter-spacing:-.01em}.dashboard .card h3{font-size:1.02rem}.dashboard .card .tv-live-text-card h3,.dashboard .card .tv-live-ceramah-body h3,.dashboard .card .tv-live-current h3,.dashboard .card .tv-live-panel-left h3,.dashboard .card .tv-live-next h4,.dashboard .card .tv-live-panel-right h4{color:#f8fafc}.dashboard .section-divider{margin-top:6px;padding-top:14px;border-top:1px solid var(--dash-border);font-size:.95rem;color:#334155}.dashboard .grid-two{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;align-items:start}.dashboard .grid-inline{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard .grid-prayer{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard .prayer-panel{display:grid;gap:14px;border:1px solid var(--dash-border);border-radius:14px;background:linear-gradient(180deg,#f8fafc,#fff);padding:14px}.dashboard .prayer-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.dashboard .prayer-date-field{width:min(280px,100%)}.dashboard .prayer-actions{display:grid;gap:6px;align-items:end}.dashboard .prayer-sync-btn{min-width:230px}.dashboard .prayer-helper{margin:0;color:#64748b;font-size:.8rem;line-height:1.45}.dashboard .approval-banner{display:grid;gap:8px;border:1px solid var(--dash-border);border-radius:12px;padding:12px;background:#f8fafc}.dashboard .approval-banner strong{color:#0f172a;font-size:.86rem}.dashboard .approval-banner span{color:#475569;font-size:.84rem;line-height:1.45}.dashboard .approval-banner.approval-pending_review{border-color:#fdba74;background:#fff7ed}.dashboard .approval-banner.approval-approved{border-color:#86efac;background:#ecfdf3}.dashboard .approval-banner.approval-rejected{border-color:#fca5a5;background:#fef2f2}.dashboard .prayer-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard .prayer-slot{border:1px solid var(--dash-border);border-radius:12px;background:#fff;padding:10px;gap:8px}.dashboard .prayer-slot span{color:#334155;font-size:.92rem;text-transform:lowercase}.dashboard .prayer-slot input{min-height:46px;border-color:#cbd5e1;font-size:1.04rem;font-weight:700}.dashboard .field{gap:6px;margin-top:0}.dashboard .field span{color:#334155;font-size:.8rem;font-weight:700;letter-spacing:.01em}.dashboard input,.dashboard select,.dashboard textarea{min-height:42px;border:1px solid var(--dash-border-strong);border-radius:12px;background:var(--dash-surface);color:var(--dash-foreground);box-shadow:0 1px 1px #0f172a08;padding:10px 12px}.dashboard input:focus,.dashboard select:focus,.dashboard textarea:focus{outline:3px solid var(--dash-ring);outline-offset:0;border-color:var(--dash-ring-focus)}.dashboard textarea{resize:vertical;min-height:96px}.dashboard input[type=checkbox]{width:16px;min-height:16px;height:16px;margin:0;padding:0;border-radius:4px;border:1px solid var(--dash-border-strong);box-shadow:none;accent-color:#111827}.dashboard .btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:1px solid var(--dash-border-strong);border-radius:10px;background:var(--dash-surface);color:var(--dash-heading);font-size:.88rem;font-weight:700;padding:0 14px}.dashboard .btn:hover{border-color:#94a3b8;background:#f8fafc;transform:translateY(-1px)}.dashboard .btn-primary{background:#0f172a;border-color:#0f172a;color:#fff}.dashboard .btn-primary:hover{background:#020617;border-color:#020617}.dashboard .btn-danger{background:#fff1f2;border-color:#fda4af;color:#be123c}.dashboard .btn-danger:hover{border-color:#fb7185;background:#ffe4e6}.dashboard .card>.btn{justify-self:start}.dashboard .list li,.dashboard .content-item{border:1px solid var(--dash-border);background:var(--dash-surface-soft);color:#334155}.dashboard .list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.dashboard .list li{border-radius:12px;padding:12px}.dashboard .tenant-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;align-items:start}.dashboard .tenant-card-compact{display:grid;gap:8px;padding:10px 11px;align-self:start}.dashboard .tenant-meta-chips{gap:8px}.dashboard .tenant-meta-chips .pill{font-size:.78rem;padding:3px 9px}.dashboard .tenant-action-collapse{border:1px dashed var(--dash-border);border-radius:10px;background:#fff}.dashboard .tenant-action-collapse summary{cursor:pointer;padding:8px 10px;font-size:.8rem;font-weight:700;color:#475569}.dashboard .tenant-action-collapse .accordion-content{padding-top:0}.dashboard .tenant-actions-row{justify-content:space-between}.dashboard .tenant-overview-panel{border-top:1px dashed var(--dash-border-strong);padding-top:10px}.dashboard .tenant-overview-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.dashboard .tenant-overview-section{border:1px solid var(--dash-border);border-radius:10px;background:#fff;padding:10px;display:grid;gap:8px}.dashboard .tenant-overview-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.dashboard .tenant-overview-head-actions{gap:6px;align-items:flex-end}.dashboard .tenant-overview-head-actions .btn{min-height:32px;font-size:.76rem;padding:0 10px}.dashboard .tenant-preview-mosque-select{display:grid;gap:4px}.dashboard .tenant-preview-mosque-select span{color:#64748b;font-size:.72rem;font-weight:700}.dashboard .tenant-preview-mosque-select select{min-width:210px;min-height:32px;font-size:.8rem}.dashboard .tenant-overview-live-note{margin:-2px 0 0;color:#64748b;font-size:.75rem}.dashboard .tenant-overview-member-list,.dashboard .tenant-preview-content-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.dashboard .tenant-overview-member-list li,.dashboard .tenant-preview-content-list li{border:1px solid var(--dash-border);border-radius:8px;background:#f8fafc;padding:8px}.dashboard .tenant-overview-member-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;color:#475569;font-size:.75rem}.dashboard .tenant-preview-meta{display:grid;gap:2px;color:#475569;font-size:.8rem}.dashboard .tenant-preview-config{gap:6px}.dashboard .tenant-preview-config .pill{font-size:.73rem;padding:3px 8px}.dashboard .tenant-prayer-grid{display:grid;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard .tenant-prayer-item{border:1px solid var(--dash-border);border-radius:8px;background:#f8fafc;padding:6px 7px;display:grid;gap:1px}.dashboard .tenant-prayer-item strong{font-size:.72rem;color:#64748b}.dashboard .tenant-prayer-item span{font-size:.82rem;color:#0f172a;font-weight:700}.dashboard .tenant-preview-ticker{border:1px dashed var(--dash-border-strong);border-radius:8px;background:#f8fafc;color:#475569;font-size:.78rem;line-height:1.4;margin:0;padding:7px 8px}.dashboard .tenant-preview-content-list li{display:grid;gap:3px}.dashboard .tenant-preview-content-list .content-type{text-transform:uppercase;letter-spacing:.03em;font-size:.68rem;color:#1e40af;font-weight:700}.dashboard .tenant-preview-content-list strong{font-size:.82rem;color:#0f172a}.dashboard .tenant-preview-content-list p{margin:0;color:#64748b;font-size:.76rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dashboard .tenant-preview-top-card{gap:14px}.dashboard .tenant-preview-toolbar{align-items:flex-end}.dashboard .tenant-live-preview-top{display:grid;justify-items:center}.dashboard .tenant-fullscreen-target{width:100%;display:grid;justify-items:center;position:relative}.dashboard .tenant-fullscreen-exit-btn{display:none}.dashboard .tenant-live-preview-top .tv-frame{width:100%;max-width:none}.dashboard .tenant-fullscreen-target:fullscreen,.dashboard .tenant-fullscreen-target:-webkit-full-screen{width:100vw;height:100vh;margin:0;padding:16px;background:#020617;display:grid;place-items:center}.dashboard .tenant-fullscreen-target:fullscreen .tv-frame,.dashboard .tenant-fullscreen-target:-webkit-full-screen .tv-frame{width:min(98vw,calc(92vh * 16 / 9));max-width:none}.dashboard .tenant-fullscreen-target:fullscreen .tv-screen-live,.dashboard .tenant-fullscreen-target:-webkit-full-screen .tv-screen-live{--tv-live-scale: 1}.dashboard .tenant-fullscreen-target:fullscreen .tenant-fullscreen-exit-btn,.dashboard .tenant-fullscreen-target:-webkit-full-screen .tenant-fullscreen-exit-btn{display:inline-flex;position:absolute;top:14px;right:14px;z-index:8}.dashboard .list-item-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px}.dashboard .list-item-main{display:grid;gap:4px}.dashboard .list-item-main strong{color:var(--dash-heading);font-size:.92rem}.dashboard .list-item-main span{color:#64748b;font-size:.82rem;line-height:1.45}.dashboard .user-expand-trigger{width:100%;border:0;background:transparent;text-align:left;padding:0;cursor:pointer}.dashboard .user-expand-trigger:focus-visible{outline:2px solid #94a3b8;outline-offset:2px;border-radius:10px}.dashboard .row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dashboard .pill{border:1px solid #bfdbfe;background:#eff6ff;color:#1e40af;font-weight:700;padding:4px 10px}.dashboard .check-row{gap:16px;padding:10px 12px;border:1px solid var(--dash-border);border-radius:12px;background:var(--dash-surface-soft)}.dashboard .check-row label,.dashboard .content-item>label{display:inline-flex;align-items:center;gap:8px;color:#334155;font-size:.88rem;font-weight:600}.dashboard .panel-actions{margin:0;display:flex;flex-wrap:wrap;gap:10px}.dashboard .content-list{margin:0;display:grid;gap:12px}.dashboard .content-item{display:grid;gap:12px;border-radius:14px;padding:14px}.dashboard .content-item-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.dashboard .code{border:1px solid var(--dash-border);background:var(--dash-surface-soft);color:#334155;border-radius:12px;padding:14px;max-height:420px;overflow:auto}.dashboard .status-wrap{display:grid;gap:10px;margin-top:-4px}.dashboard .success{background:#ecfdf3;border:1px solid #abefc6;color:#027a48}.dashboard .error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.dashboard .warning{margin:0;border-radius:10px;padding:10px 12px;background:#fff7ed;border:1px solid #fdba74;color:#9a3412;font-weight:600}@media (prefers-reduced-motion: reduce){.hero-eyebrow,.hero-orb,.hero-title,.hero-subtitle,.hero-note,.hero-proof-grid,.hero-tv-mockup{animation:none}.landing .btn,.landing-card,.step-card,.landing-menu a,.floating-card{transition:none}.landing .btn:hover,.landing-card:hover,.step-card:hover,.floating-card:hover,.floating-task:hover,.floating-tools:hover{transform:none}.landing .tv-live-ticker-track{animation:none;transform:translate(0)}}@media (max-width: 1200px){.dashboard .grid-prayer,.dashboard .prayer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 980px){.auth-wrap{padding:14px 10px 24px}.auth-shell{grid-template-columns:1fr}.auth-side{border-right:0;border-bottom:1px solid #e4e7ec;padding:22px 18px}.auth-card{padding:22px 18px}.dashboard{padding:14px 10px 24px}.dashboard .dashboard-shell{gap:14px}.dashboard-workspace{grid-template-columns:1fr;gap:14px}.dashboard .dashboard-sidebar{position:static}.dashboard .sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard .topbar{padding:14px}.dashboard .topbar-actions{width:100%;justify-content:flex-start}.dashboard .card{padding:14px}.landing{padding:18px 12px 30px}.landing-shell{border-radius:18px;padding:10px}.onboarding-shell{padding:12px;border-radius:20px}.dashboard .grid-two,.dashboard .grid-inline{grid-template-columns:1fr}.dashboard .grid-prayer,.dashboard .prayer-grid,.dashboard .tenant-prayer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard .tenant-preview-mosque-select select{min-width:170px}.dashboard .prayer-toolbar{align-items:stretch}.dashboard .prayer-actions{width:100%}.dashboard .prayer-sync-btn{width:100%;min-width:0}.grid-two,.grid-inline{grid-template-columns:1fr}.landing-topbar{position:static;gap:12px;margin-bottom:10px;padding:10px}.onboarding-topbar{margin:0 0 12px;padding:10px}.landing-menu-desktop,.landing-top-actions{display:none}.landing-mobile-menu-toggle{display:inline-flex;flex-direction:column;margin-left:auto}.landing-mobile-menu{display:none;margin:0 0 10px;padding:12px;border:1px solid rgba(203,213,225,.85);border-radius:14px;background:#f8fafceb;box-shadow:0 12px 24px #0f172a14;gap:10px}.landing-mobile-menu.open{display:grid}.landing-mobile-menu-links{display:grid;gap:4px}.landing-mobile-menu-links a{text-decoration:none;color:#334155;font-size:.95rem;font-weight:600;border-radius:9px;padding:9px 10px}.landing-mobile-menu-links a:hover{color:#0f172a;background:#e2e8f0d9}.landing-hero-panel{min-height:auto;padding:68px 14px 20px}.hero-title{font-size:clamp(2rem,8.6vw,3.3rem)}.hero-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.floating-card{display:none}.landing-grid,.landing-steps,.onboarding-check-grid,.onboarding-step-grid,.onboarding-trouble-grid,.trust-grid,.contact-options{grid-template-columns:1fr}.tv-frame{padding:10px}}@media (max-width: 640px){.dashboard .sidebar-nav,.dashboard .grid-prayer,.dashboard .prayer-grid,.dashboard .tenant-prayer-grid{grid-template-columns:1fr}.dashboard .tenant-preview-mosque-select{width:100%}.dashboard .tenant-preview-mosque-select select{min-width:0;width:100%}.dashboard .btn{width:100%}.dashboard .row .btn{width:auto}.dashboard .topbar-actions{display:grid;grid-template-columns:1fr}.dashboard .topbar-actions .btn{width:100%}.landing-brand{font-size:1.2rem}.hero-proof-grid{grid-template-columns:1fr}.hero-eyebrow{font-size:.72rem;letter-spacing:.04em}.onboarding-hero{text-align:left}.onboarding-hero p{max-width:none}.landing-top-actions{width:100%;justify-content:flex-end}.landing .btn{padding:11px 14px}.landing-footer{font-size:.82rem;line-height:1.5}}