:root{--color-text-primary: #1a1008;--color-text-secondary: #4a5c52;--color-brand-emerald: #0F3D2E;--color-brand-emerald-mid: #1F7A63;--color-brand-emerald-light: #2A9070;--color-accent-gold: #C8A96A;--color-accent-gold-faint: rgba(200, 169, 106, .09);--color-accent-gold-line: rgba(200, 169, 106, .28);--color-luxury-bronze: #8b6914;--color-luxury-bronze-mid: #a67c2a;--color-luxury-bronze-deep: #5c4509;--color-luxury-gold-glow: rgba(200, 169, 106, .42);--color-luxury-gold-mist: rgba(250, 238, 190, .5);--color-surface: #f5f0e8;--color-surface-card: rgba(252, 248, 240, .92);--color-surface-raised: rgba(254, 251, 245, .95);--color-border-warm: rgba(200, 169, 106, .14);--color-border-brand: rgba(15, 61, 46, .09);--color-border-subtle: rgba(180, 155, 95, .12);--shadow-color: 20 10 4;--shadow-inset-top: inset 0 1px 0 rgba(255, 255, 255, .98);--shadow-xs: 0 1px 2px rgba(20, 10, 4, .04), 0 2px 6px rgba(20, 10, 4, .04);--shadow-sm: 0 1px 3px rgba(20, 10, 4, .04), 0 4px 14px rgba(20, 10, 4, .05), 0 12px 32px rgba(20, 10, 4, .03), var(--shadow-inset-top);--shadow-md: 0 0 0 1px rgba(200, 169, 106, .06), 0 1px 3px rgba(20, 10, 4, .05), 0 6px 20px rgba(20, 10, 4, .06), 0 24px 56px rgba(20, 10, 4, .04), var(--shadow-inset-top);--shadow-lg: 0 0 0 1px rgba(200, 169, 106, .08), 0 2px 6px rgba(20, 10, 4, .06), 0 12px 36px rgba(20, 10, 4, .07), 0 40px 88px rgba(20, 10, 4, .05), var(--shadow-inset-top);--shadow-hover: 0 0 0 1px rgba(200, 169, 106, .12), 0 4px 12px rgba(20, 10, 4, .08), 0 16px 44px rgba(20, 10, 4, .1), 0 48px 96px rgba(20, 10, 4, .06), var(--shadow-inset-top);--divider-warm: 1px solid rgba(200, 169, 106, .16);--divider-soft: 1px solid rgba(15, 61, 46, .1);--divider-faint: 1px solid rgba(15, 61, 46, .06);--color-icon-on-light: #1F7A63;--color-icon-ring-mint-top: rgba(240, 250, 245, .98);--color-icon-ring-mint-bottom: rgba(200, 228, 215, .94);--color-menu-icon-soft-green: rgba(31, 122, 99, .08);--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 20px;--r-xl: 24px;--r-pill: 999px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--dur-fast: .16s;--dur-base: .24s;--dur-slow: .32s;--font-display: "Playfair Display", "Cormorant Garamond", Georgia, serif;--font-cinzel: "Cinzel", "Playfair Display", serif;--font-sans: Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--font-menu-tile-heading: Inter, system-ui, sans-serif;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,system-ui,Segoe UI,sans-serif;line-height:1.5;font-weight:400;letter-spacing:.02em;font-feature-settings:"cv02" 1,"cv03" 1,"cv04" 1,"cv11" 1;color:var(--color-text-primary);background:var(--color-surface);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light}*{box-sizing:border-box}button,a[role=button],.inline-action,.inline-action--ghost,.primary-cta,.secondary-cta,.login-pengurus-cta,.daftar-step-btn,.search-bar__btn,.dock-item,.menu-tab,.category-chip,.detail-action-btn{transition:all .2s ease}button:not(:disabled):hover,a[role=button]:hover,.inline-action:not(:disabled):hover,.inline-action--ghost:hover{transform:translateY(-2px)}button:not(:disabled):active,a[role=button]:active,.inline-action:not(:disabled):active,.inline-action--ghost:active{transform:scale(.98);transition-duration:.08s}.primary-cta:not(:disabled):active,.secondary-cta:not(:disabled):active,.login-pengurus-cta:not(:disabled):active,.daftar-step-btn:not(:disabled):active,.search-bar__btn:not(:disabled):active,.dock-item:not(:disabled):active,.menu-tab:not(:disabled):active,.category-chip:active,.detail-action-btn:not(:disabled):active{transform:scale(.98)!important;transition-duration:.08s!important}html,body,#app{min-height:100%}html{scroll-behavior:smooth}#sekilas-masjid{scroll-margin-top:80px}body{margin:0;min-height:100svh;padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%230F3D2E' stroke-width='0.6' stroke-linejoin='round' opacity='0.03'%3E%3Cpolygon points='50,17.5 59.5,27 73,27 73,40.5 82.5,50 73,59.5 73,73 59.5,73 50,82.5 40.5,73 27,73 27,59.5 17.5,50 27,40.5 27,27 40.5,27'/%3E%3Cpolygon points='59.5,27 73,40.5 73,59.5 59.5,73 40.5,73 27,59.5 27,40.5 40.5,27'/%3E%3Cpolyline points='32.5,0 23,9.5 23,23 9.5,23 0,32.5'/%3E%3Cline x1='23' y1='9.5' x2='9.5' y2='23'/%3E%3Cpolyline points='67.5,0 77,9.5 77,23 90.5,23 100,32.5'/%3E%3Cline x1='77' y1='9.5' x2='90.5' y2='23'/%3E%3Cpolyline points='0,67.5 9.5,77 23,77 23,90.5 32.5,100'/%3E%3Cline x1='9.5' y1='77' x2='23' y2='90.5'/%3E%3Cpolyline points='100,67.5 90.5,77 77,77 77,90.5 67.5,100'/%3E%3Cline x1='90.5' y1='77' x2='77' y2='90.5'/%3E%3C/g%3E%3C/svg%3E") repeat 0 0 / 100px 100px,radial-gradient(ellipse 80% 30% at 50% 0%,rgba(200,169,106,.14) 0%,transparent 58%),radial-gradient(ellipse 55% 38% at 0% 92%,rgba(15,61,46,.07) 0%,transparent 65%),radial-gradient(ellipse 45% 32% at 100% 52%,rgba(180,140,60,.06) 0%,transparent 60%),radial-gradient(ellipse 40% 28% at 100% 100%,rgba(31,122,99,.05) 0%,transparent 60%),linear-gradient(175deg,#f7f2e8,#f2ece0 28%,#ede6d6 52%,#e8e0cc 75%,#e4ddc8)}#app{position:relative;isolation:isolate}#app:before,#app:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:-1}#app:before{width:600px;height:500px;top:-120px;left:-160px;background:radial-gradient(ellipse at center,rgba(4,78,50,.07) 0%,rgba(4,78,50,.03) 45%,transparent 70%);filter:blur(72px)}#app:after{width:520px;height:440px;bottom:-80px;right:-120px;background:radial-gradient(ellipse at center,rgba(200,169,106,.08) 0%,rgba(180,140,60,.04) 45%,transparent 70%);filter:blur(90px)}button,input,textarea,select{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.splash-screen{position:relative;min-height:100svh;display:grid;place-items:center;padding:32px 24px;overflow:hidden}.splash-screen:before,.splash-screen:after{content:"";position:absolute;inset:0;pointer-events:none}.splash-screen:before{background:linear-gradient(30deg,rgba(15,61,46,.04) 12%,transparent 12.5%,transparent 87%,rgba(15,61,46,.04) 87.5%),linear-gradient(150deg,rgba(15,61,46,.04) 12%,transparent 12.5%,transparent 87%,rgba(15,61,46,.04) 87.5%),linear-gradient(90deg,rgba(212,175,55,.03) 2%,transparent 2.5%,transparent 98%,rgba(212,175,55,.03) 98.5%);background-size:72px 42px;opacity:.55}.splash-screen:after{background:radial-gradient(circle at 18% 20%,rgba(15,61,46,.12),transparent 24%),radial-gradient(circle at 82% 16%,rgba(212,175,55,.12),transparent 22%),radial-gradient(circle at 50% 100%,rgba(15,61,46,.08),transparent 28%)}.splash-card{position:relative;width:min(100%,430px);min-height:min(720px,calc(100svh - 64px));display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:44px;padding:52px 28px 48px;text-align:center;color:#f7f3ea;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.08),transparent 40%),radial-gradient(circle at 75% 80%,rgba(31,122,99,.35),transparent 45%),linear-gradient(145deg,#0f3d2e,#1a5240 45%,#1e5a43);border:1px solid rgba(243,229,171,.22);box-shadow:0 48px 100px #041e1447,0 20px 48px #041e142e,0 0 0 1px #d4af371a,inset 0 1px #fffaeb24,inset 4px 4px 24px #ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:26px;overflow:hidden}.splash-card:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(243,229,171,.025) 25%,transparent 25%,transparent 75%,rgba(243,229,171,.025) 75%),linear-gradient(-45deg,rgba(243,229,171,.025) 25%,transparent 25%,transparent 75%,rgba(243,229,171,.025) 75%);background-size:56px 56px;opacity:.35;pointer-events:none}.splash-card:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 65% 45% at 20% 10%,rgba(255,255,255,.07),transparent 55%),radial-gradient(ellipse 80% 30% at 50% 108%,rgba(212,175,55,.14),transparent 55%),radial-gradient(ellipse 100% 100% at 50% 50%,transparent 60%,rgba(2,14,10,.18) 100%);pointer-events:none}.hero-block,.cta-stack{position:relative;z-index:1}.hero-block{display:flex;flex-direction:column;align-items:center;width:100%;gap:28px;padding-top:4px}.splash-copy{display:grid;gap:0;width:min(100%,320px)}.splash-eyebrow{margin:0 0 12px;font-family:var(--font-sans);font-size:.62rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:#d4af37ad}.splash-headline{margin:0 0 20px;font-family:var(--font-display);font-size:clamp(2.4rem,6.5vw,3.6rem);line-height:1.2;font-weight:300;letter-spacing:.03em;word-spacing:.04em;color:#fffaf0;text-wrap:balance;text-shadow:0 1px 0 rgba(255,250,235,.08),0 8px 28px rgba(2,12,27,.22),0 20px 50px rgba(2,12,27,.1);-webkit-font-smoothing:antialiased}.splash-divider{width:min(132px,46%);height:10px;margin:0 auto 20px;position:relative}.splash-divider:before,.splash-divider:after{content:"";position:absolute;top:50%;transform:translateY(-50%)}.splash-divider:before{left:0;right:0;height:1px;background:linear-gradient(90deg,#f3e5ab00,#f3e5abe6 50%,#f3e5ab00);box-shadow:0 0 12px #f3e5ab24}.splash-divider:after{left:50%;width:8px;height:8px;border-radius:999px;background:radial-gradient(circle,#fffaebf2,#f3e5abad);box-shadow:0 0 10px #f3e5ab38;translate:-50% 0}.region-tagline{margin:0;font-size:.88rem;line-height:1.7;font-weight:400;letter-spacing:.02em;color:#f7f3ea94}.brand-mark{width:156px;height:156px;margin:0 auto;padding:8px;overflow:hidden;border-radius:32px;background:linear-gradient(160deg,#fffaeb38,#fffaeb17);border:1px solid rgba(212,175,55,.32);box-shadow:0 0 0 2px #d4af3740,0 8px 25px #00000040,0 0 40px #d4af3724,0 24px 60px #020c1b47,inset 0 1px #fffaeb47;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1)}.brand-mark img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 24%;border-radius:24px;transition:transform .48s cubic-bezier(.22,1,.36,1)}@media(hover:hover)and (pointer:fine){.brand-mark:hover{transform:translateY(-4px);box-shadow:0 0 0 2px #d4af3761,0 12px 32px #0000004d,0 0 56px #d4af3738,0 32px 72px #020c1b52,inset 0 1px #fffaeb52}.brand-mark:hover img{transform:scale(1.03)}}.cta-stack{display:flex;flex-direction:column;align-items:center;width:100%;gap:20px;margin-top:auto;padding-bottom:4px}.cta-actions{display:flex;flex-direction:column;width:100%;gap:14px}.primary-cta,.secondary-cta{width:100%;padding:13px 20px;border-radius:999px;font-size:.92rem;line-height:1.2;cursor:pointer;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1),background .42s cubic-bezier(.22,1,.36,1),border-color .42s cubic-bezier(.22,1,.36,1)}.primary-cta{border:1px solid rgba(180,140,30,.6);background:linear-gradient(135deg,#e6c76b,#c9a93e);color:#0f2d1f;font-weight:700;letter-spacing:.04em;box-shadow:0 6px 18px #d4af3759,inset 0 1px #fff6,0 2px 4px #7850002e,inset 0 -2px #8c5a0033}.primary-cta:hover{transform:translateY(-2px);background:linear-gradient(135deg,#edd07a,#d4af47);box-shadow:0 10px 28px #d4af3773,inset 0 1px #ffffff80,0 2px 6px #78500033,inset 0 -2px #8c5a0026}.primary-cta:active{box-shadow:0 2px 8px #d4af3740,inset 0 1px #ffffff4d,inset 0 2px 4px #78500026}.primary-cta:focus-visible{outline:2px solid rgba(243,229,171,.88);outline-offset:4px}.secondary-cta{border:1px solid rgba(255,255,255,.25);background:#ffffff0d;color:#f7f3eae0;font-weight:500;letter-spacing:.03em;box-shadow:inset 0 1px #ffffff1a,0 4px 14px #020c1b1f}.secondary-cta:hover{transform:translateY(-2px);border-color:#ffffff61;background:#ffffff1a;box-shadow:inset 0 1px #ffffff29,0 8px 22px #020c1b2e}.secondary-cta:active{background:#ffffff12}.secondary-cta:active{transform:translateY(0);transition-duration:.18s}.secondary-cta:focus-visible{outline:2px solid rgba(243,229,171,.42);outline-offset:4px}.login-pengurus-cta{display:inline-flex;align-items:center;gap:8px;padding:7px 16px 7px 10px;border:1px solid rgba(230,199,107,.3);border-radius:999px;background:#e6c76b0f;color:#e6c76b;opacity:.85;font-size:.78rem;font-weight:600;letter-spacing:.06em;cursor:pointer;box-shadow:inset 0 1px #ffffff0f,0 2px 8px #0000001a;transition:background .25s ease,border-color .25s ease,opacity .25s ease,transform .3s cubic-bezier(.22,1,.36,1),box-shadow .25s ease}.login-pengurus-cta:hover{background:#e6c76b1f;border-color:#e6c76b80;opacity:1;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff1a,0 4px 14px #00000024,0 0 16px #e6c76b1f}.login-pengurus-cta:active{opacity:.9}.login-pengurus-cta__icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1px solid rgba(230,199,107,.4);background:#e6c76b1a;flex-shrink:0}.login-pengurus-cta__icon svg{width:12px;height:12px}.lux-shimmer{width:min(200px,62%);height:2px;border-radius:999px;position:relative;overflow:hidden;background:linear-gradient(90deg,#f3e5ab00,#f3e5ab1a 45% 55%,#f3e5ab00);box-shadow:0 0 0 1px #f3e5ab14}.lux-shimmer span{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#f3e5ab00,#f3e5ab2e 42%,#fffaeb8c,#f3e5ab2e 58%,#f3e5ab00);background-size:220% 100%;background-position:0% 50%;filter:blur(.2px);box-shadow:0 0 18px #f3e5ab2e;animation:luxShimmer 1.45s ease-in-out infinite alternate;will-change:background-position}@keyframes luxShimmer{0%{background-position:0% 50%}to{background-position:100% 50%}}.site-header{position:sticky;top:0;z-index:50;width:100%;background:radial-gradient(ellipse 140% 90% at 50% -15%,rgba(200,169,106,.2) 0%,transparent 45%),radial-gradient(ellipse 60% 50% at 90% 50%,rgba(200,169,106,.06) 0%,transparent 55%),linear-gradient(175deg,#0d3828,#0f3d2e 45%,#0a2e22);border-bottom:1px solid rgba(220,196,130,.14);box-shadow:0 1px #dcc4821a,0 4px 16px #02080438,0 16px 48px #02080424,inset 0 1px #fff8d21a;backdrop-filter:saturate(200%) blur(24px);-webkit-backdrop-filter:saturate(200%) blur(24px);transition:background var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.site-header:before,.site-header:after{content:"";position:absolute;inset:0;pointer-events:none}.site-header:before{background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 55%),linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);opacity:.85}.site-header:after{inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(243,229,171,.45) 50%,transparent 100%)}.site-header__inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(100%,960px);margin:0 auto;padding:12px 20px;transition:padding .26s cubic-bezier(.22,1,.36,1)}.site-header__back{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;flex-shrink:0;border-radius:999px;border:1px solid rgba(255,253,248,.22);background:linear-gradient(155deg,#fffdf842,#fffdf81a 42%,#020c1b1f);color:#f8f5edfa;cursor:pointer;box-shadow:inset 0 1px #fffdf852,0 8px 22px #020c1b47,0 2px 8px #020c1b2e;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);transition:color .22s ease,background .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease}.site-header__back:hover{color:#fffdf8;background:linear-gradient(155deg,#fffdf857,#fffdf824 45%,#020c1b14);border-color:#fffdf857;box-shadow:inset 0 1px #fffdf86b,0 10px 26px #020c1b52,0 3px 10px #020c1b33;transform:translateY(-1px)}.site-header__back:active{transform:translateY(0) scale(.96);box-shadow:inset 0 1px #fffdf838,0 4px 14px #020c1b38,0 1px 4px #020c1b29}.site-header__back:focus-visible{outline:2px solid rgba(243,229,171,.65);outline-offset:2px}.site-header__back-icon{width:20px;height:20px;display:block}.site-header__spacer{width:40px;height:40px;flex-shrink:0}.site-header__title{font-family:var(--font-display);font-size:1.15rem;font-weight:400;letter-spacing:.1em;color:#fbf7ec;text-shadow:0 1px 0 rgba(255,250,235,.06),0 6px 18px rgba(0,0,0,.16);transition:font-size .26s cubic-bezier(.22,1,.36,1);-webkit-font-smoothing:antialiased}.site-header__right{display:flex;align-items:center;gap:8px;flex-shrink:0}.site-header__daftar{display:inline-flex;align-items:center;gap:6px;padding:7px 14px 7px 11px;background:#e6c76b24;border:1.5px solid rgba(230,199,107,.45);border-radius:999px;color:#e6c76b;font-size:.8rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 0 0 1px #e6c76b1a,inset 0 1px #ffffff0f}.site-header__daftar svg{width:15px;height:15px;flex-shrink:0}.site-header__daftar:hover{background:#e6c76b3d;border-color:#e6c76ba6;color:#f0d87a;transform:translateY(-1px);box-shadow:0 4px 14px #e6c76b33,inset 0 1px #ffffff14}.site-header__daftar:active{transform:scale(.97)!important;transition-duration:.08s!important}.site-header__logout{display:inline-flex;align-items:center;gap:6px;padding:7px 14px 7px 11px;background:#ef44442e;border:1.5px solid rgba(239,68,68,.55);border-radius:999px;color:#fca5a5;font-size:.8rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 0 0 1px #ef44441f,inset 0 1px #ffffff14}.site-header__logout svg{width:15px;height:15px;flex-shrink:0}.site-header__logout:hover{background:#ef444447;border-color:#ef4444bf;color:#fecaca;transform:translateY(-1px);box-shadow:0 4px 14px #ef444440,inset 0 1px #ffffff1a}.site-header__logout:active{transform:scale(.97)!important;transition-duration:.08s!important}.site-header__logo{width:56px;height:56px;flex-shrink:0;overflow:hidden;padding:4px;background:#ffffff0f;border-radius:14px;border:1px solid rgba(243,229,171,.35);box-shadow:0 4px 14px #020c1b47,0 0 0 1px #fffaeb14;cursor:pointer;transition:width var(--dur-base) var(--ease-out),height var(--dur-base) var(--ease-out),border-radius var(--dur-base) var(--ease-out)}.site-header__logo img{width:100%;height:100%;display:block;object-fit:contain;object-position:center}.site-header--compact{box-shadow:0 8px 24px #020c1b29,inset 0 1px #fffaeb0f}.site-header--compact .site-header__inner{padding-top:8px;padding-bottom:8px}.site-header--compact .site-header__title{font-size:.92rem}.site-header--compact .site-header__logo{width:46px;height:46px;border-radius:11px}.site-header--compact .site-header__logout{padding:5px 10px 5px 8px;font-size:.72rem}.site-header--compact .site-header__logout svg{width:13px;height:13px}.site-header--compact .site-header__logout-label{display:none}.site-header--compact .site-header__back{width:36px;height:36px}.site-header--compact .site-header__back-icon{width:18px;height:18px}.site-header--compact .site-header__spacer{width:36px;height:36px}.app-shell{min-height:100svh;padding:44px 24px 164px}.app-shell.app-shell--warta-dashboard{padding-top:18px}.app-shell.app-shell--warta-dashboard .masjid-preview-list{gap:12px}.app-shell.app-shell--warta-dashboard .app-surface{gap:20px}.app-surface{width:min(100%,960px);margin:0 auto;display:grid;gap:48px}.home-stack-intro{display:flex;flex-direction:column;gap:12px}.app-surface>.detail-block{margin-top:0}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.app-kicker{margin:0;color:#0f3d2eb8;font-size:1.02rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.header-logo{width:48px;height:48px;flex:0 0 auto;overflow:hidden;border-radius:14px;box-shadow:0 10px 22px #0f172a14,0 0 0 1px #0f3d2e0f}.header-logo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;border-radius:inherit}.glass-search{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:999px;background:#ffffffb8;border:1px solid rgba(255,255,255,.62);box-shadow:0 14px 28px #0f172a0f,0 2px 10px #0f3d2e0a,inset 0 1px #ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin:0}.glass-search>div:last-of-type{flex:1;min-width:0}.search-icon{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(180deg,#0f3d2e1a,#0f3d2e0a);color:#1f7a63}.search-icon svg{width:20px;height:20px;fill:currentColor}.search-label,.search-caption,.feature-eyebrow,.feature-description,.masjid-card__body h2,.masjid-card__body p,.register-card h2,.register-card p{margin:0}.search-field{display:block;min-width:0}.search-field input{width:100%;min-width:0;padding:0;border:none;background:transparent;color:#0f172a;font-size:.9rem;font-weight:300;outline:none}.search-field input::placeholder{color:#0f172ab8;font-weight:300}.search-caption{margin-top:4px;color:#0f172a8f;font-size:.84rem}.explore-tagline{margin:0;font-family:Playfair Display,Georgia,serif;font-size:1rem;font-weight:500;font-style:italic;line-height:1.55;color:#0f3d2ead;letter-spacing:.01em;text-align:center;padding:0 8px;opacity:.92}.feature-panel{display:grid;gap:24px}.category-chips{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin:0}.category-chip{padding:8px 14px;border:1px solid rgba(15,23,42,.12);border-radius:999px;background:#ffffffad;color:#1f2937bd;font-size:.78rem;font-weight:500;box-shadow:0 4px 10px #0f172a0d,inset 0 1px #fffc}.category-chip--active{border-color:#0f3d2e33;background:linear-gradient(180deg,#0f3d2e1a,#0f3d2e0a);color:#1f7a63;box-shadow:0 6px 14px #0f3d2e14,inset 0 1px #ffffffd1}.feature-eyebrow{color:#0f3d2eb3;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.feature-description{max-width:58ch;color:var(--color-text-secondary)}.masjid-preview-list,.register-panel,.pengurus-panel{display:grid;gap:24px}.masjid-card,.register-card{position:relative;overflow:hidden;border-radius:18px;background:#f6f3ed;border:1px solid rgba(212,175,55,.18);box-shadow:0 10px 30px #0000000f,0 2px 8px #0000000a,inset 0 1px #ffffffd1;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.masjid-card:before,.register-card:before{content:"";position:absolute;top:0;left:12px;right:12px;height:2px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.55) 35%,rgba(243,229,171,.9) 50%,rgba(212,175,55,.55) 65%,transparent 100%);pointer-events:none;z-index:1}.masjid-card:hover,.register-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 22px 52px #0000001a,0 6px 16px #0000000f,inset 0 1px #fffffff2}.masjid-card__media{display:block;aspect-ratio:16 / 9;background:linear-gradient(135deg,#0f3d2edb,#1f7a638c),radial-gradient(circle at top right,rgba(243,229,171,.28),transparent 34%)}.masjid-card__media--link{cursor:pointer;position:relative;overflow:hidden;transform:translateZ(0);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.masjid-card__media--link:before{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.42) 0%,rgba(255,255,255,.12) 42%,transparent 72%);transform:translate(-50%,-50%) scale(0);opacity:0;z-index:1;pointer-events:none;transition:transform .32s ease,opacity .32s ease}.masjid-card__media--link:after{content:"";position:absolute;inset:0;background:#0f3d2e00;transition:background .28s ease}.masjid-card__media--link:hover:after{background:#0f3d2e2e}.masjid-card__media--link:hover{transform:scale(1.01)}.masjid-card__media--link:active{transform:scale(1.02)}.masjid-card__media--link:active:before{transform:translate(-50%,-50%) scale(12);opacity:1}.masjid-card__media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s cubic-bezier(.22,1,.36,1)}.masjid-card__media--link:hover img{transform:scale(1.04)}.masjid-card__overlay{position:absolute;inset:auto 0 0;padding:34px 18px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:linear-gradient(to top,rgba(2,10,8,.92) 0%,rgba(2,10,8,.64) 42%,rgba(2,10,8,.2) 72%,transparent 100%);z-index:1}.masjid-card__overlay:before{content:"";position:absolute;inset:auto 14px 8px;height:96px;border-radius:18px;background:linear-gradient(180deg,#ffffff17,#ffffff06);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 32px #0000002e,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.masjid-card__overlay-location{margin:0;position:relative;z-index:1;font-size:.62rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#ffffff94}.masjid-card__overlay-title{margin:0;position:relative;z-index:1;max-width:min(18ch,92%);font-family:var(--font-display);font-size:clamp(1.7rem,4.5vw,2.5rem);font-weight:300;line-height:1.1;letter-spacing:.04em;color:#fffdf8;text-wrap:balance;text-shadow:0 1px 6px rgba(0,0,0,.35),0 10px 24px rgba(0,0,0,.18);-webkit-font-smoothing:antialiased}.masjid-card__media--placeholder{background:linear-gradient(135deg,#0f3d2e52,#d4af3733),linear-gradient(90deg,#ffffff29,#ffffff0a);background-size:100% 100%,200% 100%;animation:loadingSheen 1.1s linear infinite}.masjid-card__body,.register-card{padding:28px}.masjid-card__meta,.register-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.status-pill,.register-chips span{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:.76rem;font-weight:600;letter-spacing:.04em}.status-pill{background:#0f3d2e14;color:#0f3d2f}.status-pill--open{background:#0f3d2e1f;color:#1f7a63}.status-pill--timing{background:#d4af3729;color:#7a5a10}.status-pill--city{background:#d4af373d;color:#72530c}.masjid-card__body h2,.register-card h2{font-family:var(--font-display);color:var(--color-text-primary);font-size:1.15rem;font-weight:600;line-height:1.3;letter-spacing:.005em}.masjid-card__body p,.register-card p{margin-top:6px;color:#3f524c;line-height:1.7;max-width:52ch}.card-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:16px}.card-action{min-height:42px;display:grid;place-items:center;padding:8px 6px;border:1px solid rgba(15,61,46,.08);border-radius:14px;background:linear-gradient(180deg,#0f3d2e14,#0f3d2e0a);color:#0f3d2f;font-size:.78rem;font-weight:600;text-decoration:none;box-shadow:inset 0 1px #fff9;cursor:pointer}.card-action--active{border-color:#0f3d2e2e;background:linear-gradient(180deg,#0f3d2e29,#0f3d2e14)}.card-action--disabled,.card-action--disabled:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.card-detail{margin-top:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--color-border-brand);background:radial-gradient(ellipse 100% 80% at 0% 0%,rgba(243,229,171,.06),transparent 55%),#f8faf8;color:var(--color-text-secondary);font-size:.88rem;line-height:1.5;box-shadow:inset 0 1px #ffffffbf}.loading-stack{display:grid;gap:16px}.loading-line{height:12px;border-radius:999px;background:linear-gradient(90deg,#0f3d2e14,#0f3d2e29,#0f3d2e14);background-size:200% 100%;animation:loadingSheen 1.1s linear infinite}.loading-line--short{width:32%}.loading-line--long{width:78%}.skeleton-card,.skeleton-table-wrap{position:relative;overflow:hidden}.skeleton-block{border-radius:999px;background:linear-gradient(90deg,#0f3d2e14,#0f3d2e29,#0f3d2e14);background-size:200% 100%;animation:loadingSheen 1.1s linear infinite}.skeleton-block--title{width:min(72%,320px);height:20px}.skeleton-block--meta{width:min(46%,200px);height:12px;margin-top:10px}.skeleton-block--line{width:100%;height:14px;margin-top:12px;border-radius:10px}.skeleton-block--line-short{width:68%}.skeleton-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:24px}.skeleton-block--button{height:42px;border-radius:16px}.skeleton-table-wrap{margin-top:16px;border-radius:18px;border:1px solid rgba(226,232,228,.95);background:radial-gradient(ellipse 85% 50% at 50% 0%,var(--color-accent-gold-faint),transparent 60%),linear-gradient(180deg,#fff,#faf9f6);padding:16px;box-shadow:0 0 0 1px #f3e5ab1f,0 2px 6px #0f172a0a,0 10px 28px #0f172a12,inset 0 1px #fffffff2}.skeleton-table-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;padding:12px 0}.skeleton-table-row+.skeleton-table-row{border-top:1px solid var(--color-border-brand)}.skeleton-table-cell{height:14px}@keyframes loadingSheen{0%{background-position:200% 50%}to{background-position:0% 50%}}.register-chips{margin-top:16px;margin-bottom:0}.register-chips span{background:#f3e5ab57;color:#6a5410}.inline-action{margin-top:18px;padding:11px 16px;border:none;border-radius:14px;background:#1f7a63;color:#f7f3ea;font-weight:600;letter-spacing:.03em;cursor:pointer}.inline-action:disabled{opacity:.55;cursor:not-allowed}.inline-action--ghost,a.inline-action--ghost{margin-top:18px;padding:11px 16px;border-radius:14px;border:1px solid rgba(15,61,46,.14);background:#ffffffb3;color:#1f7a63;font-weight:600;letter-spacing:.02em;cursor:pointer;text-decoration:none;box-shadow:inset 0 1px #ffffffe0,0 1px 2px #0f172a0a}.inline-action--ghost:hover{border-color:#0f3d2e38;background:#ffffffe6;transform:translateY(-2px)}.inline-action--ghost:disabled,a.inline-action--ghost[aria-disabled=true]{opacity:.55;cursor:not-allowed}.app-dock{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:30;transform:translate(-50%);width:min(calc(100% - 28px),440px);display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:8px;border-radius:20px;background:#0f3d2ed6;border:1px solid rgba(243,229,171,.18);box-shadow:0 18px 42px #0f172a29,inset 0 1px #fffaeb14;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.dock-item{position:relative;min-height:64px;padding:10px 10px 9px;display:grid;justify-items:center;gap:6px;border:none;border-radius:18px;background:linear-gradient(180deg,#fffaeb0f,#fffaeb06);color:#f7f3eaad;cursor:pointer;box-shadow:0 8px 18px #020c1b1f,inset 0 1px #fffaeb0f;transition:transform .32s cubic-bezier(.22,1,.36,1),color .32s ease,background .32s ease,box-shadow .32s ease}.dock-item:hover{transform:translateY(-2px) scale(1.02);color:#f7f3ea;box-shadow:0 14px 24px #020c1b2e,inset 0 1px #fffaeb17}.dock-item:active{transform:translateY(-1px) scale(1.01)}.dock-item--active{background:linear-gradient(180deg,#f3e5ab2e,#f3e5ab14);color:#f3e5ab;box-shadow:inset 0 1px #fffaeb1f,0 0 0 1px #f3e5ab1f,0 12px 24px #00000029}.dock-item--active:after{content:"";position:absolute;left:22%;right:22%;bottom:5px;height:2px;border-radius:999px;background:linear-gradient(90deg,#f3e5ab2e,#f3e5abeb,#f3e5ab2e);box-shadow:0 0 10px #f3e5ab42}.dock-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:#fffaeb0f;box-shadow:inset 0 1px #fffaeb14}.dock-icon svg{width:18px;height:18px;fill:currentColor}.dock-label{font-size:.62rem;font-weight:500;letter-spacing:.03em;line-height:1.15;opacity:.88}@media(prefers-reduced-motion:reduce){.lux-shimmer span{animation:none;opacity:.55}.brand-mark,.brand-mark img,.primary-cta,.secondary-cta,.masjid-card,.register-card,.dock-item,.detail-action-btn,.site-header__back{transition:none}.site-header__back:hover,.site-header__back:active,.brand-mark:hover,.brand-mark:hover img{transform:none}.detail-action-btn--primary:hover,.detail-action-btn--secondary:hover:not(:disabled){transform:none}}@media(max-width:480px){.splash-screen{padding:20px 16px}.splash-card{min-height:calc(100svh - 40px);padding:30px 18px 34px;border-radius:20px}.brand-mark{width:144px;height:144px;border-radius:28px}.brand-mark img{border-radius:20px}.region-tagline{margin-top:16px;font-size:.98rem}.app-kicker{font-size:.92rem;letter-spacing:.06em}.app-shell{padding:36px 18px 152px}.app-shell.app-shell--warta-dashboard{padding-top:12px}.glass-search{padding:14px 16px}.search-label{font-size:.92rem}.category-chip{font-size:.82rem}.card-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.app-dock{width:calc(100% - 18px);bottom:calc(10px + env(safe-area-inset-bottom,0px));gap:8px;padding:8px;border-radius:20px}.dock-item{min-height:70px;padding-inline:8px}.dock-label{font-size:.67rem}}a.card-action{text-decoration:none;color:inherit}.jadwal-jumat-page{padding-bottom:32px}.jadwal-page-header{margin-bottom:4px}.jadwal-back{display:inline-flex;align-items:center;gap:6px;padding:8px 0;font-size:.88rem;font-weight:600;color:var(--color-brand-emerald);text-decoration:none}.jadwal-back:hover{text-decoration:underline}.jadwal-state{margin-top:12px}.jadwal-masjid-head{margin-top:8px}.register-card.jadwal-masjid-head,.register-card.jadwal-state,.jadwal-card{box-shadow:0 4px 20px #0000000d}.jadwal-empty{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:16px}.jadwal-empty__icon{width:46px;height:46px;border-radius:18px;display:grid;place-items:center;background:radial-gradient(circle at 35% 22%,var(--color-luxury-gold-mist) 0%,transparent 52%),linear-gradient(165deg,#fffdf6fa,#faf0d78c);border:1px solid rgba(166,124,42,.38);color:var(--color-luxury-bronze-deep);box-shadow:inset 0 1px #ffffffeb,0 0 0 1px #d4af371f,0 4px 18px #8b691424;filter:drop-shadow(0 2px 8px rgba(212,175,55,.22))}.jadwal-empty__icon svg{width:22px;height:22px;display:block}.jadwal-empty__copy{min-width:0}.jadwal-empty__title{margin:0;font-size:1.02rem;font-weight:700;letter-spacing:-.01em;color:var(--color-text-primary)}.jadwal-empty__desc{margin:8px 0 0;font-size:.9rem;line-height:1.6;color:var(--color-text-secondary)}.jadwal-empty .inline-action{margin-top:12px}@media(max-width:420px){.jadwal-empty{grid-template-columns:1fr}.jadwal-empty__icon{width:42px;height:42px;border-radius:16px}}.jadwal-masjid-title{margin:0;font-size:1.25rem;font-weight:600;line-height:1.35;color:var(--color-text-primary)}.jadwal-masjid-meta{margin:8px 0 0;color:var(--color-text-secondary);font-size:.9rem;line-height:1.65;letter-spacing:.02em}.jadwal-section-title{margin:18px 0 0;font-family:var(--font-display);font-size:1.3rem;font-weight:400;letter-spacing:.05em;color:var(--color-brand-emerald);-webkit-font-smoothing:antialiased}.jadwal-form-card{margin-top:14px;display:flex;flex-direction:column;gap:16px}.jadwal-form-grid{display:flex;flex-direction:column;gap:14px}.jadwal-form-hint{margin:0;font-size:.78rem;line-height:1.45;color:var(--color-text-secondary)}.jadwal-form-hint--tanggal{margin:0 0 2px}.jadwal-form-link{margin:0 0 0 10px;padding:0;border:none;background:none;font:inherit;font-size:.78rem;font-weight:600;color:var(--color-brand-emerald);text-decoration:underline;cursor:pointer}.jadwal-form-link:hover{color:var(--color-brand-emerald-mid)}.jadwal-form-actions{margin-top:4px}.jadwal-form-actions .inline-action{margin-top:0}.jadwal-table-wrap{margin-top:12px;border-radius:18px;overflow:hidden;border:1px solid rgba(226,232,228,.95);background:radial-gradient(ellipse 85% 50% at 50% 0%,var(--color-accent-gold-faint),transparent 60%),linear-gradient(180deg,#fff,#faf9f6);box-shadow:0 0 0 1px #f3e5ab1f,0 2px 6px #0f172a0a,0 10px 28px #0f172a12,inset 0 1px #fffffff2;overflow-x:auto}.jadwal-table{width:100%;border-collapse:collapse;font-size:.88rem}.jadwal-table th,.jadwal-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--color-border-brand)}.jadwal-table th{font-weight:700;color:var(--color-brand-emerald);background:#0f3d2e0f;white-space:nowrap}.jadwal-table tbody tr:last-child td{border-bottom:none}.jadwal-table td{color:#3f4f47}.jadwal-cards{margin-top:12px;display:grid;gap:12px}.jadwal-cards__track{display:grid;gap:12px}.fade-enter-active{transition:opacity .28s ease,transform .32s cubic-bezier(.22,1,.36,1)}.fade-enter-from{opacity:0;transform:translateY(8px)}.fade-leave-active{transition:opacity .18s ease}.fade-leave-to{opacity:0}.fade-move{transition:transform .32s cubic-bezier(.22,1,.36,1)}.tab-fade-enter-active,.tab-fade-leave-active,.tab-slide-left-enter-active,.tab-slide-left-leave-active,.tab-slide-right-enter-active,.tab-slide-right-leave-active{transition:opacity .22s ease,transform .26s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.tab-fade-enter-from{opacity:0;transform:translateY(6px)}.tab-fade-leave-to{opacity:0;transform:translateY(-4px)}.tab-slide-left-enter-from{opacity:0;transform:translate(28px)}.tab-slide-left-leave-to{opacity:0;transform:translate(-20px)}.tab-slide-right-enter-from{opacity:0;transform:translate(-28px)}.tab-slide-right-leave-to{opacity:0;transform:translate(20px)}.jadwal-card{border-radius:24px;border:1px solid rgba(15,61,46,.1);background:radial-gradient(ellipse 90% 140% at 0% 0%,rgba(243,229,171,.09),transparent 60%),linear-gradient(180deg,#ffffffc2,#f8faf899);box-shadow:0 18px 40px #020c1b0d,0 2px 8px #020c1b0a,inset 0 1px #ffffffd9;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.jadwal-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 24px 52px #020c1b17,0 6px 16px #020c1b0f,inset 0 1px #fffffff2}.jadwal-card__layout{display:grid;grid-template-columns:108px 1fr;gap:14px;padding:14px 16px;align-items:center}.jadwal-badge{flex:0 0 auto;padding:6px 10px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;background:#0f3d2e1f;color:var(--color-brand-emerald);border:1px solid rgba(15,61,46,.14)}.jadwal-dateBadge{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.jadwal-dateBadge__inner{width:86px;border-radius:20px;border:1px solid rgba(166,124,42,.28);background:radial-gradient(ellipse 95% 130% at 12% 0%,var(--color-luxury-gold-mist),transparent 58%),radial-gradient(ellipse 80% 100% at 100% 100%,rgba(212,175,55,.1),transparent 55%),#ffffffc7;box-shadow:0 12px 24px #020c1b0d,0 0 20px #d4af3714,inset 0 1px #ffffffe6;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);padding:10px 10px 9px;text-align:center}.jadwal-dateBadge__day{display:block;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--color-text-primary);line-height:1.05}.jadwal-dateBadge__month{display:block;margin-top:4px;font-size:.74rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--color-luxury-bronze-mid)}.jadwal-card__content{min-width:0;display:grid;gap:10px}.jadwal-person{display:grid;gap:4px;min-width:0}.jadwal-person__label{display:flex;align-items:center;gap:5px;font-family:var(--font-cinzel);font-size:.6rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#0f3d2e94}.jadwal-person__icon{width:12px;height:12px;flex-shrink:0;opacity:.65}.jadwal-person__divider{display:block;height:1px;background:#0f3d2e1a;margin:2px 0 6px;border-radius:1px}.jadwal-person__value{font-size:.98rem;line-height:1.38;font-weight:700;letter-spacing:.01em;color:var(--color-text-primary);word-break:break-word;text-wrap:balance}@media(max-width:420px){.jadwal-card__layout{grid-template-columns:98px 1fr;gap:12px}.jadwal-dateBadge__inner{width:78px;border-radius:18px}}.detail-page{position:relative;padding-bottom:48px}.detail-page:before,main.subtle-geo-pattern:before,main.daftar-page:before,main.jadwal-jumat-page:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%230F3D2E' stroke-width='0.7' stroke-linejoin='round'%3E%3Cpolygon points='50,17.5 59.5,27 73,27 73,40.5 82.5,50 73,59.5 73,73 59.5,73 50,82.5 40.5,73 27,73 27,59.5 17.5,50 27,40.5 27,27 40.5,27'/%3E%3Cpolygon points='59.5,27 73,40.5 73,59.5 59.5,73 40.5,73 27,59.5 27,40.5 40.5,27'/%3E%3Cpolyline points='32.5,0 23,9.5 23,23 9.5,23 0,32.5'/%3E%3Cline x1='23' y1='9.5' x2='9.5' y2='23'/%3E%3Cpolyline points='67.5,0 77,9.5 77,23 90.5,23 100,32.5'/%3E%3Cline x1='77' y1='9.5' x2='90.5' y2='23'/%3E%3Cpolyline points='0,67.5 9.5,77 23,77 23,90.5 32.5,100'/%3E%3Cline x1='9.5' y1='77' x2='23' y2='90.5'/%3E%3Cpolyline points='100,67.5 90.5,77 77,77 77,90.5 67.5,100'/%3E%3Cline x1='90.5' y1='77' x2='77' y2='90.5'/%3E%3C/g%3E%3C/svg%3E");background-size:100px 100px;background-repeat:repeat;background-position:0 0}main.subtle-geo-pattern:after,main.daftar-page:after,main.jadwal-jumat-page:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 22% at 50% 0%,rgba(212,175,55,.07) 0%,transparent 65%),radial-gradient(ellipse 50% 30% at 0% 100%,rgba(15,61,46,.05) 0%,transparent 65%),radial-gradient(ellipse 100% 100% at 50% 50%,transparent 55%,rgba(20,10,4,.04) 100%)}main.subtle-geo-pattern,main.daftar-page,main.jadwal-jumat-page{position:relative}main.subtle-geo-pattern>*,main.daftar-page>*,main.jadwal-jumat-page>*{position:relative;z-index:1}.detail-page>.app-surface{position:relative;z-index:1}.detail-hero{position:relative;overflow:hidden;border-radius:var(--r-xl);height:clamp(300px,52vw,480px);background-color:#071410;background-image:linear-gradient(to bottom,rgba(0,0,0,.38) 0%,rgba(0,0,0,.08) 18%,transparent 38%),linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.62) 22%,rgba(0,0,0,.28) 52%,rgba(0,0,0,.06) 78%,transparent 100%),radial-gradient(ellipse 110% 90% at 50% 42%,transparent 30%,rgba(0,0,0,.12) 60%,rgba(0,0,0,.42) 100%),var(--detail-hero-image, none);background-size:auto,auto,auto,120% auto;background-position:center,center,center,center var(--hero-parallax-y, 32%);background-repeat:no-repeat;box-shadow:0 24px 60px #00000038,0 4px 12px #00000024,inset 0 1px #ffffff12;will-change:background-position}.detail-hero__overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:12px;padding:28px 24px 22px;pointer-events:none}.detail-hero__title{margin:0;position:relative;z-index:1;max-width:min(26ch,100%);font-family:var(--font-display);font-size:clamp(2.1rem,8vw,4.2rem);font-weight:300;line-height:1.06;letter-spacing:.055em;font-feature-settings:"kern" 1,"liga" 1,"lnum" 1;color:#fffdf8;text-wrap:balance;text-shadow:0 1px 0 rgba(0,0,0,.4),0 2px 12px rgba(0,0,0,.5),0 16px 48px rgba(0,0,0,.32);-webkit-font-smoothing:antialiased}.detail-hero__area-glass{position:relative;order:-1;z-index:1;align-self:flex-start;max-width:100%;display:flex;align-items:center;gap:5px;padding:5px 12px 6px;border-radius:999px;background:#06140e85;border:1px solid rgba(255,253,248,.18);box-shadow:0 4px 20px #00000038,inset 0 1px #ffffff1a;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);pointer-events:auto}.detail-hero__area-glass:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#86efacbf;flex-shrink:0}.detail-hero__area-glass--skeleton{padding:5px 12px;background:#ffffff0f;border-color:#ffffff14}.detail-hero__area-glass--skeleton:before{display:none}.detail-hero__overlay--skeleton{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:28px 24px 22px}.detail-hero__area{margin:0;font-size:.6rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#fffdf8b8;-webkit-font-smoothing:antialiased;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:44ch}.detail-hero--skeleton{position:relative}.detail-hero__skeleton-area{width:min(44%,180px);height:10px;border-radius:999px}.detail-hero__skeleton-title{position:relative;z-index:1;width:min(72%,380px);height:52px;border-radius:14px}.detail-info-card{margin-top:14px}.register-card.detail-info-card{border-color:#e2ece8fa}.register-card.detail-info-card:after{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,transparent 0%,var(--color-accent-gold-line) 42%,rgba(212,175,55,.22) 50%,var(--color-accent-gold-line) 58%,transparent 100%);opacity:.85;pointer-events:none}.detail-article{padding:32px 28px 36px}.detail-area{margin:0;font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-secondary)}.detail-nama{margin:8px 0 0;font-family:Playfair Display,Georgia,serif;font-size:clamp(1.85rem,4vw,2.5rem);font-weight:600;line-height:1.08;color:var(--color-text-primary)}.detail-address{margin:16px 0 0;max-width:min(48ch,100%);font-size:.9rem;line-height:1.75;letter-spacing:.03em;color:var(--color-text-secondary)}.detail-block .detail-address{margin-top:4px}.detail-tahun-berdiri{margin:4px 0 0;max-width:min(52ch,100%);font-size:.98rem;line-height:1.92;font-weight:400;font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.detail-bento{display:grid;grid-template-columns:1fr;gap:12px;margin-top:6px}@media(min-width:700px){.detail-bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}.bento-card{border-radius:24px;border:1px solid var(--color-border-brand);background:radial-gradient(ellipse 90% 140% at 0% 0%,rgba(243,229,171,.1),transparent 60%),linear-gradient(180deg,#ffffffbf,#f8faf899);box-shadow:0 10px 26px #0f172a12,inset 0 1px #ffffffd9;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);padding:14px 14px 15px;min-width:0}.bento-card--wide{grid-column:1 / -1}.bento-card__head{display:flex;align-items:center;gap:10px;color:#0f3d2ee0}.bento-ico{width:34px;height:34px;display:grid;place-items:center;border-radius:14px;border:1px solid rgba(15,61,46,.14);background:#ffffffb3;box-shadow:inset 0 1px #ffffffd9;flex:0 0 auto}.bento-ico__svg{width:18px;height:18px;display:block;color:#1f7a63}.bento-card__label{font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#1f7a63}.bento-card__value{margin:10px 0 0;font-size:.98rem;line-height:1.65;font-weight:600;letter-spacing:.01em;color:var(--color-text-primary);word-break:break-word}.bento-card__value--muted{font-weight:500;color:#3f524c}.bento-card__link{color:var(--color-brand-emerald);text-decoration:none}.bento-card__link:hover{text-decoration:underline}.detail-hotline{margin:18px 0 0}.detail-block .detail-hotline{margin-top:8px}.detail-hotline-pill{display:inline-flex;align-items:center;gap:12px;padding:11px 18px 11px 14px;max-width:100%;border-radius:999px;background:radial-gradient(ellipse 100% 180% at 18% 0%,var(--color-accent-gold-faint),transparent 52%),linear-gradient(180deg,#0f3d2e1f,#0f3d2e0a);border:1px solid var(--color-border-brand);box-shadow:0 2px 8px #0f172a0d,inset 0 1px #ffffffc7,inset 0 -1px #f3e5ab14;text-decoration:none;color:inherit;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}a.detail-hotline-pill:hover{transform:translateY(-1px);border-color:#0f3d2e38;background:linear-gradient(180deg,#0f3d2e24,#0f3d2e0f);box-shadow:0 4px 14px #0f172a14,inset 0 1px #ffffffd9}a.detail-hotline-pill:active{transform:translateY(0)}.detail-hotline-pill--static{cursor:default}.detail-hotline-pill__icon{flex-shrink:0;font-size:1.2rem;line-height:1}.detail-hotline-pill__copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;text-align:left}.detail-hotline-pill__label{font-size:.88rem;font-weight:600;letter-spacing:.01em;color:var(--color-text-primary)}.detail-hotline-pill__num{font-size:.8rem;font-weight:500;letter-spacing:.02em;color:var(--color-text-secondary);word-break:break-word}a.detail-hotline-pill:hover .detail-hotline-pill__label{color:var(--color-brand-emerald)}.detail-block{margin-top:44px;padding-top:0}.detail-block--summary-before-menu+.detail-block--menu{margin-top:36px}.detail-bento-skel-fused{height:112px;border-radius:22px;margin-bottom:14px}.info-groups{display:flex;flex-direction:column;gap:20px}.info-group{position:relative;border-radius:18px;background:#f6f3ed;border:1px solid rgba(212,175,55,.18);box-shadow:0 10px 30px #0000000f,0 2px 8px #0000000a,inset 0 1px #ffffffd1;overflow:hidden;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);transition:transform .2s ease,box-shadow .2s ease}.info-group:hover{transform:translateY(-2px) scale(1.005);box-shadow:0 16px 40px #00000017,0 4px 12px #0000000d,inset 0 1px #ffffffeb}.info-group:before{content:"";position:absolute;top:0;left:12px;right:12px;height:2px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.55) 35%,rgba(243,229,171,.9) 50%,rgba(212,175,55,.55) 65%,transparent 100%);pointer-events:none;z-index:1}.info-group__header{display:flex;align-items:center;gap:12px;padding:22px 28px 18px;border-bottom:1px solid rgba(212,175,55,.14);background:linear-gradient(180deg,#ffffffb3,#fff0)}.info-group__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border-radius:8px;background:#0f3d2e14;color:#256a4a}.info-group__icon svg{width:16px;height:16px}.info-group__icon--amber{background:#b4821417;color:#93691f}.info-group__icon--blue{background:#1e50a014;color:#3057a6}.info-group__title{font-family:var(--font-cinzel);font-size:.65rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#0f3d2ea6}.info-group__empty{margin:0;padding:20px 22px 22px;font-family:var(--font-sans);font-size:.8rem;font-style:italic;color:#1f293752;letter-spacing:.01em}.info-rows{list-style:none;margin:0;padding:10px 22px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0}.info-row{display:flex;flex-direction:column;gap:6px;padding:18px 8px;border-bottom:var(--divider-faint);transition:background .15s ease}.info-row:nth-last-child(-n+2):not(.info-row--full~.info-row){border-bottom:none}.info-row:last-child{border-bottom:none}.info-row:hover{background:#0f3d2e06;border-radius:10px}.info-row--full{grid-column:1 / -1}.info-row__label{font-family:var(--font-sans);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#1f29375c;line-height:1.15}.info-row__value{font-family:var(--font-sans);font-size:.91rem;font-weight:500;color:#140c04de;line-height:1.55;word-break:break-word}.info-row__value--mono{font-family:SF Mono,Fira Code,monospace;font-size:.86rem;letter-spacing:.04em;color:#22593f;line-height:1.5}a.info-row__link{color:#246b4a;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:3px}a.info-row__link:hover{text-decoration:underline;color:#19573a}.info-stat-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;border-top:var(--divider-soft);background:#140a0407;border-radius:0 0 var(--r-xl) var(--r-xl);overflow:hidden}.info-stat-band--2col{grid-template-columns:repeat(2,1fr)}.info-stat-band--2col .info-stat-tile:last-child:nth-child(odd){grid-column:1 / -1}.info-stat-tile{display:flex;flex-direction:column;gap:6px;padding:20px 22px 18px;background:#ffffffb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;overflow:hidden;transition:background var(--dur-base) ease}.info-stat-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:0;background:currentColor;opacity:.18}.info-stat-tile--amber{color:#a5731d}.info-stat-tile--yellow{color:#b88a0a}.info-stat-tile--blue{color:#2966a3}.info-stat-tile--green{color:#246b4a}.info-stat-tile__icon{display:flex;width:22px;height:22px;opacity:.6}.info-stat-tile__icon svg{width:100%;height:100%}.info-stat-tile__number-row{display:flex;align-items:baseline;gap:3px;flex-wrap:wrap}.info-stat-tile__number{font-family:var(--font-display);font-size:clamp(1.45rem,5vw,1.9rem);font-weight:500;line-height:1;letter-spacing:-.01em;color:#140c04e0;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}.info-stat-tile__unit{font-family:var(--font-sans);font-size:.75rem;font-weight:600;color:#140c046b;letter-spacing:.04em;align-self:flex-end;padding-bottom:2px}.info-stat-tile__unit--prefix{order:-1;align-self:flex-start;padding-bottom:0;padding-top:4px}.info-stat-tile__label{font-family:var(--font-sans);font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#1f293761;margin-top:2px}.menu-tab-bar{padding:0 0 4px}.menu-tab-bar__track{display:flex;align-items:center;gap:4px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:5px 6px;border-radius:999px;background:#ffffff73;border:1px solid rgba(255,255,255,.7);box-shadow:0 1px 4px #140a040f,0 4px 16px #140a040d,inset 0 1px #ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.menu-tab-bar__track::-webkit-scrollbar{display:none}.menu-tab{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;padding:7px 16px;border-radius:999px;border:1px solid transparent;background:#0000000a;color:#2d4235;font-family:var(--font-sans);font-size:.78rem;font-weight:500;letter-spacing:.01em;cursor:pointer;text-decoration:none;white-space:nowrap;position:relative;overflow:hidden;transition:all .2s ease}.menu-tab:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at center,rgba(255,255,255,.55) 0%,transparent 65%);opacity:0;transform:scale(.25);transition:opacity .45s ease-out,transform .45s ease-out}.menu-tab:active:after{opacity:1;transform:scale(2.8);transition:none}.menu-tab:hover:not(.menu-tab--disabled):not(.menu-tab--active){background:#ffffffd1;color:#1a2e22;border-color:#fff9;box-shadow:0 2px 6px #140a0417,0 1px 2px #140a040f,inset 0 1px #fffffff2;transform:translateY(-1px)}.menu-tab:active:not(.menu-tab--disabled):not(.menu-tab--active){transform:scale(.96) translateY(0);background:#ffffffa6}.menu-tab--active{background:linear-gradient(150deg,#0a2e22,#0e3825 60%,#154030);color:#d4af37!important;font-weight:600;letter-spacing:.015em;border-color:#d4af3747;box-shadow:0 2px 6px #031d1659,0 6px 18px #031d1640,inset 0 1px #ffffff1a,inset 0 -1px #d4af3726;transform:translateY(-1px);text-decoration:none}.menu-tab--active:hover{background:linear-gradient(150deg,#0f3d2e,#174530 60%,#1a5040);color:#e0c04a!important;box-shadow:0 3px 8px #031d1661,0 8px 22px #031d1647,inset 0 1px #ffffff1f,inset 0 -1px #d4af3733}.menu-tab--disabled{opacity:.28;cursor:not-allowed;pointer-events:none;color:#5e6f66;background:transparent}.menu-tab__dot{width:5px;height:5px;border-radius:50%;background:#d4af37f2;flex-shrink:0;box-shadow:0 0 4px #d4af3780;animation:tab-dot-in .22s var(--ease-bounce) both}@keyframes tab-dot-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.menu-page-hero{position:relative;overflow:hidden;border-radius:var(--r-xl);margin-bottom:4px;background:radial-gradient(ellipse 140% 65% at 50% 135%,rgba(0,0,0,.62) 0%,transparent 65%),radial-gradient(ellipse 55% 100% at -5% 50%,rgba(0,0,0,.26) 0%,transparent 58%),radial-gradient(ellipse 55% 100% at 105% 50%,rgba(0,0,0,.2) 0%,transparent 58%),radial-gradient(ellipse 90% 55% at 8% -5%,rgba(200,169,106,.24) 0%,transparent 58%),radial-gradient(ellipse 45% 35% at 95% 108%,rgba(200,169,106,.12) 0%,transparent 52%),linear-gradient(148deg,#06180f,#0c271a 35%,#163b2c 65%,#231c10);box-shadow:0 2px 8px #00000038,0 10px 28px #00000042,0 28px 64px #0000002e,inset 0 1px #ffffff17}.menu-page-hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23C8A96A' stroke-width='0.55' stroke-linejoin='round'%3E%3Cpolygon points='40,14 47.6,21.6 58.4,21.6 58.4,32.4 66,40 58.4,47.6 58.4,58.4 47.6,58.4 40,66 32.4,58.4 21.6,58.4 21.6,47.6 14,40 21.6,32.4 21.6,21.6 32.4,21.6'/%3E%3Cpolygon points='47.6,21.6 58.4,32.4 58.4,47.6 47.6,58.4 32.4,58.4 21.6,47.6 21.6,32.4 32.4,21.6'/%3E%3Cpolyline points='26,0 18.4,7.6 18.4,18.4 7.6,18.4 0,26'/%3E%3Cline x1='18.4' y1='7.6' x2='7.6' y2='18.4'/%3E%3Cpolyline points='54,0 61.6,7.6 61.6,18.4 72.4,18.4 80,26'/%3E%3Cline x1='61.6' y1='7.6' x2='72.4' y2='18.4'/%3E%3Cpolyline points='0,54 7.6,61.6 18.4,61.6 18.4,72.4 26,80'/%3E%3Cline x1='7.6' y1='61.6' x2='18.4' y2='72.4'/%3E%3Cpolyline points='80,54 72.4,61.6 61.6,61.6 61.6,72.4 54,80'/%3E%3Cline x1='72.4' y1='61.6' x2='61.6' y2='72.4'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px;background-repeat:repeat}.menu-page-hero:after{content:"";position:absolute;top:0;left:18px;right:18px;height:1px;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.5) 22%,rgba(243,229,171,.88) 50%,rgba(212,175,55,.5) 78%,transparent 100%)}.menu-page-hero__glass{position:relative;z-index:1;padding:40px 32px 36px}.menu-page-hero__kategori{display:inline-block;font-family:var(--font-cinzel);font-size:.58rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:#c8a96ae6;margin-bottom:8px}.menu-page-hero__title{margin:0 0 10px;font-family:var(--font-display);font-size:clamp(1.85rem,5.8vw,2.7rem);font-weight:600;line-height:1.1;letter-spacing:.008em;color:#fffffffa;-webkit-font-smoothing:antialiased;text-shadow:0 2px 24px rgba(0,0,0,.35)}.menu-page-hero__lokasi{display:flex;align-items:center;gap:5px;margin:0;font-family:var(--font-sans);font-size:.78rem;font-weight:400;letter-spacing:.02em;color:#ffffffb3}.menu-page-hero__pin{flex-shrink:0;width:13px;height:13px;opacity:.72;position:relative;top:-.5px}.sekilas-card{display:grid;grid-template-columns:auto 1px 1fr;align-items:center;gap:0 36px;padding:36px;border-radius:var(--r-xl);background:radial-gradient(ellipse 90% 55% at 20% 0%,rgba(200,169,106,.09) 0%,transparent 55%),var(--color-surface-raised);border:var(--divider-warm);box-shadow:var(--shadow-md);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);transition:transform .2s ease,box-shadow .2s ease}.sekilas-card:hover{transform:translateY(-2px) scale(1.01);box-shadow:var(--shadow-hover)}.sekilas-card__year-col{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:88px;padding-right:0}.sekilas-card__year{display:block;font-family:var(--font-cinzel);font-size:clamp(3rem,10vw,4.8rem);font-weight:400;line-height:.9;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:#645540;-webkit-font-smoothing:antialiased}.sekilas-card__divider{width:1px;align-self:stretch;background:linear-gradient(to bottom,transparent,rgba(200,169,106,.15) 20%,rgba(200,169,106,.15) 80%,transparent);flex-shrink:0}.sekilas-card__desc-col{min-width:0}.sekilas-card__desc{margin:0;font-family:var(--font-sans);font-size:.8rem;font-weight:400;line-height:1.72;letter-spacing:.01em;color:#4a5e55;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sekilas-card:has(.sekilas-card__year-col):not(:has(.sekilas-card__divider)){grid-template-columns:1fr;justify-items:center}@media(max-width:480px){.sekilas-card{grid-template-columns:1fr;gap:24px 0;padding:28px 24px}.sekilas-card__year-col{align-items:flex-start;min-width:unset}.sekilas-card__divider{width:100%;height:1px;align-self:auto;background:linear-gradient(to right,transparent,rgba(200,169,106,.22) 15%,rgba(200,169,106,.22) 85%,transparent)}}.bento-fused-alamat{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:.66rem;font-weight:500;line-height:2.15;letter-spacing:.04em;color:#3d524b;word-break:break-word}.bento-fused-stat+.bento-fused-alamat{margin-top:14px;padding-top:14px;border-top:1px dashed rgba(15,61,46,.12)}.detail-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%}@media(max-width:480px){.detail-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.detail-menu-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;padding:20px 12px 22px;min-height:128px;border-radius:var(--r-lg);border:var(--divider-warm);background:radial-gradient(ellipse 100% 60% at 50% 0%,rgba(200,169,106,.05) 0%,transparent 55%),var(--color-surface-raised);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;cursor:pointer;font:inherit;text-align:center;-webkit-tap-highlight-color:transparent;overflow:hidden;transition:transform var(--dur-base) var(--ease-bounce),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}button.detail-menu-tile{appearance:none}.detail-menu-tile__icon-ring{flex-shrink:0;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;border:none;background:var(--color-menu-icon-soft-green);box-shadow:none}.detail-menu-tile__icon-ring--gpt{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:var(--r-lg);overflow:hidden;flex-shrink:0;margin-top:2px}.detail-menu-tile__icon-img{width:76px;height:76px;display:block;flex-shrink:0;background-repeat:no-repeat;background-position:center;background-size:contain}.detail-menu-tile__icon-img--keuangan{background-image:url(/icon-menu/keuangan.png)}.detail-menu-tile__icon-img--masjid{background-image:url(/icon-menu/masjid.png)}.detail-menu-tile__icon-img--jamaah{background-image:url(/icon-menu/jamaah.png)}.detail-menu-tile__icon-img--kegiatan{background-image:url(/icon-menu/kegiatan.png)}.detail-menu-tile__icon-img--infaq{background-image:url(/icon-menu/infaq.png)}.detail-menu-tile__icon-img--inventaris{background-image:url(/icon-menu/inventaris.png)}.detail-menu-tile__icon-img--map{background-image:url(/icon-menu/map.png)}.detail-menu-tile__icon-img--muted{filter:grayscale(.22) opacity(.68)}.detail-menu-tile__svg.detail-menu-tile__svg--duotone{width:44px;height:44px;display:block}.detail-menu-tile__svg--duotone :is(.detail-menu-tile__duo-soft,.detail-menu-tile__duo-deep){paint-order:stroke fill;vector-effect:non-scaling-stroke}.detail-menu-tile__duo-soft{fill:#0f4d3f;stroke:#042920;stroke-width:2.65}.detail-menu-tile__duo-deep{fill:#032a22;stroke:#011510;stroke-width:3.15}.detail-menu-tile__svg--duotone.detail-menu-tile__svg--muted .detail-menu-tile__duo-soft{fill:#64748b;stroke:#334155}.detail-menu-tile__svg--duotone.detail-menu-tile__svg--muted .detail-menu-tile__duo-deep{fill:#334155;stroke:#0f172a;stroke-width:3.15}.detail-menu-tile__icon-ring--on-dark{background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.22) 0%,transparent 45%),#0000001f;box-shadow:inset 0 1px #ffffff24}.detail-menu-tile__svg--mono{width:44px;height:44px;display:block;color:#1f7a63;shape-rendering:geometricPrecision}.detail-menu-tile__svg--mono .detail-menu-tile__svg-orbit{fill:none;stroke:currentColor;stroke-opacity:.5;stroke-width:3;vector-effect:non-scaling-stroke}.detail-menu-tile__svg--mono .detail-menu-tile__svg-orbit--muted{stroke-opacity:.38}.detail-menu-tile__svg--mono :is(path,circle,rect):not(.detail-menu-tile__svg-orbit){fill:none;stroke:currentColor;stroke-opacity:1;stroke-width:3.25;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.detail-menu-tile__svg--mono.detail-menu-tile__svg--muted{color:#0f3d2e70}.detail-menu-tile--disabled .detail-menu-tile__svg--mono{color:#0f3d2e5c}.detail-menu-tile--disabled .detail-menu-tile__svg-orbit{stroke-opacity:.26}.detail-menu-tile--accent .detail-menu-tile__icon-ring{border-color:#fffdf82e;background:radial-gradient(circle at 32% 22%,rgba(255,255,255,.16) 0%,transparent 48%),#00000024;box-shadow:inset 0 1px #fffdf81f}.detail-menu-tile--accent .detail-menu-tile__svg--mono{color:#fffdf8}.detail-menu-tile--accent .detail-menu-tile__svg--mono .detail-menu-tile__svg-orbit{stroke:currentColor;stroke-opacity:.5}.detail-menu-tile--accent .detail-menu-tile__svg--mono :is(path,circle,rect):not(.detail-menu-tile__svg-orbit){stroke:currentColor;stroke-opacity:1}.detail-menu-tile__copy{display:flex;flex-direction:column;align-items:center;gap:4px;max-width:100%;padding:0 2px}.detail-menu-tile__label{font-family:var(--font-sans);font-size:.8rem;font-weight:500;letter-spacing:.04em;line-height:1.3;color:#211608;max-width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.detail-menu-tile__micro{margin:0;max-width:100%;font-family:var(--font-menu-tile-heading);font-size:.625rem;font-weight:600;line-height:1.4;letter-spacing:.02em;color:#334155;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:balance;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.detail-menu-tile--disabled .detail-menu-tile__micro{color:#475569}.detail-menu-tile__stat-corner{position:absolute;right:8px;bottom:8px;left:8px;max-width:calc(100% - 16px);margin-left:auto;text-align:right;font-family:var(--font-menu-tile-heading);font-size:.5625rem;font-weight:700;letter-spacing:.03em;line-height:1.25;color:#334155;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.detail-menu-tile__stat-trend{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;width:auto;max-width:100%;margin-left:auto;text-transform:none;letter-spacing:.02em;font-weight:600;color:#059669}.detail-menu-tile__stat-trend-ico{width:11px;height:11px;flex-shrink:0}.detail-menu-tile__stat-trend-txt{font-size:.5625rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(100%,9.5rem)}.detail-menu-tile--accent{border-color:#043d2e8c;background:linear-gradient(180deg,#1F7A63 0%,var(--color-brand-emerald) 48%,#0d3828 100%);color:#fffdf8;box-shadow:0 14px 32px #0f3d2e38,inset 0 1px #ffffff1f}.detail-menu-tile--accent .detail-menu-tile__label{color:#fffdf8}.detail-menu-tile--accent .detail-menu-tile__micro{color:#fffdf88c}.detail-menu-tile--featured{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:flex-start;gap:24px;padding:26px 28px;min-height:108px;text-align:left;border-radius:var(--r-xl);background:radial-gradient(ellipse 80% 100% at 88% 50%,rgba(212,175,55,.12) 0%,transparent 60%),linear-gradient(135deg,#0a2118,#0f3628 55%,#092416);border-color:#d4af3729;box-shadow:0 4px 16px #0000002e,0 12px 40px #0f3d2e38,inset 0 1px #ffffff0f}.detail-menu-tile--featured .detail-menu-tile__icon-ring--gpt{width:88px;height:88px;margin-top:0}.detail-menu-tile--featured .detail-menu-tile__icon-img{width:84px;height:84px}.detail-menu-tile__copy--featured{align-items:flex-start;gap:4px;flex:1;min-width:0}.detail-menu-tile__featured-badge{display:inline-block;padding:2px 8px 3px;border-radius:999px;background:#d4af3726;border:1px solid rgba(212,175,55,.3);font-family:var(--font-sans);font-size:.52rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#d4af37d9;-webkit-font-smoothing:antialiased}.detail-menu-tile__label--featured{font-family:var(--font-display);font-size:1.55rem;font-weight:300;letter-spacing:.07em;line-height:1.1;color:#fffdf0;-webkit-font-smoothing:antialiased}.detail-menu-tile__featured-sub{font-family:var(--font-sans);font-size:.72rem;font-weight:400;letter-spacing:.01em;line-height:1.5;color:#fffdf07a;margin-top:2px}.detail-menu-tile__featured-deco{position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:120px;height:120px;color:#d4af3799;pointer-events:none}@media(max-width:480px){.detail-menu-tile--featured{gap:14px;padding:16px 18px}.detail-menu-tile--featured .detail-menu-tile__icon-ring--gpt,.detail-menu-tile--featured .detail-menu-tile__icon-img{width:72px;height:72px}.detail-menu-tile__label--featured{font-size:1.25rem}.detail-menu-tile__featured-sub{font-size:.68rem}}@media(hover:hover)and (pointer:fine){.detail-menu-tile:hover:not(.detail-menu-tile--disabled):not(:disabled){transform:translateY(-4px);border-color:#c8a96a2e;box-shadow:var(--shadow-hover)}.detail-menu-tile--featured:hover:not(.detail-menu-tile--disabled):not(:disabled){transform:translateY(-4px);box-shadow:0 4px 12px #0f3d2e4d,0 16px 40px #0f3d2e38,0 32px 64px #0f3d2e24,inset 0 1px #ffffff14}}.detail-menu-tile:active:not(.detail-menu-tile--disabled):not(:disabled){transform:scale(.97);transition-duration:var(--dur-fast);box-shadow:var(--shadow-xs)}.detail-menu-tile--disabled,.detail-menu-tile:disabled{opacity:1;cursor:not-allowed;transform:none}.detail-menu-tile--featured.detail-menu-tile--disabled{border-color:#d4af372e}.detail-menu-tile:focus-visible{outline:2px solid rgba(15,61,46,.45);outline-offset:3px}.detail-menu-tile--accent:focus-visible{outline-color:#fde68ad9}.detail-block--menu{margin-top:36px}.detail-block--menu:first-of-type{margin-top:0;padding-top:0}.detail-menu-grid--skeleton{margin-bottom:16px}.detail-menu-tile--skeleton{border-color:#d1d9e0;background:#fff;box-shadow:inset 0 1px #fffffffa,inset 0 0 0 1px #0f172a07,inset 0 -14px 28px -22px #0f172a0b,0 1px 2px #0f172a0d;cursor:default;pointer-events:none}.detail-menu-skel-icon{width:52px;height:52px;border-radius:50%}.detail-menu-skel-label{width:78%;max-width:96px;height:11px;border-radius:8px}.detail-menu-skel-micro{width:88%;max-width:110px;height:7px;margin-top:2px;border-radius:6px}.detail-block:first-of-type{margin-top:0;padding-top:0;border-top:none}.detail-prose{max-width:min(52ch,100%)}.detail-prose__p{margin:0;font-size:.98rem;line-height:1.92;color:var(--color-text-secondary)}.detail-prose__p+.detail-prose__p{margin-top:1.08em}.detail-section-title{margin:0 0 20px;font-family:var(--font-display);font-size:1.35rem;font-weight:400;letter-spacing:.06em;color:var(--color-brand-emerald);-webkit-font-smoothing:antialiased}.detail-pengurus-list{margin:0;padding:0;list-style:none;display:grid;gap:16px}.detail-pengurus-item{display:grid;grid-template-columns:1fr auto;gap:10px 20px;align-items:center;padding:24px 28px;border-radius:var(--r-lg);background:radial-gradient(ellipse 90% 80% at 0% 50%,rgba(200,169,106,.05),transparent 58%),#0f3d2e08;border:1px solid var(--color-border-warm);box-shadow:0 1px 3px #140a040a,inset 0 1px #ffffffbf}.detail-pengurus-copy{min-width:0}.detail-pengurus-nama{margin:0;font-size:.95rem;font-weight:700;letter-spacing:.02em;color:var(--color-text-primary)}.detail-pengurus-jabatan{margin:4px 0 0;font-size:.84rem;font-weight:500;line-height:1.5;color:#3f524c}.detail-pengurus-telepon{font-size:.84rem;color:var(--color-brand-emerald);text-decoration:none;white-space:nowrap}.detail-pengurus-telepon:hover{text-decoration:underline}.detail-actions{margin-top:28px;padding-top:22px;border-top:1px solid var(--color-border-brand);box-shadow:inset 0 1px #f3e5ab12}.detail-layout{display:block}.detail-main{min-width:0}.detail-actions__scroll{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:16px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 10px;margin:0 -4px;padding-inline:4px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(15,61,46,.28) transparent}.detail-actions__scroll::-webkit-scrollbar{height:5px}.detail-actions__scroll::-webkit-scrollbar-thumb{border-radius:999px;background:#0f3d2e38}.detail-action-btn{max-width:100%}.detail-action-btn__label{min-width:0}.detail-action-btn__label{overflow:hidden;text-overflow:ellipsis}@media(min-width:960px){.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:22px;align-items:start}.detail-actions{margin-top:0;padding-top:0;border-top:none;box-shadow:none;position:sticky;top:88px;align-self:start}.detail-actions__scroll{flex-direction:column;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;padding:0;margin:0;gap:12px;scroll-snap-type:none}.detail-actions__scroll::-webkit-scrollbar{width:6px;height:6px}.detail-action-btn{width:100%;justify-content:flex-start;min-height:44px;padding:11px 14px;border-radius:14px;font-size:.84rem}}.detail-action-btn{flex:0 0 auto;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:12px 20px;min-height:48px;border-radius:14px;font-size:.86rem;font-weight:600;letter-spacing:.01em;text-decoration:none;cursor:pointer;white-space:nowrap;scroll-snap-align:start;border:1px solid rgba(15,61,46,.08);box-shadow:0 14px 30px #020c1b0d,0 2px 8px #020c1b0a,inset 0 1px #ffffffb3;transition:background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s cubic-bezier(.22,1,.36,1)}.detail-action-btn__icon{font-size:1.05rem;line-height:1}.detail-action-btn__label{line-height:1.2}.detail-action-btn--primary{border:1px solid rgba(4,61,46,.65);background:linear-gradient(180deg,#0d5d47 0%,var(--color-brand-emerald) 52%,#0d3828 100%);color:#fffdf8;box-shadow:0 18px 40px #0f3d2e2e,0 6px 16px #020c1b0f,inset 0 1px #ffffff24}.detail-action-btn--primary:hover{border-color:#032a20;background:linear-gradient(180deg,#1f7a63 0% 48%,#0e3c2c);box-shadow:0 6px 20px #0f3d2e52,inset 0 1px #ffffff24;transform:translateY(-2px)}.detail-action-btn--primary:active{transform:translateY(0)}.detail-action-btn--secondary{background:radial-gradient(ellipse 95% 140% at 50% 0%,var(--color-accent-gold-faint),transparent 55%),linear-gradient(180deg,#ffffffc7,#f7faf89e);color:var(--color-text-primary);box-shadow:0 14px 30px #020c1b0d,0 2px 8px #020c1b0a,inset 0 1px #ffffffbf}.detail-fab{position:fixed;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);z-index:70;display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;background:linear-gradient(180deg,#053d30fa,#03221bf0);border:1px solid rgba(243,229,171,.18);color:#fffdf8;text-decoration:none;box-shadow:0 24px 60px #020c1b38,0 10px 22px #0f3d2e29,inset 0 1px #ffffff1f;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%)}.detail-fab__icon{font-size:1.05rem;line-height:1;filter:drop-shadow(0 0 6px var(--color-luxury-gold-glow))}.detail-fab__label{font-size:.86rem;font-weight:650;letter-spacing:.02em}@media(min-width:700px){.detail-fab{display:none}}.detail-action-btn--secondary:hover:not(:disabled){border-color:#0f3d2e2e;background:radial-gradient(ellipse 95% 140% at 50% 0%,rgba(243,229,171,.1),transparent 55%),linear-gradient(180deg,#f4faf7,#ecf5f1);color:var(--color-brand-emerald);box-shadow:0 4px 12px #0f172a12,inset 0 1px #fff;transform:translateY(-2px)}.detail-action-btn--secondary:active:not(:disabled){transform:translateY(0)}.detail-action-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.detail-action-btn:focus-visible{outline:2px solid rgba(15,61,46,.45);outline-offset:3px}.detail-action-btn--primary:focus-visible{outline-color:#f3e5abbf}.detail-skeleton-actions{display:flex;flex-direction:row;flex-wrap:nowrap;grid-template-columns:unset;gap:16px;margin-top:28px;padding:22px 4px 10px;border-top:1px solid rgba(15,23,42,.07);overflow-x:auto;-webkit-overflow-scrolling:touch}.detail-skeleton-actions .skeleton-block--button{flex:0 0 132px;width:132px;min-width:132px}.kegiatan-card__title{margin:0;font-size:1rem;font-weight:600;line-height:1.4;color:var(--color-text-primary)}.kegiatan-card__meta{margin:8px 0 0;font-size:.84rem;color:var(--color-text-secondary);letter-spacing:.02em}.kegiatan-card__body{margin:12px 0 0;max-width:min(52ch,100%);font-size:.92rem;line-height:1.85;color:var(--color-text-secondary)}.kegiatan-card__body a{color:var(--color-brand-emerald);text-decoration:none}.kegiatan-card__body a:hover{text-decoration:underline}.daftar-page{padding-bottom:40px}.daftar-header{margin-bottom:0}.daftar-header--prestige{position:relative;overflow:hidden;border-radius:20px;padding:38px 32px 36px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23C8A96A' stroke-width='0.55' stroke-linejoin='round' opacity='0.11'%3E%3Cpolygon points='40,14 47.6,21.6 58.4,21.6 58.4,32.4 66,40 58.4,47.6 58.4,58.4 47.6,58.4 40,66 32.4,58.4 21.6,58.4 21.6,47.6 14,40 21.6,32.4 21.6,21.6 32.4,21.6'/%3E%3Cpolygon points='47.6,21.6 58.4,32.4 58.4,47.6 47.6,58.4 32.4,58.4 21.6,47.6 21.6,32.4 32.4,21.6'/%3E%3Cpolyline points='26,0 18.4,7.6 18.4,18.4 7.6,18.4 0,26'/%3E%3Cline x1='18.4' y1='7.6' x2='7.6' y2='18.4'/%3E%3Cpolyline points='54,0 61.6,7.6 61.6,18.4 72.4,18.4 80,26'/%3E%3Cline x1='61.6' y1='7.6' x2='72.4' y2='18.4'/%3E%3Cpolyline points='0,54 7.6,61.6 18.4,61.6 18.4,72.4 26,80'/%3E%3Cline x1='7.6' y1='61.6' x2='18.4' y2='72.4'/%3E%3Cpolyline points='80,54 72.4,61.6 61.6,61.6 61.6,72.4 54,80'/%3E%3Cline x1='72.4' y1='61.6' x2='61.6' y2='72.4'/%3E%3C/g%3E%3C/svg%3E") repeat 0 0 / 80px 80px,radial-gradient(ellipse 120% 70% at 50% 140%,rgba(0,0,0,.55) 0%,transparent 65%),radial-gradient(ellipse 90% 55% at 80% 115%,rgba(31,122,99,.5) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 8% -10%,rgba(200,169,106,.18) 0%,transparent 55%),linear-gradient(148deg,#0a2818,#0d3828 35%,#102e20 65%,#153d2c);border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 56px #02100a66,0 6px 16px #02100a3d,inset 0 1px #ffffff14}.daftar-header--prestige:before{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;z-index:1;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.65) 28%,rgba(243,229,171,1) 50%,rgba(212,175,55,.65) 72%,transparent 100%);pointer-events:none}.daftar-header--prestige:after{content:"";position:absolute;bottom:-48px;right:-36px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(31,122,99,.28) 0%,transparent 70%);pointer-events:none}.daftar-header__eyebrow{margin:0 0 12px;font-family:var(--font-cinzel);font-size:.58rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:#c8a96ae0}.daftar-header__title{margin:0 0 14px;font-family:var(--font-display);font-size:clamp(2.1rem,6.5vw,3rem);font-weight:600;line-height:1.12;letter-spacing:.008em;color:#fffdf5;text-shadow:0 2px 24px rgba(0,0,0,.32)}.daftar-header__sub{margin:0;font-size:.8rem;line-height:1.65;color:#fffdf5b3;max-width:42ch;font-weight:400}.daftar-header__sub abbr{text-decoration:none;color:#d4af37bf}.daftar-drawer{border-radius:16px;border:1px solid rgba(15,61,46,.1);background:linear-gradient(180deg,#f9fbf9,#f2f7f4);overflow:hidden;transition:box-shadow .2s ease}.daftar-drawer--open{box-shadow:var(--shadow-sm)}.daftar-drawer__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;background:transparent;border:none;cursor:pointer;color:var(--color-text-primary);font-size:.88rem;font-weight:600;letter-spacing:.01em;text-align:left;transition:background .18s ease}.daftar-drawer__toggle:hover{background:#0f3d2e0a}.daftar-drawer__label{display:flex;align-items:center;gap:8px}.daftar-drawer__label svg{width:16px;height:16px;flex-shrink:0;color:var(--color-brand-emerald-mid)}.daftar-drawer__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#0f3d2e1a;color:var(--color-brand-emerald-mid);font-size:.72rem;font-weight:700;letter-spacing:0}.daftar-drawer__chevron{width:18px;height:18px;flex-shrink:0;color:var(--color-text-secondary);transition:transform .25s cubic-bezier(.22,1,.36,1)}.daftar-drawer--open .daftar-drawer__chevron{transform:rotate(180deg)}.daftar-drawer--static .daftar-drawer__static-head{display:flex;align-items:center;padding:13px 16px;border-bottom:1px solid rgba(15,61,46,.08);color:var(--color-text-primary);font-size:.88rem;font-weight:600;letter-spacing:.01em}.daftar-drawer__body{padding:0 16px 16px;display:grid;gap:12px;border-top:1px solid rgba(15,61,46,.08)}.daftar-drawer__body--static{border-top:none;padding-top:12px}.search-bar{display:flex;align-items:center;gap:0;background:#fff;border:1px solid rgba(15,61,46,.15);border-radius:12px;box-shadow:inset 0 1px 3px #0f172a0a;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease}.search-bar:focus-within{border-color:#d4af37;box-shadow:0 0 0 3px #d4af3726,inset 0 1px 3px #0f172a08}.search-bar__icon{flex-shrink:0;width:16px;height:16px;margin-left:14px;color:#8aa59c;pointer-events:none}.search-bar__input{flex:1;min-width:0;padding:12px 10px 12px 8px;border:none;background:transparent;font-size:.875rem;font-family:inherit;color:var(--color-text-primary);outline:none;appearance:none;-webkit-appearance:none}.search-bar__input::placeholder{color:#a8bdb6}.search-bar__input::-webkit-search-cancel-button{-webkit-appearance:none}.search-bar__btn{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;margin:5px;padding:8px 14px;border:none;border-radius:8px;background:linear-gradient(135deg,#0f3d2e,#1e5a43);color:#e6c76b;font-size:.8rem;font-weight:600;font-family:inherit;letter-spacing:.02em;white-space:nowrap;cursor:pointer;box-shadow:0 2px 8px #0f3d2e38,inset 0 1px #ffffff0f;transition:background .2s ease,box-shadow .2s ease,transform .15s ease}.search-bar__btn:hover:not(:disabled){background:linear-gradient(135deg,#1a4d3a,#266b50);box-shadow:0 4px 14px #0f3d2e47,inset 0 1px #ffffff14;transform:translateY(-1px)}.search-bar__btn:active:not(:disabled){background:linear-gradient(135deg,#0a3326,#174d39)}.search-bar__btn:disabled{opacity:.6;cursor:not-allowed}.search-bar__btn svg{width:13px;height:13px;flex-shrink:0}.search-bar__btn-spin{animation:spin .8s linear infinite}.daftar-form--primary{border-color:#d4af3747;background:#f8f4ec;box-shadow:0 16px 44px #00000017,0 4px 12px #0000000d,inset 0 1px #ffffffeb}.daftar-step-nav{display:flex;align-items:center;gap:4px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:5px 6px;margin:0 0 16px;border-radius:999px;background:#ffffff73;border:1px solid rgba(255,255,255,.7);box-shadow:0 1px 4px #140a040f,0 4px 16px #140a040d,inset 0 1px #ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.daftar-step-nav::-webkit-scrollbar{display:none}.daftar-step-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;padding:7px 16px;border-radius:999px;border:none;background:transparent;color:#5e6f66;font-family:var(--font-sans);font-size:.78rem;font-weight:500;letter-spacing:.01em;white-space:nowrap;cursor:pointer;text-decoration:none;transition:background var(--dur-base) var(--ease-bounce),color var(--dur-base) var(--ease-bounce),box-shadow var(--dur-base) ease,transform .12s ease}.daftar-step-btn:hover:not(:disabled):not(.daftar-step-btn--active){background:#ffffffb3;color:#3f5148;box-shadow:0 1px 3px #140a040f,inset 0 1px #ffffffe6}.daftar-step-btn:active:not(:disabled){transform:scale(.96)}.daftar-step-btn--active{background:linear-gradient(145deg,#0a2e22,#0f3d2e);color:#c8a96a!important;font-weight:600;border:1px solid rgba(212,175,55,.2);box-shadow:0 1px 3px #0f3d2e47,0 4px 14px #0f3d2e38,inset 0 1px #ffffff12;cursor:default}.daftar-step-btn--active:hover{background:linear-gradient(145deg,#0f3d2e,#163d2e);color:#d4b862!important}.daftar-step-btn:disabled:not(.daftar-step-btn--active){opacity:.38;cursor:not-allowed;pointer-events:none}.daftar-step-btn:disabled[title="Segera hadir"]{opacity:.25;font-style:italic}.daftar-title{margin:0;font-size:1.35rem;font-weight:600;letter-spacing:-.02em;color:var(--color-text-primary)}.daftar-lead{margin:10px 0 0;max-width:58ch;font-size:.9rem;line-height:1.65;color:var(--color-text-secondary)}.daftar-header .daftar-lead{margin-top:6px;max-width:none;text-align:left;font-size:.76rem;line-height:1.5;letter-spacing:.01em}.daftar-form{padding:18px 16px 22px;display:flex;flex-direction:column;gap:20px}.daftar-banner{margin:0;padding:10px 12px;border-radius:12px;font-size:.88rem;line-height:1.45}.daftar-banner--warn{background:#d4af371f;border:1px solid rgba(212,175,55,.28);color:#5c4a12}.daftar-banner--error{background:#b91c1c14;border:1px solid rgba(185,28,28,.22);color:#7f1d1d}.daftar-banner--success{background:#0f3d2e14;border:1px solid rgba(15,61,46,.2);color:#14532d}.auth-tabs{display:flex;gap:8px;padding:0 20px;margin-top:-8px;margin-bottom:4px}.auth-tab{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:999px;border:1px solid rgba(15,61,46,.14);background:transparent;color:#0f3d2e8c;font-size:.86rem;font-weight:600;cursor:pointer;transition:all .2s ease}.auth-tab svg{width:16px;height:16px;flex-shrink:0}.auth-tab:hover{background:#0f3d2e0d;color:#0f3d2e}.auth-tab--active{background:#0f3d2e;border-color:#0f3d2e;color:#e6c76b}.auth-tab--active:hover{background:#1a5239;transform:none}.auth-link{background:none;border:none;padding:0;font-size:.84rem;color:#0f3d2e8c;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .18s ease}.auth-link:hover{color:#d4af37;transform:none}.daftar-actions{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px;padding:0 20px 20px}.daftar-label-optional{font-size:.75rem;color:#0f3d2e61;font-weight:400;text-transform:none;letter-spacing:normal}.email-check-wrap{display:flex;flex-direction:column;gap:5px}.daftar-input--ok{border-color:#1f7a63!important;box-shadow:0 0 0 3px #16a34a1f!important}.daftar-input--err{border-color:#b91c1c!important;box-shadow:0 0 0 3px #b91c1c1a!important}.email-check-badge{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:500;line-height:1}.email-check-badge svg{width:13px;height:13px;flex-shrink:0}.email-check-badge--checking{color:#0f3d2e73}.email-check-badge--ok{color:#1f7a63}.email-check-badge--err{color:#b91c1c}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}.daftar-field{display:grid;gap:9px}.daftar-field-row{display:grid;gap:18px}@media(min-width:520px){.daftar-field-row{grid-template-columns:1fr 1fr;align-items:start}}.daftar-field--half{min-width:0}.daftar-section{position:relative;border-radius:18px;border:1px solid rgba(212,175,55,.18);background:#f6f3ed;box-shadow:0 10px 30px #0000000f,0 2px 8px #0000000a,inset 0 1px #ffffffd1;padding:16px 16px 18px;overflow:hidden}.daftar-section:before{content:"";position:absolute;top:0;left:12px;right:12px;height:2px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.55) 35%,rgba(243,229,171,.9) 50%,rgba(212,175,55,.55) 65%,transparent 100%);pointer-events:none;z-index:1}.daftar-section--lead{border-color:#d4af3742;background:#f8f4ec;box-shadow:0 14px 36px #00000014,0 2px 8px #0000000a,inset 0 1px #ffffffe6}.daftar-section--soft{background:#f3f0ea;border-color:#d4af3721;box-shadow:0 6px 20px #0000000a,0 1px 4px #00000008,inset 0 1px #ffffffbf}.daftar-section__head{padding:0 2px;display:grid;gap:4px}.daftar-section-title{margin:0;display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.2rem;font-weight:400;letter-spacing:.04em;color:#1a2e28;-webkit-font-smoothing:antialiased}.daftar-section-ico{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#d4af371f;border:1px solid rgba(212,175,55,.2);font-size:.95rem;line-height:1;flex-shrink:0;filter:saturate(.85) brightness(1.05)}.daftar-section-hint{margin:0;max-width:54ch;font-size:.76rem;line-height:1.6;color:#8aa59c;letter-spacing:.01em}.daftar-section__divider{margin-top:16px;height:1px;border:0;background:linear-gradient(90deg,rgba(212,175,55,.5) 0%,rgba(212,175,55,.18) 55%,transparent 100%)}.daftar-section__body{margin-top:18px;display:grid;gap:18px}.daftar-section__body--checks{gap:10px}.daftar-label{display:flex;align-items:center;gap:5px;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#4a6b60;-webkit-user-select:none;user-select:none}.daftar-label abbr{text-decoration:none;color:#c8a96a;font-size:1.1em;line-height:1}.daftar-label-optional{font-weight:400;font-size:.82em;letter-spacing:.01em;text-transform:none;color:#8aa59c}.daftar-input{width:100%;padding:14px;border-radius:12px;border:1px solid rgba(15,61,46,.15);background:#fff;font-size:.94rem;font-family:inherit;color:var(--color-text-primary);box-shadow:inset 0 1px 3px #0f172a0a,0 1px 2px #ffffffe6;transition:border-color .18s ease,box-shadow .18s ease;appearance:none;-webkit-appearance:none}.daftar-input--focus{border-color:#0f3d2e38}.daftar-input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #d4af3726,inset 0 1px 3px #0f172a08}.daftar-input:disabled{opacity:.6;cursor:not-allowed;background:#f6f4f0;border-color:#0f3d2e14;box-shadow:none}select.daftar-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%234a6b60' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}.daftar-textarea{resize:vertical;min-height:72px;line-height:1.55}.daftar-textarea--alamat{min-height:unset;max-height:6rem}.daftar-input--narrow{max-width:140px}.daftar-check{display:flex;align-items:center;gap:10px;margin:0;padding:12px 14px;border-radius:12px;border:1px solid rgba(15,61,46,.15);background:#fff;font-size:.9rem;color:var(--color-text-primary);cursor:pointer;box-shadow:inset 0 1px 3px #0f172a0a;transition:border-color .18s ease,background .18s ease}.daftar-check:hover{border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a,inset 0 1px 3px #0f172a08}.daftar-check input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--color-brand-emerald);flex-shrink:0}.daftar-file{width:100%;font-size:.86rem;color:var(--color-text-secondary)}.daftar-file-meta{font-size:.82rem;color:var(--color-text-secondary)}.galeri-slider{margin-bottom:18px}.galeri-slider__main{position:relative;border-radius:14px;overflow:hidden;background:#0000000f;border:1px solid var(--color-border-warm, rgba(200, 169, 106, .2))}.galeri-slider__img{display:block;width:100%;max-height:320px;object-fit:contain;background:#f5f0e8}.galeri-slider__badge-main{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;color:#f5e6a3;background:#0f3d2ec7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.02em}.galeri-slider__hapus-btn{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:700;color:#fca5a5;background:#7f1d1dbf;border:1px solid rgba(239,68,68,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:background .18s,border-color .18s;letter-spacing:.02em}.galeri-slider__hapus-btn svg{width:14px;height:14px;flex-shrink:0}.galeri-slider__hapus-btn:hover{background:#b91c1ce0;border-color:#ef4444b3}.galeri-slider__nav{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;gap:6px}.galeri-slider__nav-btn{width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#ffffffd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 8px #00000024;color:var(--color-brand-emerald, #0F3D2E);transition:background .15s,transform .12s}.galeri-slider__nav-btn svg{width:18px;height:18px}.galeri-slider__nav-btn:hover:not(:disabled){background:#fffffff5;transform:scale(1.08)}.galeri-slider__nav-btn:disabled{opacity:.35;cursor:default}.galeri-slider__counter{font-size:.78rem;font-weight:600;color:#fff;background:#00000080;padding:3px 8px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.galeri-slider__dots{display:flex;gap:6px;justify-content:center;padding:10px 0 2px}.galeri-slider__dot{width:8px;height:8px;border-radius:50%;border:none;cursor:pointer;background:#0f3d2e33;padding:0;transition:background .15s,transform .12s}.galeri-slider__dot--active{background:var(--color-accent-gold, #C8A96A);transform:scale(1.25)}.galeri-slider__caption{margin:8px 0 0;font-size:.82rem;color:var(--color-text-secondary);text-align:center}.galeri-slider--preview{margin-top:14px;padding-top:14px;border-top:1px dashed rgba(200,169,106,.3)}.galeri-slider__preview-label{margin:0 0 10px;font-size:.82rem;color:var(--color-text-secondary);font-weight:500}.galeri-slider__extras{display:flex;gap:8px;overflow-x:auto;padding:10px 0 2px;scrollbar-width:thin;scrollbar-color:rgba(200,169,106,.35) transparent}.galeri-slider__extra-thumb{flex:0 0 auto;width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid var(--color-border-warm, rgba(200, 169, 106, .2));background:#0000000f}.galeri-set-utama{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;border-radius:12px;background:#c8a96a0f;border:1px solid rgba(200,169,106,.22);cursor:pointer;-webkit-user-select:none;user-select:none}.galeri-set-utama__input{position:absolute;opacity:0;width:0;height:0}.galeri-set-utama__box{flex:0 0 auto;width:20px;height:20px;border-radius:6px;border:2px solid var(--color-accent-gold, #C8A96A);background:#fff;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;color:var(--color-brand-emerald, #0F3D2E)}.galeri-set-utama:has(.galeri-set-utama__input:checked) .galeri-set-utama__box{background:var(--color-accent-gold, #C8A96A);border-color:var(--color-accent-gold, #C8A96A);color:#fff}.galeri-set-utama:has(.galeri-set-utama__input:checked) .galeri-set-utama__box svg{display:block}.galeri-set-utama__box svg{width:14px;height:14px}.galeri-set-utama__label{font-size:.88rem;color:var(--color-text-primary, #1a1008);line-height:1.4}.daftar-actions{margin-top:4px;padding-top:18px;border-top:1px solid var(--color-border-brand);box-shadow:inset 0 1px #f3e5ab14}.daftar-empty{display:flex;align-items:center;gap:14px;padding:18px 16px;border-radius:14px;border:1px dashed rgba(212,175,55,.28);background:#d4af370a}.daftar-empty--loading{justify-content:center;gap:10px;color:#8aa59c;font-size:.86rem}.daftar-empty__icon-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#d4af3717;border:1px solid rgba(212,175,55,.18);color:#c8a96a}.daftar-empty__icon-wrap svg{width:26px;height:26px}.daftar-empty__icon{flex-shrink:0;width:18px;height:18px;color:#8aa59c}.daftar-empty__icon--spin{animation:spin 1s linear infinite}.daftar-empty__copy{display:grid;gap:3px}.daftar-empty__title{margin:0;font-size:.88rem;font-weight:600;color:#2d4a40;letter-spacing:.01em}.daftar-empty__sub{margin:0;font-size:.78rem;color:#8aa59c;line-height:1.5}.daftar-list{display:grid;gap:10px}.daftar-list-item{display:grid;grid-template-columns:1fr auto;gap:12px 16px;align-items:center;padding:12px 14px;border-radius:16px;border:1px solid var(--color-border-brand);background:radial-gradient(ellipse 90% 120% at 0% 0%,rgba(243,229,171,.08),transparent 58%),#ffffffb8;box-shadow:inset 0 1px #ffffffd1}.daftar-list-main{min-width:0}.daftar-list-title{margin:0;font-weight:700;letter-spacing:.01em;color:var(--color-text-primary)}.daftar-list-sub{margin:6px 0 0;font-size:.88rem;line-height:1.5;color:#3f524c}.daftar-list-sub--muted{opacity:.9}.daftar-list-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.daftar-list-actions .inline-action--ghost,.daftar-list-actions .inline-action{margin-top:0;padding:10px 12px}.daftar-list-actions .inline-action--hapus{color:#9a2c2c}.daftar-list-actions .inline-action--hapus:disabled{opacity:.55}.daftar-delete-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f121073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.daftar-delete-overlay:focus{outline:none}.daftar-delete-dialog{width:min(92vw,400px);padding:22px 24px;border-radius:16px;background:var(--color-surface-card, #faf7f2);box-shadow:0 24px 48px #020c1b33,inset 0 1px #ffffffa6;border:1px solid var(--color-border-warm, rgba(200, 169, 106, .22))}.daftar-delete-dialog__message{margin:0 0 20px;font-size:1rem;line-height:1.55;color:var(--color-text-primary, #1a1008)}.daftar-delete-dialog__actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.daftar-delete-dialog__btn-confirm{padding:10px 16px;border-radius:12px;font-weight:600;color:#fff;background:#8b2c2c;border:1px solid rgba(0,0,0,.08)}.daftar-delete-dialog__btn-confirm:hover:not(:disabled){filter:brightness(1.06)}.daftar-delete-dialog__btn-confirm:disabled{opacity:.65;cursor:not-allowed}.toast-inline{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;font-size:.88rem;font-weight:600;line-height:1.4;box-shadow:0 4px 18px #020c1b2e}.toast-inline svg{width:18px;height:18px;flex-shrink:0}.toast-inline--success{background:#0f3d2ee0;border:1px solid rgba(243,229,171,.22);color:#d1fae5}.toast-inline--error{background:#7f1d1de0;border:1px solid rgba(255,255,255,.12);color:#fee2e2}.toast-inline--info{background:#78350fe0;border:1px solid rgba(251,191,36,.3);color:#fde68a}.toast-inline-enter-active,.toast-inline-leave-active{transition:opacity .25s ease,transform .25s ease}.toast-inline-enter-from,.toast-inline-leave-to{opacity:0;transform:translateY(6px)}.galeri-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:16px 0 4px}.galeri-grid__item{position:relative;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;border:1px solid rgba(200,169,106,.18);background:#0000000f;cursor:pointer;padding:0;transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out)}.galeri-grid__item:hover{transform:scale(1.03);box-shadow:0 8px 24px #020c1b38;z-index:1}.galeri-grid__item--utama{grid-column:span 2;grid-row:span 2;aspect-ratio:1 / 1}.galeri-grid__img{width:100%;height:100%;object-fit:cover;display:block}.galeri-grid__badge{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#b88a1e,#8b6c23);color:#fff8d6;font-size:.68rem;font-weight:700;letter-spacing:.03em;padding:3px 8px;border-radius:999px;pointer-events:none}.galeri-grid__caption{position:absolute;bottom:0;inset-inline:0;padding:20px 8px 8px;background:linear-gradient(to top,rgba(2,8,4,.72),transparent);color:#fff8d2eb;font-size:.73rem;line-height:1.35;pointer-events:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.galeri-count{margin:12px 0 0;font-size:.8rem;color:#140c0466;text-align:right}.galeri-lightbox{position:fixed;inset:0;z-index:200;background:#020804eb;display:flex;align-items:center;justify-content:center;padding:16px;outline:none}.galeri-lightbox__content{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:min(90vw,720px);width:100%}.galeri-lightbox__img{max-height:75vh;max-width:100%;width:auto;border-radius:14px;object-fit:contain;box-shadow:0 24px 64px #00000080}.galeri-lightbox__caption{color:#fff8d2d9;font-size:.9rem;text-align:center;margin:0;line-height:1.5}.galeri-lightbox__counter{color:#fff8d273;font-size:.78rem;margin:0}.galeri-lightbox__close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,248,210,.2);background:#ffffff14;color:#fff8d2d9;display:grid;place-items:center;cursor:pointer;transition:background .15s}.galeri-lightbox__close:hover{background:#ffffff29}.galeri-lightbox__close svg{width:18px;height:18px}.galeri-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,248,210,.2);background:#ffffff14;color:#fff8d2d9;display:grid;place-items:center;cursor:pointer;transition:background .15s}.galeri-lightbox__nav:hover{background:#ffffff2e}.galeri-lightbox__nav svg{width:20px;height:20px}.galeri-lightbox__nav--prev{left:12px}.galeri-lightbox__nav--next{right:12px}@media(max-width:480px){.galeri-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.galeri-lightbox__nav{display:none}}.flatpickr-calendar{font-family:inherit;border-radius:12px;box-shadow:0 8px 32px #00000024}.flatpickr-day.selected,.flatpickr-day.selected:hover{background:#1f7a63;border-color:#1f7a63}.flatpickr-day:hover{background:#16a34a1f;border-color:transparent}.layanan-form-card{display:flex;flex-direction:column;gap:0;padding-bottom:.5rem}.layanan-form__heading{font-size:1rem;font-weight:700;margin:0 0 .25rem}.layanan-form__hint{font-size:.82rem;color:var(--color-text-muted, #6b7280);margin:0 0 1.25rem;line-height:1.5}.register-card .layanan-form__hint{max-width:none;width:100%;min-width:0;text-align:start}.layanan-form__empty{padding:.75rem 0;font-size:.85rem;color:var(--color-text-muted, #6b7280)}.layanan-group{border-top:1px solid var(--color-border, #e5e7eb);padding:1rem 0 .5rem;display:flex;flex-direction:column;gap:.75rem}.layanan-group__title{font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted, #6b7280);margin:0}.layanan-item-card{border:1px solid var(--color-border, #e5e7eb);border-radius:12px;padding:.75rem .85rem;display:flex;flex-direction:column;gap:.5rem;background:#ffffff73}.layanan-item-card__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.layanan-item-card__label{font-size:.75rem;font-weight:600;color:var(--color-text-muted, #6b7280)}.layanan-item-field{margin:0}.daftar-label-hint{font-weight:400;text-transform:none;letter-spacing:normal;font-size:.72rem;color:var(--color-text-muted, #6b7280)}.layanan-tanggal-field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.layanan-tanggal-field .daftar-label{display:block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #6b7280)}.layanan-jam-field{display:flex;flex-direction:column;gap:.2rem;min-width:0}.layanan-jam-field .daftar-field{margin:0}.layanan-field-error{font-size:.75rem;color:#b91c1c;margin:0;line-height:1.35}.layanan-jam-input--invalid{border-color:#dc2626!important;box-shadow:0 0 0 1px #dc262640}.layanan-item-grid{display:grid;grid-template-columns:1fr;gap:.5rem}@media(min-width:520px){.layanan-item-grid{grid-template-columns:1fr 1fr 1fr}}.inventaris-two-col{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}@media(max-width:480px){.inventaris-two-col{grid-template-columns:1fr}}.inventaris-qty-row{display:grid;grid-template-columns:1fr;gap:.5rem}@media(min-width:640px){.inventaris-qty-row{grid-template-columns:1fr 1fr 1fr}}.layanan-item-remove{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:50%;background:transparent;color:var(--color-text-muted, #9ca3af);cursor:pointer;transition:background .15s,color .15s;padding:0}.layanan-item-remove:hover{background:#fee2e2;color:#dc2626}.layanan-item-remove svg{width:14px;height:14px}.layanan-group__add-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;padding:.3rem .75rem;margin-top:.15rem}.layanan-group__add-icon{width:14px;height:14px}.layanan-display-card{display:flex;flex-direction:column;gap:1.75rem}.inventaris-page .layanan-display-card{margin-top:.5rem}.layanan-display__heading{font-family:Playfair Display,Georgia,serif;font-size:1.1rem;font-weight:600;letter-spacing:.005em;margin:0}.layanan-display-group{display:flex;flex-direction:column;gap:.75rem;padding-top:1.1rem;border-top:1px solid rgba(15,61,46,.08)}.layanan-display-group:first-of-type{padding-top:0;border-top:none}.layanan-display-group__title{font-family:Cinzel,Playfair Display,serif;font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:#0f3d2e;opacity:.72;margin:0 0 .15rem;padding-left:.1rem}.layanan-display-group__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.layanan-display-group__empty{margin:0;padding:.15rem 0 .35rem;font-size:.85rem;color:var(--color-text-muted, #6b7280);line-height:1.45}.layanan-display-item{position:relative;padding:1rem 1.25rem;border:1px solid rgba(13,110,74,.13);border-left:3px solid #1f7a63;background:#ffffffc7;border-radius:0 10px 10px 0;box-shadow:0 1px 3px #0000000d,0 4px 12px #0000000a;transition:box-shadow .18s ease,transform .18s ease}.layanan-display-item:hover{box-shadow:0 2px 8px #00000014,0 6px 18px #0000000f;transform:translateY(-2px) scale(1.01)}.layanan-display-item__title{font-size:.975rem;font-weight:700;margin:0 0 .55rem;color:#111827;line-height:1.35}.layanan-display-item__metas{display:flex;flex-direction:column;gap:.32rem}.layanan-display-item__meta{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;color:#374151b8;line-height:1.4}.layanan-display-item__meta--narasumber{font-style:italic;color:#1f7a63;opacity:.85}.layanan-meta-icon{width:13px;height:13px;flex-shrink:0;opacity:.55}
