html{scroll-behavior:smooth}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}:root{--header-height:74px}.neo-mirai{color:var(--ink);background-color:var(--paper);font-family:var(--font-body);background-blend-mode:overlay;background-image:url(/assets/img/template/bg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;line-height:1.6;position:relative;overflow-x:clip}.neo-mirai:before{content:"";z-index:-1;opacity:.5;pointer-events:none;background-color:#f7f6f3f0;position:fixed;inset:0}.hero-page{text-align:center;border-bottom:1px solid var(--line);justify-content:center;align-items:center;min-height:350px;display:flex;position:relative;overflow:hidden}.hero-page:before{content:"";pointer-events:none;background:radial-gradient(at top,#f7f6f333 0%,#f7f6f3cc 100%);position:absolute;inset:0}.hero-page>*{z-index:1;position:relative}.site-header{z-index:20;min-height:74px;padding:max(.7rem, env(safe-area-inset-top)) clamp(1rem, 2.7vw, 2rem) .7rem;color:var(--ink);background:linear-gradient(#f7f6f3f0,#f7f6f3b8,#0000);grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;display:grid;position:fixed;top:0;left:0;right:0;opacity:1!important;filter:none!important;transition:none!important;transform:none!important}.site-header.is-scrolled{background:var(--paper);border-bottom:1px solid #8c878240;box-shadow:0 18px 50px #2a262314}.brand-lockup{min-height:44px;color:inherit;align-items:center;gap:.62rem;text-decoration:none;display:inline-flex}.brand-lockup-small{min-height:0}.brand-lockup-small .brand-mark,.brand-lockup-small .brand-mark span{width:1.55rem}.brand-mark{aspect-ratio:1;background:linear-gradient(90deg, transparent 49%, var(--ink) 49% 51%, transparent 51%), linear-gradient(0deg, transparent 49%, var(--ink) 49% 51%, transparent 51%), radial-gradient(circle at 72% 25%, var(--rice) 0 19%, transparent 20%), linear-gradient(135deg, var(--gold) 0 38%, var(--sun) 38% 58%, var(--night-soft) 58%);border:1px solid oklch(30% .035 78/.45);border-radius:50%;width:2.18rem;position:relative;overflow:hidden}.brand-mark span{background:oklch(84% .04 78/.65);position:absolute;inset:58% 0 0}.brand-word{font-family:var(--font-mono);text-transform:uppercase;gap:.07rem;font-size:.76rem;line-height:1;display:grid}.brand-word span{display:block}.site-nav{font-family:var(--font-body);justify-self:center;align-items:center;gap:.25rem;margin-left:clamp(1.15rem,2.7vw,2.4rem);font-size:.875rem;font-weight:500;display:flex}.site-nav a{min-height:44px;color:var(--ink-soft);transition:all .18s var(--ease);border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;text-decoration:none;display:inline-flex;position:relative}.site-nav a svg{opacity:.7;width:18px;height:18px;transition:opacity .18s var(--ease)}.site-nav a:hover{color:var(--ink);background:oklch(94% .035 78/.8)}.site-nav a:hover svg{opacity:1}.site-nav a.is-active,.site-nav a[aria-current=page]{color:var(--gold);background:oklch(68% .145 74/.1)}.site-nav a.is-active svg,.site-nav a[aria-current=page] svg{opacity:1}.ticket-pill{min-height:44px;color:var(--rice);background:var(--gold);font-family:var(--font-mono);text-transform:uppercase;white-space:nowrap;transition:background .18s var(--ease), transform .24s var(--ease), box-shadow .24s var(--ease);align-items:center;gap:.58rem;padding:.58rem .56rem .58rem .86rem;font-size:.64rem;font-weight:700;text-decoration:none;display:inline-flex}.ticket-pill svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:1.44rem;height:1.44rem;padding:.3rem}.ticket-pill:hover{background:var(--sun-deep);transform:translateY(-2px);box-shadow:0 18px 52px oklch(50% .15 50/.32)}.nav-toggle{display:none}.page-content,.content-centered{padding-top:var(--header-height)}.hero{height:clamp(32.5rem,60.3vw,54.4rem);padding-top:var(--header-height);align-items:center;display:flex;position:relative;overflow:clip;background:var(--paper)!important}.hero:after{z-index:2;content:"";pointer-events:none;background:linear-gradient(90deg,#f7f6f3 0 30%,#f7f6f3d9 35%,#0000 50%);position:absolute;inset:0}.vertical-poem{z-index:4;color:var(--ink-soft);font-family:var(--font-body);flex-direction:column;align-items:center;gap:.95rem;font-size:clamp(.9rem,1.4vw,1.15rem);display:flex;position:absolute;top:37%;left:clamp(1rem,3.2vw,2.8rem)}.vertical-poem span{writing-mode:vertical-rl;line-height:1.18}.vertical-poem i{background:var(--line);transform-origin:top;width:1px;height:clamp(5rem,11vw,9rem);display:block}.hero-copy{z-index:4;width:min(50rem,100% - 2rem);padding:clamp(2.6rem,4.6vw,4.2rem) 0 0 clamp(5.8rem,9vw,8rem);position:relative}.hero-logo{filter:drop-shadow(0 4px 16px oklch(18% .03 76/.25));width:clamp(3.5rem,6vw,5.5rem);height:auto;margin-bottom:1.25rem;display:block}.hero-subtitle{font-size:clamp(1.1rem,2.2vw,2rem);display:block}.hero h1{max-width:5.75em;font-family:var(--font-display);text-transform:uppercase;color:var(--ink);margin:0;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:300;line-height:.96}.hero h1 span{display:block}.hero-place{color:var(--sun-deep);font-family:var(--font-body);margin:.9rem 0 0;font-size:clamp(1.5rem,2.8vw,2.8rem);line-height:1}.hero-summary{max-width:18rem;color:var(--ink-soft);margin:1.05rem 0 clamp(2.8rem,4.8vw,4.8rem);font-size:clamp(1rem,1.35vw,1.35rem);line-height:1.38}.hero-meta{color:var(--ink);font-family:var(--font-mono);text-transform:uppercase;gap:.3rem;font-size:.75rem;display:grid}.hero-art{z-index:1;align-items:end;margin:0;display:grid;position:absolute;inset:0}.hero-art img{object-fit:cover;object-position:center top;filter:saturate(1.02)contrast(1.05);width:100%;height:100%}.hero-art figcaption{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.slideshow-section{padding-bottom:2rem}.slideshow-container{height:clamp(20rem,40vw,36rem);position:relative;overflow:hidden}.slideshow-slide{position:absolute;inset:0}.slideshow-image{object-fit:cover;width:100%;height:100%}.slideshow-overlay{background:linear-gradient(90deg,oklch(94% .035 78/.95) 0 30%,oklch(94% .035 78/.7) 35%,#0000 50%);position:absolute;inset:0}.slideshow-content{max-width:50%;padding:2rem clamp(1rem,5vw,5rem);position:absolute;top:50%;left:0;transform:translateY(-50%)}.slideshow-badge{background:var(--gold);color:var(--night);font-family:var(--font-mono);text-transform:uppercase;margin-bottom:1rem;padding:.3rem .8rem;font-size:.65rem;font-weight:700;display:inline-block}.slideshow-title{font-family:var(--font-display);color:var(--ink);margin:0 0 .5rem;font-size:clamp(1.3rem,2.5vw,2rem);font-weight:600;line-height:1.2}.slideshow-excerpt{color:var(--ink-soft);margin-bottom:1.5rem;font-size:clamp(.85rem,1.2vw,1rem);line-height:1.5}.slideshow-cta{background:var(--gold);color:var(--night);font-family:var(--font-mono);text-transform:uppercase;transition:background .18s var(--ease), transform .24s var(--ease);align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.7rem;font-weight:600;text-decoration:none;display:inline-flex}.slideshow-cta:hover{background:var(--sun-deep);transform:translateY(-2px)}.slideshow-cta svg{width:1.2rem;height:1.2rem}.slideshow-arrow{background:var(--paper);border:1px solid var(--line);cursor:pointer;z-index:10;width:3rem;height:3rem;transition:background .18s var(--ease), transform .24s var(--ease);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slideshow-arrow:hover{background:var(--gold);transform:translateY(-50%)scale(1.1)}.slideshow-arrow svg{width:1.5rem;height:1.5rem;stroke:var(--ink)}.slideshow-arrow-prev{left:1rem}.slideshow-arrow-next{right:1rem}.slideshow-dots{z-index:10;gap:.5rem;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.slideshow-dot{background:var(--ink-soft);opacity:.4;cursor:pointer;width:.6rem;height:.6rem;transition:opacity .18s, transform .24s var(--ease);border:none;border-radius:50%}.slideshow-dot.is-active,.slideshow-dot:hover{opacity:1;background:var(--gold);transform:scale(1.3)}.slideshow-progress{background:var(--line);z-index:10;height:3px;position:absolute;bottom:0;left:0;right:0}.slideshow-progress-bar{background:var(--gold);height:100%;transition:width .5s var(--ease)}.featured-section{grid-template-columns:minmax(12rem,25%) 1fr;gap:0;padding:2rem clamp(1.2rem,3.5vw,3rem);display:grid}.section-intro{align-content:start;gap:.9rem;padding-top:clamp(3.3rem,6.8vw,6rem);display:grid}.section-label{color:var(--ink);font-family:var(--font-display);text-transform:uppercase;margin:0 0 .72rem;font-size:clamp(1.9rem,3.4vw,3rem);font-weight:300;line-height:1}.section-intro h2,.services-heading h2{max-width:17rem;color:var(--ink);margin:0;font-size:1.1rem;font-weight:400;line-height:1.42}.text-action{width:fit-content;min-height:44px;color:var(--ink-soft);font-family:var(--font-mono);text-transform:uppercase;transition:color .18s var(--ease), transform .24s var(--ease);align-items:center;gap:.7rem;font-size:.72rem;font-weight:600;text-decoration:none;display:inline-flex}.text-action span{font-family:var(--font-body);place-items:center;display:inline-grid}.text-action:hover{color:var(--sun-deep);transform:translate(.2rem)}.featured-grid{grid-template-columns:repeat(3,1fr);gap:1rem;padding:2rem 0;display:grid}.featured-card{border-radius:.5rem;min-height:140px;position:relative;overflow:hidden}.featured-card-large{aspect-ratio:4/3}.featured-card-small{aspect-ratio:16/10;min-height:120px}.featured-image{object-fit:cover;width:100%;height:100%;transition:transform .52s var(--ease-quint)}.featured-card:hover .featured-image{transform:scale(1.05)}.featured-overlay{background:linear-gradient(0deg,oklch(12% .025 80/.9) 0 40%,#0000 70%);position:absolute;inset:0}.featured-secondary{width:100%}.featured-content{padding:1.25rem;position:absolute;bottom:0;left:0;right:0}.featured-badge{background:var(--gold);color:var(--night);font-family:var(--font-mono);text-transform:uppercase;margin-bottom:.5rem;padding:.2rem .6rem;font-size:.6rem;font-weight:700;display:inline-block}.featured-title{font-family:var(--font-display);color:var(--rice);margin:0 0 .3rem;font-size:clamp(.9rem,1.3vw,1.1rem);font-weight:600;line-height:1.3}.featured-excerpt{color:oklch(91% .035 78/.84);margin:0 0 .5rem;font-size:.8rem}.featured-date{font-family:var(--font-mono);color:var(--gold-bright);font-size:.65rem}.featured-sidebar{align-content:start;gap:1rem;display:grid}.latest-section{grid-template-columns:minmax(16.5rem,32vw) 1fr;min-height:clamp(23rem,43vw,38rem);display:grid}.latest-panel{color:var(--rice);background:linear-gradient(135deg, var(--night), #1e2328);background:linear-gradient(135deg, var(--night), oklch(13% .035 180));align-content:start;padding:clamp(1.35rem,2.55vw,2.35rem);display:grid;position:relative;overflow:clip}.latest-panel:after{aspect-ratio:1;background:linear-gradient(180deg, var(--gold-bright), var(--sun));opacity:.86;content:"";pointer-events:none;border-radius:50%;width:21.6rem;position:absolute;top:0;right:-10.8rem}.latest-panel>*{z-index:1;position:relative}.latest-panel .section-label,.latest-panel h2,.latest-panel .agenda-days li{opacity:0}.latest-panel .section-label{color:var(--gold-bright)}.agenda-days{gap:clamp(.58rem,1.2vw,1.08rem);margin:clamp(1rem,1.75vw,1.65rem) 0 clamp(.72rem,1.25vw,1.25rem);padding:0;list-style:none;display:grid}.agenda-days li{grid-template-columns:4.6rem 1fr;gap:2.05rem;display:grid;position:relative}.agenda-days li:before{aspect-ratio:1;border:1px solid var(--gold-bright);width:.88rem;box-shadow:inset 0 0 0 .25rem var(--night);content:"";border-radius:50%;position:absolute;top:.25rem;left:5.18rem}.agenda-days li:not(:last-child):after{background:var(--gold-bright);content:"";width:1px;height:calc(100% + 1.2rem);position:absolute;top:1.2rem;left:5.62rem}.agenda-days time{color:var(--sun);font-family:var(--font-mono);text-transform:uppercase;font-size:.68rem;font-weight:700}.agenda-days time span{color:var(--rice);font-weight:500;display:block}.agenda-days h3{color:var(--gold-bright);margin:0 0 .14rem;font-size:.9rem;font-weight:600}.agenda-days p{color:#e6e1dad6;margin:0;font-size:.8rem}.latest-art{background:var(--paper-soft);height:100%;min-height:0;margin:0;position:relative;overflow:hidden}.latest-art img{object-fit:cover;width:100%;height:100%}.latest-art figcaption{color:var(--ink-soft);writing-mode:vertical-rl;font-size:1rem;position:absolute;top:4rem;left:2.2rem}.pejabat-section{border-bottom:1px solid var(--line);grid-template-columns:3fr 1fr;gap:0;height:clamp(18rem,35vw,32rem);padding:0;display:grid;overflow:clip}.pejabat-section .pejabat-intro{flex-direction:column;grid-area:1/2;justify-content:center;align-items:flex-start;padding:clamp(1.5rem,3vw,2.5rem) clamp(1rem,2vw,1.5rem);display:flex}.pejabat-intro .section-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--gold);margin:0 0 .5rem;font-size:clamp(.6rem,1vw,.75rem);font-weight:600}.pejabat-intro h2{font-family:var(--font-display);color:var(--ink);margin:0;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:400;line-height:1.2}.pejabat-carousel{--offset:0%;background:var(--paper-soft);isolation:isolate;grid-area:1/1;min-width:0;min-height:0;position:relative;overflow:clip}.pejabat-track{height:100%;transform:translate3d(0, var(--offset), 0);transition:transform .62s var(--ease-quint);will-change:transform;flex-direction:column;display:flex}.pejabat-slide{flex:0 0 100%;min-width:0;height:100%;min-height:100%;position:relative;overflow:clip}.pejabat-grid{grid-template-columns:repeat(3,minmax(0,1fr));height:100%;margin:0;padding:0;list-style:none;display:grid}.pejabat-person{background:linear-gradient(90deg, #2d282409 1px, transparent 1px), linear-gradient(0deg, #2d282407 1px, transparent 1px), var(--paper-soft);background:linear-gradient(90deg, oklch(20% .015 80/.035) 1px, transparent 1px), linear-gradient(0deg, oklch(20% .015 80/.026) 1px, transparent 1px), var(--paper-soft);isolation:isolate;background-size:112px 112px,112px 112px,auto;min-width:0;position:relative;overflow:clip}.pejabat-person+.pejabat-person{border-left:1px solid oklch(50% .04 78/.24)}.pejabat-person:after{z-index:1;content:"";opacity:.82;transition:opacity .42s var(--ease);background:radial-gradient(circle at 50% 58%,oklch(81% .14 78/.14),#0000 28%),linear-gradient(#0000 42%,oklch(12% .025 80/.28) 69%,oklch(12% .025 80/.72));position:absolute;inset:0}.pejabat-person img{object-fit:cover;object-position:center top;filter:saturate(1.04)contrast(1.08);width:100%;height:100%;transition:transform .92s var(--ease-quint), filter .52s var(--ease);will-change:transform;transform:scale(1.035)}.pejabat-carousel:hover .pejabat-slide.is-active .pejabat-person img,.pejabat-carousel:focus-within .pejabat-slide.is-active .pejabat-person img{filter:saturate(1.1)contrast(1.13);transform:scale(1.06)}.pejabat-person:hover img,.pejabat-person:focus-within img{filter:saturate(1.16)contrast(1.16);transform:scale(1.09)}.pejabat-person:hover:after,.pejabat-person:focus-within:after{opacity:1}.pejabat-controls{z-index:2;gap:.48rem;display:grid;position:absolute;top:50%;left:clamp(1.35rem,3vw,3.1rem);right:auto;transform:translateY(-50%)}.pejabat-dot{background:radial-gradient(circle, var(--ink-soft) 0 .22rem, transparent .24rem);opacity:.55;cursor:pointer;width:1rem;height:1rem;transition:opacity .18s var(--ease), transform .32s var(--ease-quint), background .18s var(--ease);border:0;border-radius:50%;padding:0}.pejabat-dot:hover,.pejabat-dot:focus-visible,.pejabat-dot.is-active{background:radial-gradient(circle, var(--sun) 0 .24rem, transparent .26rem);opacity:1;transform:scale(1.2)}@media (width<=900px){.pejabat-section{grid-template-columns:1fr;height:auto;min-height:auto}.pejabat-section .pejabat-intro{flex-direction:row;grid-area:1/1;justify-content:space-between;align-items:center;gap:1rem;padding:clamp(1.5rem,4vw,2.5rem) clamp(1rem,3vw,2rem)}.pejabat-carousel{grid-area:2/1;min-height:clamp(15rem,40vw,25rem)}.pejabat-grid{grid-template-columns:1fr;width:100%;max-width:370px;max-height:170px;margin:0 auto}.pejabat-grid li{aspect-ratio:3/4;max-height:none}.pejabat-grid li img{object-fit:cover;object-position:center top}.pejabat-grid li:nth-child(2),.pejabat-grid li:nth-child(3){display:none}.pejabat-person+.pejabat-person{border-top:1px solid oklch(50% .04 78/.24);border-left:none}.pejabat-controls{flex-direction:row;top:auto;bottom:1rem;left:50%;transform:translate(-50%)}}.services-section{padding:2rem clamp(1.2rem,3.5vw,3rem) clamp(3rem,5vw,5rem)}.services-heading{align-content:start;gap:.9rem;padding-top:clamp(3.3rem,6.8vw,6rem);padding-bottom:1rem;display:grid}.service-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.5rem;display:grid}.service-card{position:relative}.service-link{background:var(--paper-soft);border:1px solid var(--line);color:var(--ink);transition:background .18s var(--ease), border-color .18s var(--ease), transform .24s var(--ease);grid-template-rows:auto auto auto auto;gap:.75rem;padding:1.5rem;text-decoration:none;display:grid}.service-link:hover{background:var(--paper);border-color:var(--gold);transform:translateY(-4px)}.service-icon{background:var(--gold);border-radius:.5rem;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.service-icon svg{width:1.5rem;height:1.5rem;stroke:var(--night)}.service-title{font-family:var(--font-display);margin:0;font-size:1rem;font-weight:600}.service-desc{color:var(--ink-soft);margin:0;font-size:.85rem}.service-arrow{font-family:var(--font-mono);color:var(--gold);transition:transform .18s var(--ease);font-size:.9rem}.service-link:hover .service-arrow{transform:translate(4px)}.stats-section{grid-template-columns:minmax(12rem,20%) 1fr;gap:0;padding:2rem clamp(1.2rem,3.5vw,3rem);display:grid}.stats-content{align-content:start;gap:.9rem;padding-top:clamp(3.3rem,6.8vw,6rem);padding-right:2rem;display:grid}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));align-content:start;gap:1rem;padding:2rem 0;display:grid}.stat-card{background:var(--paper-soft);border:1px solid var(--line);text-align:center;transition:border-color .18s, transform .24s var(--ease);grid-template-rows:auto auto auto;gap:.5rem;padding:1.25rem;display:grid}.stat-card:hover{border-color:var(--gold);transform:translateY(-2px)}.stat-icon{justify-content:center;margin-bottom:.5rem;display:flex}.stat-icon svg{width:1.75rem;height:1.75rem;stroke:var(--gold)}.stat-value{font-family:var(--font-display);color:var(--ink);font-size:1.75rem;font-weight:600}.stat-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--ink-soft);font-size:.65rem}.stats-status{background:var(--paper-soft);border:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 1.25rem;display:flex}.status-indicator{align-items:center;gap:.5rem;display:flex}.status-dot{background:var(--sun);border-radius:50%;width:.5rem;height:.5rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-family:var(--font-mono);text-transform:uppercase;color:var(--ink);font-size:.7rem}.status-time{font-family:var(--font-mono);color:var(--ink-soft);margin:0;font-size:.65rem}.newsletter-section{padding:clamp(4rem,7vw,7rem) clamp(1.2rem,3.5vw,3rem)}.newsletter-content{text-align:center;max-width:36rem;margin:0 auto}.newsletter-content h2{font-family:var(--font-display);color:var(--ink);margin:0 0 1rem;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:400}.newsletter-desc{color:var(--ink-soft);margin:0 0 2rem;font-size:1rem}.newsletter-form{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.newsletter-input-wrap{flex:1;min-width:15rem;position:relative}.newsletter-icon{width:1.25rem;height:1.25rem;stroke:var(--ink-soft);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.newsletter-input{background:var(--paper);border:1px solid var(--line);width:100%;font-family:var(--font-mono);color:var(--ink);padding:.85rem 1rem .85rem 2.75rem;font-size:.85rem;transition:border-color .18s}.newsletter-input:focus{border-color:var(--gold);outline:none}.newsletter-input::placeholder{color:var(--ink-soft)}.newsletter-btn{background:var(--gold);color:var(--night);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;transition:background .18s var(--ease), transform .24s var(--ease);border:none;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.75rem;font-weight:700;display:inline-flex}.newsletter-btn:hover{background:var(--sun-deep);transform:translateY(-2px)}.newsletter-btn svg{width:1.2rem;height:1.2rem}.section-divider{background:0 0;border:none;height:6rem;margin:0;position:relative;overflow:hidden}.section-divider.wave-classic{height:5rem}.section-divider.wave-classic:before{content:"";background:var(--paper);clip-path:polygon(0 60%,100% 40%,100% 100%,0 100%);position:absolute;inset:0}.section-divider.wave-classic:after{content:"";background:var(--paper-soft);clip-path:polygon(0 80%,100% 60%,100% 100%,0 100%);position:absolute;inset:0}.section-divider.wave-rounded{height:6rem}.section-divider.wave-rounded:before{content:"";background:var(--paper);border-radius:0 0 50% 50%/0 0 100% 100%;width:120%;height:100%;position:absolute;bottom:0;left:-10%}.section-divider.wave-rounded:after{content:"";background:var(--paper-soft);border-radius:0 0 60% 60%/0 0 100% 100%;width:110%;height:70%;position:absolute;bottom:0;left:-5%}.section-divider.triangle{height:4.5rem}.section-divider.triangle:before{content:"";background:linear-gradient(135deg, transparent 49.5%, var(--gold) 49.5% 50.5%, transparent 50.5%);opacity:.3;width:100%;height:100%;position:absolute;bottom:0;left:0}.section-divider.geometric{justify-content:center;align-items:center;height:4rem;display:flex}.section-divider.geometric:before{content:"";background:linear-gradient(90deg, transparent, var(--line) 20%, var(--line) 80%, transparent);width:100%;height:1px;position:absolute}.section-divider.geometric:after{content:"â—†";z-index:1;color:var(--gold);background:var(--paper);padding:0 1rem;font-size:.75rem;position:relative}.section-divider.gold-line{justify-content:center;align-items:center;height:4rem;display:flex}.section-divider.gold-line:before{content:"";background:linear-gradient(90deg, transparent, var(--gold) 30%, var(--gold) 70%, transparent);width:100%;height:1px;position:absolute}.section-divider.gold-line:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);border-radius:2px;width:60%;height:3px;position:absolute}.section-divider.mountain{height:7rem}.section-divider.mountain:before{content:"";background:var(--paper);clip-path:polygon(0 100%,15% 30%,30% 60%,50% 0%,70% 50%,85% 25%,100% 100%);position:absolute;inset:0}.section-divider.mountain:after{content:"";background:var(--paper-soft);clip-path:polygon(0 100%,20% 50%,40% 70%,55% 30%,75% 65%,90% 40%,100% 100%);position:absolute;inset:0}.section-divider.curve{height:6rem}.section-divider.curve:before{content:"";background:var(--paper);clip-path:ellipse(80% 100% at 50% 0);position:absolute;inset:0}.section-divider.curve:after{content:"";background:var(--paper-soft);clip-path:ellipse(60% 80% at 50% 0);position:absolute;inset:0}.section-divider.slash{justify-content:center;align-items:center;gap:.5rem;height:4.5rem;display:flex}.section-divider.slash:before,.section-divider.slash:after{content:"";background:var(--line);width:40%;height:1px;position:absolute}.section-divider.slash:before{left:5%;transform:rotate(-3deg)}.section-divider.slash:after{right:5%;transform:rotate(3deg)}.section-divider.slash span{z-index:1;background:var(--paper);align-items:center;gap:.35rem;padding:0 .75rem;display:flex;position:relative}.section-divider.slash span:before,.section-divider.slash span:after{content:"";background:var(--gold);border-radius:50%;width:4px;height:4px}.section-divider.accent-hero{height:4.5rem;position:relative}.section-divider.accent-hero:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--line) 15%, var(--gold) 50%, var(--line) 85%, transparent 100%);width:100%;height:2px;position:absolute;bottom:0;left:0}.section-divider.accent-hero:after{content:"";background:var(--gold);clip-path:polygon(50% 0%,0% 100%,100% 100%);width:8px;height:8px;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%)}.section-divider.shadow-fade{background:linear-gradient(oklch(20% .015 80/.08) 0%,#0000 100%);border:none;height:4rem}.section-divider.dots{justify-content:center;align-items:center;gap:1rem;height:4rem;display:flex}.section-divider.dots span{background:var(--gold);opacity:.6;border-radius:50%;width:6px;height:6px}.section-divider.dots span:nth-child(odd){opacity:.3;width:4px;height:4px}.site-footer{color:var(--gold-bright);background:var(--night);font-family:var(--font-mono);text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem clamp(1.2rem,3vw,2rem);font-size:.7rem;display:flex}.site-footer .brand-mark{width:1.55rem}.site-footer p{color:oklch(74% .08 84/.8);margin:0}.site-footer nav{flex-wrap:wrap;gap:clamp(.8rem,2vw,1.8rem);display:flex}.site-footer nav a{color:var(--ink-soft);transition:color .18s var(--ease);text-decoration:none}.site-footer nav a:hover{color:var(--rice)}.footer-copyright{text-align:center;width:100%;color:var(--ink-soft)}.hero-page-content{max-width:36rem}.hero-page-title{font-family:var(--font-display);color:var(--ink);margin:.5rem 0 1rem;font-size:clamp(1.8rem,4vw,3rem);font-weight:400;line-height:1.1}.hero-page-content p{max-width:28rem;color:var(--ink-soft);margin:0 auto;font-size:1rem}.hero-page-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.page-content{padding:clamp(4rem,7vw,6rem) clamp(1.2rem,3.5vw,3rem) clamp(2rem,4vw,4rem)}.content-centered{max-width:1400px;margin:0 auto}.page-centered{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.page-centered-content{width:100%;max-width:28rem;margin-top:6rem}.neo-card{background:var(--paper-soft);border:1px solid var(--line);transition:border-color .18s var(--ease), box-shadow .24s var(--ease);padding:clamp(1.25rem,2.5vw,2rem)}.neo-card:hover{border-color:var(--gold);box-shadow:0 8px 30px oklch(18% .03 76/.08)}.neo-card-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.neo-card-badge{background:var(--gold);color:var(--night);font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:.5rem;padding:.3rem .8rem;font-size:.6rem;font-weight:700;display:inline-flex}.neo-grid{gap:1.25rem;display:grid}.neo-grid-2{grid-template-columns:repeat(2,1fr)}.neo-grid-3{grid-template-columns:repeat(3,1fr)}.neo-grid-4{flex-wrap:wrap;gap:1rem;display:flex}.neo-grid-4>.neo-stat-card{flex:calc(25% - 1rem);min-width:10rem;max-width:100%}.neo-service-card{background:var(--paper-soft);border:1px solid var(--line);color:var(--ink);transition:border-color .18s var(--ease), transform .24s var(--ease), box-shadow .24s var(--ease);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.neo-service-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 12px 40px oklch(18% .03 76/.1)}.neo-service-cover{aspect-ratio:16/9;position:relative;overflow:hidden}.neo-service-cover img{object-fit:cover;width:100%;height:100%;transition:transform .52s var(--ease-quint)}.neo-service-card:hover .neo-service-cover img{transform:scale(1.05)}.neo-service-cover-overlay{background:linear-gradient(0deg,oklch(12% .025 80/.85) 0 30%,#0000 60%);position:absolute;inset:0}.neo-service-tag{background:var(--gold);color:var(--night);font-family:var(--font-mono);text-transform:uppercase;padding:.2rem .6rem;font-size:.55rem;font-weight:700;position:absolute;top:.75rem;left:.75rem}.neo-service-body{flex-direction:column;flex:1;padding:1.25rem;display:flex}.neo-service-title{font-family:var(--font-display);color:var(--ink);margin:0 0 .5rem;font-size:1rem;font-weight:600}.neo-service-desc{color:var(--ink-soft);flex:1;margin:0;font-size:.85rem;line-height:1.5}.neo-service-meta{border-top:1px solid var(--line);gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.neo-service-meta-item{flex-direction:column;gap:.2rem;display:flex}.neo-service-meta-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--ink-soft);font-size:.55rem}.neo-service-meta-value{font-family:var(--font-mono);color:var(--ink);font-size:.7rem;font-weight:600}.neo-empty{text-align:center;color:var(--ink-soft);flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.neo-empty svg{opacity:.4;width:4rem;height:4rem;margin-bottom:1rem}.neo-empty-text{margin:0;font-size:.85rem}.neo-modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:oklch(20% .015 80/.8);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.neo-modal-title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1.25rem;font-weight:600}[data-reveal]{--reveal-x:0rem;--reveal-y:1.15rem;--reveal-scale:1;--reveal-blur:0px;opacity:0;filter:blur(var(--reveal-blur));transform:translate3d(var(--reveal-x), var(--reveal-y), 0) scale(var(--reveal-scale));transition:opacity .7s var(--ease), filter .82s var(--ease), transform .92s var(--ease-quint);transition-delay:var(--reveal-delay,0s);will-change:opacity, filter, transform}[data-reveal].is-visible{opacity:1;filter:blur();will-change:auto;transform:translate(0,0)scale(1)}.hero-copy[data-reveal]{--reveal-x:-1.1rem;--reveal-y:0rem;--reveal-blur:2px}.hero-art[data-reveal]{--reveal-x:.9rem;--reveal-y:0rem;--reveal-scale:1.025;--reveal-blur:8px;transform-origin:50%}.mobile-nav{z-index:100;background:var(--paper);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.mobile-nav.hidden{display:none}.mobile-nav-close{background:var(--paper-soft);border:1px solid var(--line);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;position:absolute;top:1.5rem;right:1.5rem}.mobile-nav-close svg{width:1.5rem;height:1.5rem;stroke:var(--ink)}.mobile-nav nav{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.mobile-nav nav a{font-family:var(--font-display);color:var(--ink);text-transform:uppercase;font-size:1.5rem;font-weight:500;text-decoration:none;transition:color .18s}.mobile-nav nav a:hover{color:var(--gold)}.mobile-nav-cta{border-radius:2rem;padding:.75rem 2rem;background:var(--gold)!important;color:var(--night)!important;font-family:var(--font-mono)!important;font-size:.8rem!important}.mobile-nav-cta-highlight{animation:2s ease-in-out infinite pulse-glow;background:linear-gradient(135deg, var(--gold) 0%, var(--sun-deep) 100%)!important;color:var(--night)!important;font-weight:700!important;box-shadow:0 4px 20px oklch(50% .15 50/.35)!important}.site-nav .nav-layanan{transition:color .18s var(--ease), transform .24s var(--ease);align-items:center;gap:.35rem;font-weight:700;display:inline-flex}.site-nav .nav-layanan:hover{color:var(--gold);transform:translateY(-1px)}.site-nav .nav-layanan svg{opacity:.7;transition:opacity .18s var(--ease)}.site-nav .nav-layanan:hover svg{opacity:1}.user-menu-wrapper{position:relative}.user-menu-btn{border:1px solid var(--line);cursor:pointer;transition:border-color .18s var(--ease), background .18s var(--ease);background:0 0;border-radius:2rem;align-items:center;gap:.6rem;padding:.4rem .8rem;display:flex}.user-menu-btn:hover{border-color:var(--gold);background:var(--paper-soft)}.user-pp{object-fit:cover;border:1px solid var(--gold);border-radius:50%;width:2rem;height:2rem}.user-pp-placeholder{background:var(--gold);width:2rem;height:2rem;color:var(--night);font-family:var(--font-mono);border:1px solid var(--gold);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.user-info{flex-direction:column;align-items:flex-start;gap:.1rem;display:flex}.user-name{font-family:var(--font-display);color:var(--ink);font-size:.8rem;font-weight:600;line-height:1.1}.user-role{font-family:var(--font-mono);color:var(--ink-soft);text-transform:uppercase;font-size:.6rem}.user-chevron{transition:transform .18s var(--ease);color:var(--ink-soft)}.user-chevron.is-open{transform:rotate(180deg)}.user-dropdown{background:var(--paper);border:1px solid var(--line);z-index:100;border-radius:.5rem;min-width:180px;padding:.5rem;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 8px 30px oklch(18% .03 76/.12)}.user-dropdown-item{font-family:var(--font-mono);color:var(--ink);transition:background .18s var(--ease), color .18s var(--ease);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.35rem;align-items:center;gap:.6rem;width:100%;padding:.6rem .75rem;font-size:.75rem;text-decoration:none;display:flex}.user-dropdown-item:hover{background:var(--paper-soft);color:var(--gold)}.user-dropdown-item svg{opacity:.7;flex-shrink:0}.user-dropdown-item:hover svg{opacity:1}.user-dropdown-divider{background:var(--line);height:1px;margin:.5rem 0}.user-dropdown-logout{color:#dc2626}.user-dropdown-logout:hover{color:#dc2626;background:#fef2f2}@keyframes pulse-glow{0%,to{box-shadow:0 4px 20px oklch(50% .15 50/.35)}50%{box-shadow:0 4px 30px oklch(50% .2 50/.5)}}@media (width<=900px){.featured-section,.latest-section,.stats-section,.featured-grid{grid-template-columns:1fr}}@media (width<=760px){.site-header{grid-template-columns:auto 1fr auto}.nav-toggle{min-height:44px;color:var(--ink);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;z-index:101;background:0 0;border:0;justify-self:end;align-items:center;gap:.7rem;padding:0;font-size:.7rem;display:inline-flex;position:relative}.nav-toggle i,.nav-toggle i:before,.nav-toggle i:after{content:"";width:1.55rem;height:1px;transition:transform .24s var(--ease), opacity .18s var(--ease);background:currentColor;display:block}.nav-toggle i{position:relative}.nav-toggle i:before,.nav-toggle i:after{position:absolute;left:0}.nav-toggle i:before{top:-.45rem}.nav-toggle i:after{top:.45rem}.nav-toggle[aria-expanded=true] i{background:0 0}.nav-toggle[aria-expanded=true] i:before{transform:translateY(.45rem)rotate(45deg)}.nav-toggle[aria-expanded=true] i:after{transform:translateY(-.45rem)rotate(-45deg)}.site-nav,.ticket-pill{display:none}.hero{flex-direction:column;height:auto;min-height:100svh;display:flex}.hero:after{display:none}.hero-copy{padding:calc(74px + 2.25rem) 1rem 2rem}.hero h1{font-size:clamp(2rem,8vw,3.5rem)}.hero-art{min-height:40vh}.slideshow-content{max-width:80%}.slideshow-overlay{background:linear-gradient(0deg,oklch(94% .035 78/.95) 0 40%,#0000 60%)}.latest-panel{padding:2rem 1rem}.latest-panel:after{display:none}.agenda-days li{grid-template-columns:3.5rem 1fr;gap:1rem}.agenda-days li:before{left:4rem}.agenda-days li:not(:last-child):after{left:4.44rem}.site-footer{text-align:center;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));flex-direction:column;gap:1rem}.site-footer nav{justify-content:center}.pejabat-section{padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px))}}@media (width<=540px){.service-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.newsletter-form{flex-direction:column}.newsletter-input-wrap{min-width:100%}}@media (width<=768px){.news-list-item a{flex-direction:column!important}.news-list-item a>div:first-child{width:100%!important;min-width:unset!important;aspect-ratio:16/9!important}}.neo-stat-card{text-align:center;background:var(--paper-soft);border:1px solid var(--line);transition:border-color .2s var(--ease), transform .3s var(--ease), box-shadow .3s var(--ease);border-radius:1.25rem;flex-direction:column;align-items:center;padding:1.5rem 1rem;display:flex}.neo-stat-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 12px 40px oklch(18% .03 76/.1)}.neo-stat-icon{width:3.5rem;height:3.5rem;transition:background .2s var(--ease), transform .2s var(--ease);background:oklch(94% .035 78/.6);border-radius:1rem;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.neo-stat-card:hover .neo-stat-icon{background:var(--gold);transform:scale(1.1)}.neo-stat-icon svg{width:1.75rem;height:1.75rem;stroke:var(--ink);transition:stroke .2s var(--ease)}.neo-stat-card:hover .neo-stat-icon svg{stroke:var(--night)}.neo-stat-value{font-family:var(--font-display);color:var(--ink);margin-bottom:.25rem;font-size:2rem;font-weight:700;line-height:1.1}.neo-stat-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);font-size:.65rem;font-weight:600}.neo-stat-card-total .neo-stat-icon{background:oklch(94% .035 78/.6)}.neo-stat-card-success .neo-stat-icon{background:oklch(70% .12 145/.12)}.neo-stat-card-success .neo-stat-icon svg{stroke:#16a34a}.neo-stat-card-success .neo-stat-value{color:#16a34a}.neo-stat-card-warning .neo-stat-icon{background:oklch(76% .14 70/.12)}.neo-stat-card-warning .neo-stat-icon svg{stroke:#d97706}.neo-stat-card-warning .neo-stat-value{color:#d97706}.neo-stat-card-danger .neo-stat-icon{background:oklch(65% .18 25/.12)}.neo-stat-card-danger .neo-stat-icon svg{stroke:#dc2626}.neo-stat-card-danger .neo-stat-value{color:#dc2626}.neo-stat-card-action{background:linear-gradient(135deg, var(--gold) 0%, var(--sun-deep) 100%);border-color:var(--gold);position:relative}.neo-stat-card-action .neo-stat-icon{background:#ffffff40}.neo-stat-card-action .neo-stat-icon svg{stroke:var(--night)}.neo-stat-card-action .neo-stat-value,.neo-stat-card-action .neo-stat-label{color:var(--night)}.neo-stat-card-action:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 16px 48px oklch(50% .15 50/.3)}.neo-stat-action-btn{background:var(--gold);width:2.5rem;height:2.5rem;color:var(--night);font-family:var(--font-display);cursor:pointer;transition:transform .2s var(--ease), background .2s var(--ease);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex;position:absolute;bottom:-1rem;right:1rem;box-shadow:0 4px 12px oklch(50% .15 50/.3)}.neo-stat-action-btn:hover{background:var(--sun-deep);transform:scale(1.1)}.neo-stat-action-overlay{text-align:center;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;flex-direction:column;align-items:center;padding:0;display:flex}.neo-btn{background:var(--gold);color:var(--night);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:background .18s var(--ease), transform .24s var(--ease), box-shadow .24s var(--ease);border:none;border-radius:2rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.7rem;font-weight:700;text-decoration:none;display:inline-flex}.neo-btn:hover{background:var(--sun-deep);transform:translateY(-2px);box-shadow:0 8px 24px oklch(50% .15 50/.25)}.neo-btn-icon{stroke:currentColor;width:1.25rem;height:1.25rem}@media (width<=640px){.neo-grid-4{grid-template-columns:repeat(2,1fr)}.neo-stat-card{padding:1.25rem .75rem}.neo-stat-value{font-size:1.75rem}}.neo-modal-badge{background:var(--gold);color:var(--night);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border-radius:2rem;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.7rem;font-weight:700;display:inline-flex}.neo-modal-badge-icon{stroke:currentColor;width:1rem;height:1rem}.neo-modal-subtitle{font-family:var(--font-mono);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem;font-size:.7rem}.neo-modal-close{border:1px solid var(--line);width:2.5rem;height:2.5rem;color:var(--ink-soft);cursor:pointer;transition:all .18s var(--ease);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.neo-modal-close:hover{background:var(--gold);border-color:var(--gold);color:var(--night)}.neo-modal-close svg{stroke:currentColor;width:1.25rem;height:1.25rem}.neo-modal-body{max-height:calc(90vh - 120px);padding:2rem;overflow-y:auto}.neo-modal-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.neo-form-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink);margin-bottom:.5rem;font-size:.7rem;font-weight:600;display:block}.neo-form-label-sm{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-bottom:.35rem;font-size:.65rem;font-weight:500;display:block}.neo-form-input{background:var(--paper);border:1px solid var(--line);width:100%;font-family:var(--font-mono);color:var(--ink);transition:border-color .18s var(--ease), box-shadow .18s var(--ease);border-radius:.75rem;padding:.75rem 1rem;font-size:.85rem}.neo-form-input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px oklch(50% .15 50/.15)}.neo-form-input::placeholder{color:var(--ink-soft)}.neo-form-textarea{background:var(--paper);border:1px solid var(--line);width:100%;font-family:var(--font-body);color:var(--ink);resize:vertical;min-height:120px;transition:border-color .18s var(--ease), box-shadow .18s var(--ease);border-radius:.75rem;padding:.75rem 1rem;font-size:.9rem}.neo-form-textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px oklch(50% .15 50/.15)}.neo-form-section{margin-bottom:2rem}.neo-form-section-title{font-family:var(--font-display);color:var(--ink);border-bottom:2px solid var(--gold);margin-bottom:1rem;padding-bottom:.75rem;font-size:1rem;font-weight:600}.neo-platform-card{background:var(--paper-soft);border:1px solid var(--line);transition:border-color .18s var(--ease);border-radius:1rem;margin-bottom:1rem;padding:1.25rem}.neo-platform-card:hover{border-color:var(--gold)}.neo-platform-header{border-bottom:1px solid var(--line);align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.neo-platform-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink);font-size:.85rem;font-weight:700}.neo-posting-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin-bottom:.75rem;font-size:.65rem;font-weight:600}.neo-posting-label-last{color:var(--sun-deep)}.neo-btn-secondary{color:var(--ink);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line);cursor:pointer;transition:all .18s var(--ease);background:0 0;border-radius:2rem;align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-size:.7rem;font-weight:600;display:inline-flex}.neo-btn-secondary:hover{border-color:var(--gold);color:var(--gold)}@media (width<=640px){.neo-modal-body{padding:1.25rem}.neo-platform-card .neo-grid-2{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.neo-mirai,.neo-mirai *,.neo-mirai :before,.neo-mirai :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;filter:none;transform:none}}.ppid-layout{flex-direction:column;min-height:100vh;display:flex}.neo-ppid{--ppid-primary:#0891b2;--ppid-primary-dark:#0e7490;--ppid-primary-light:#06b6d4;--ppid-accent:#f59e0b;--ppid-bg:#fafaf9;--ppid-sidebar-width:300px;--ppid-header-height:74px}.ppid-header{z-index:30;min-height:74px;padding:max(.7rem, env(safe-area-inset-top)) clamp(1rem, 2.7vw, 2rem) .7rem;color:var(--ink);transition:background .3s var(--ease), box-shadow .3s var(--ease);background:linear-gradient(oklch(94% .035 78/.94),oklch(94% .035 78/.72),#0000);grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;display:grid;position:fixed;top:0;left:0;right:0}.ppid-header.is-scrolled{background:var(--paper);border-bottom:1px solid oklch(58% .06 76/.25);box-shadow:0 18px 50px oklch(18% .03 76/.08)}.ppid-header-top{border-bottom:1px solid oklch(58% .06 76/.1);justify-content:space-between;align-items:center;padding:.75rem clamp(1rem,2vw,2rem);display:flex}.ppid-header-brand{align-items:center;gap:1rem;display:flex}.ppid-header-logo{color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:flex}.ppid-header-logo .brand-lockup{align-items:center;gap:.62rem;min-height:44px;display:inline-flex}.ppid-header-actions{align-items:center;gap:1rem;display:flex}.nav-dropdown{position:relative}.nav-dropdown-toggle{min-height:44px;color:var(--ink-soft);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:color .18s var(--ease);background:0 0;border:none;align-items:center;gap:.4rem;padding:0;font-size:.62rem;display:inline-flex}.nav-dropdown-toggle svg{transition:transform .2s var(--ease)}.nav-dropdown-toggle:hover,.nav-dropdown-toggle.is-open{color:var(--ink)}.nav-dropdown-toggle.is-open svg{transform:rotate(180deg)}.nav-dropdown-menu{background:var(--paper);z-index:50;border:1px solid oklch(58% .06 76/.15);border-radius:.75rem;min-width:200px;margin-top:.5rem;padding:.5rem;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 16px 40px oklch(18% .03 76/.15)}.nav-dropdown-menu a{color:var(--ink-soft);transition:all .15s var(--ease);border-radius:.5rem;padding:.5rem .75rem;font-size:.78rem;text-decoration:none;display:block}.nav-dropdown-menu a:hover{color:var(--ink);background:oklch(58% .06 76/.08)}.nav-dropdown-menu a.is-active{color:var(--ink);background:oklch(58% .06 76/.12);font-weight:500}.nav-dropdown-wide{gap:0;min-width:420px;display:flex}.nav-dropdown-section{border-right:1px solid oklch(58% .06 76/.1);flex:1;padding-right:1rem}.nav-dropdown-section:last-child{border-right:none;padding-right:0}.nav-dropdown-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);padding:.5rem .75rem .25rem;font-size:.6rem;font-weight:600;display:block}.ppid-header-badge{background:var(--ppid-primary);color:#fff;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;transition:all .2s var(--ease);border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.65rem;font-weight:600;text-decoration:none;display:inline-flex}.ppid-header-badge:hover{background:var(--ppid-primary-dark);transform:translateY(-2px);box-shadow:0 8px 24px oklch(50% .15 190/.3)}.ppid-header-badge svg{width:14px;height:14px}.ppid-dropdown-link.is-active{color:var(--ppid-primary);background:oklch(8% .15 190/.1);font-weight:500}.ppid-nav-toggle-btn{cursor:pointer;width:44px;height:44px;transition:all .2s var(--ease);background:0 0;border:1px solid oklch(58% .06 76/.25);border-radius:.75rem;justify-content:center;align-items:center;display:none}.ppid-nav-toggle-btn:hover{background:var(--ppid-primary);border-color:var(--ppid-primary);color:#fff}.ppid-mobile-menu{top:var(--ppid-header-height);z-index:25;background:#fff;padding:1rem;display:none;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.ppid-mobile-menu.is-open{display:block}.ppid-mobile-nav{margin:0;padding:0;list-style:none}.ppid-mobile-nav-item{border-bottom:1px solid oklch(58% .06 76/.1)}.ppid-mobile-nav-link,.ppid-mobile-nav-toggle{width:100%;color:var(--ink);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1rem 0;font-size:.78rem;text-decoration:none;display:flex}.ppid-mobile-nav-toggle.is-active{color:var(--ppid-primary)}.ppid-mobile-submenu{padding:0 0 .5rem 1rem;list-style:none;display:none}.ppid-mobile-submenu.is-open{display:block}.ppid-mobile-submenu-link{color:var(--ink-soft);padding:.5rem 0;font-size:.75rem;text-decoration:none;display:block}.ppid-mobile-submenu-link.is-active{color:var(--ppid-primary);font-weight:500}.ppid-main{min-height:100vh;padding-top:74px}.ppid-hero{text-align:center;background:linear-gradient(oklch(94% .035 78/.3),oklch(94% .035 78/.6));justify-content:center;align-items:center;min-height:400px;padding:3rem 2rem;display:flex;position:relative;overflow:hidden}.ppid-hero-bg{z-index:0;position:absolute;inset:0}.ppid-hero-bg img{object-fit:cover;object-position:center;width:100%;height:100%}.ppid-hero-bg:after{content:"";background:linear-gradient(oklch(94% .035 78/.7),oklch(94% .035 78/.85));position:absolute;inset:0}.ppid-hero-content{z-index:1;max-width:800px;position:relative}.ppid-hero-badge{background:var(--ppid-primary);color:#fff;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.25rem;font-size:.65rem;font-weight:600;display:inline-flex}.ppid-hero-title{font-family:var(--font-display);text-transform:uppercase;color:var(--ink);margin:0 0 1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:300;line-height:1.1}.ppid-hero-title span{color:var(--ppid-primary);font-weight:600;display:block}.ppid-hero-subtitle{font-family:var(--font-body);color:var(--ink-soft);max-width:600px;margin:0 auto;font-size:clamp(1rem,2vw,1.25rem)}.ppid-page{max-width:1200px;margin:0 auto;padding:3rem 2rem}.ppid-page-header{border-bottom:1px solid oklch(58% .06 76/.15);margin-bottom:2.5rem;padding-bottom:1.5rem}.ppid-page-title{font-family:var(--font-display);color:var(--ink);margin:0 0 .5rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:600}.ppid-page-subtitle{color:var(--ink-soft);margin:0;font-size:1rem}.ppid-page-breadcrumb{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.7rem;display:flex}.ppid-page-breadcrumb a{color:var(--ppid-primary);text-decoration:none}.ppid-page-breadcrumb a:hover{text-decoration:underline}.ppid-page-breadcrumb span{color:var(--ink-soft)}.ppid-section{margin-bottom:3rem}.ppid-section-title{font-family:var(--font-display);color:var(--ink);border-bottom:2px solid var(--ppid-primary);margin:0 0 1.5rem;padding-bottom:.75rem;font-size:1.25rem;font-weight:600;display:inline-block}.ppid-section-content{font-family:var(--font-body);color:var(--ink);line-height:1.8}.ppid-section-content p{margin:0 0 1rem}.ppid-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.ppid-card{transition:all .3s var(--ease);background:#fff;border:1px solid oklch(58% .06 76/.15);border-radius:1.25rem;padding:1.5rem}.ppid-card:hover{border-color:var(--ppid-primary);transform:translateY(-4px);box-shadow:0 16px 40px oklch(18% .03 76/.12)}.ppid-card-icon{width:56px;height:56px;color:var(--ppid-primary);background:oklch(8% .15 190/.1);border-radius:1rem;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.ppid-card-icon svg{width:28px;height:28px}.ppid-card-title{font-family:var(--font-display);color:var(--ink);margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.ppid-card-text{color:var(--ink-soft);margin:0;font-size:.9rem;line-height:1.6}.ppid-info-box{border:1px solid oklch(8% .15 190/.2);border-left:4px solid var(--ppid-primary);background:linear-gradient(135deg,oklch(8% .15 190/.05),oklch(8% .15 190/.1));border-radius:1rem;margin:1.5rem 0;padding:1.5rem}.ppid-info-box-title{font-family:var(--font-display);color:var(--ppid-primary);margin:0 0 .5rem;font-size:1rem;font-weight:600}.ppid-info-box-text{color:var(--ink);margin:0;font-size:.9rem;line-height:1.7}.ppid-list{margin:1rem 0;padding:0;list-style:none}.ppid-list li{border-bottom:1px solid oklch(58% .06 76/.1);align-items:flex-start;gap:.75rem;padding:.75rem 0;display:flex}.ppid-list li:last-child{border-bottom:none}.ppid-list li:before{content:"";background:var(--ppid-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:.4rem}.ppid-timeline{padding-left:2rem;position:relative}.ppid-timeline:before{content:"";background:linear-gradient(180deg, var(--ppid-primary), #14507833);background:linear-gradient(180deg, var(--ppid-primary), oklch(8% .15 190/.2));width:2px;position:absolute;top:0;bottom:0;left:0}.ppid-timeline-item{padding-bottom:2rem;position:relative}.ppid-timeline-item:last-child{padding-bottom:0}.ppid-timeline-item:before{content:"";background:var(--ppid-primary);width:12px;height:12px;box-shadow:0 0 0 2px var(--ppid-primary);border:2px solid #fff;border-radius:50%;position:absolute;top:.25rem;left:-2rem;transform:translate(-5px)}.ppid-timeline-number{font-family:var(--font-mono);color:var(--ppid-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem;font-size:.7rem;font-weight:600}.ppid-timeline-title{font-family:var(--font-display);color:var(--ink);margin:0 0 .5rem;font-size:1rem;font-weight:600}.ppid-timeline-text{color:var(--ink-soft);margin:0;font-size:.9rem;line-height:1.7}.ppid-btn{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;transition:all .2s var(--ease);cursor:pointer;border:none;border-radius:2rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.72rem;font-weight:600;text-decoration:none;display:inline-flex}.ppid-btn-primary{background:var(--ppid-primary);color:#fff}.ppid-btn-primary:hover{background:var(--ppid-primary-dark);transform:translateY(-2px);box-shadow:0 8px 24px oklch(50% .15 190/.3)}.ppid-btn-secondary{color:var(--ppid-primary);border:1px solid var(--ppid-primary);background:#fff}.ppid-btn-secondary:hover{background:oklch(8% .15 190/.1)}.ppid-form-group{margin-bottom:1.5rem}.ppid-form-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink);margin-bottom:.5rem;font-size:.72rem;font-weight:600;display:block}.ppid-form-input{width:100%;transition:all .2s var(--ease);background:#fff;border:1px solid oklch(58% .06 76/.25);border-radius:.75rem;padding:.875rem 1.25rem;font-size:.95rem}.ppid-form-input:focus{border-color:var(--ppid-primary);outline:none;box-shadow:0 0 0 3px oklch(8% .15 190/.15)}.ppid-table{border-collapse:collapse;background:#fff;border-radius:1rem;width:100%;overflow:hidden;box-shadow:0 4px 16px oklch(18% .03 76/.08)}.ppid-table th{background:var(--ppid-primary);color:#fff;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;text-align:left;padding:1rem 1.25rem;font-size:.72rem;font-weight:600}.ppid-table td{color:var(--ink);border-bottom:1px solid oklch(58% .06 76/.1);padding:1rem 1.25rem;font-size:.9rem}.ppid-table tr:last-child td{border-bottom:none}.ppid-table tr:hover td{background:oklch(58% .06 76/.05)}.ppid-footer{background:var(--ink);color:#fff;margin-top:auto;padding:3rem 2rem}.ppid-footer-inner{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.ppid-footer-brand{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.ppid-footer-brand .brand-lockup{color:#fff;align-items:center;gap:.62rem;text-decoration:none;display:inline-flex}.ppid-footer-brand .brand-word{color:#fff}.ppid-footer-title{font-family:var(--font-display);margin:0 0 1rem;font-size:1rem;font-weight:600}.ppid-footer-text{color:oklch(73% .06 76);margin:0;font-size:.9rem;line-height:1.7}.ppid-footer-links{margin:0;padding:0;list-style:none}.ppid-footer-links li{margin-bottom:.5rem}.ppid-footer-links a{color:oklch(73% .06 76);font-size:.9rem;text-decoration:none;transition:color .2s}.ppid-footer-links a:hover{color:#fff}.ppid-footer-bottom{text-align:center;max-width:1200px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:oklch(58% .06 76);border-top:1px solid oklch(58% .06 76/.3);margin:2rem auto 0;padding-top:2rem;font-size:.7rem}.ppid-overlay{z-index:25;background:oklch(18% .03 76/.5);display:none;position:fixed;inset:0}.ppid-overlay.is-visible{display:block}.ppid-quick-links{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem;display:grid}.ppid-quick-link{color:var(--ink);transition:all .2s var(--ease);background:#fff;border:1px solid oklch(58% .06 76/.15);border-radius:1rem;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-size:.85rem;font-weight:500;text-decoration:none;display:flex}.ppid-quick-link:hover{border-color:var(--ppid-primary);background:oklch(8% .15 190/.05);transform:translate(4px)}.ppid-quick-link svg{width:20px;height:20px;color:var(--ppid-primary)}.ppid-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin:2rem 0;display:grid}.ppid-stat{text-align:center;background:#fff;border:1px solid oklch(58% .06 76/.15);border-radius:1.25rem;padding:2rem 1rem}.ppid-stat-value{font-family:var(--font-display);color:var(--ppid-primary);margin-bottom:.5rem;font-size:2.5rem;font-weight:700;line-height:1}.ppid-stat-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);font-size:.7rem}@media (width<=1024px){.ppid-nav-toggle-btn{display:flex}.ppid-sidebar{transform:translate(-100%)}.ppid-sidebar.is-open{transform:translate(0)}.ppid-content{margin-left:0}}.neo-unit-card{background:var(--paper-soft);border:1px solid var(--line);color:var(--ink);transition:border-color .24s var(--ease), transform .3s var(--ease), box-shadow .3s var(--ease);border-radius:1rem;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.neo-unit-card:hover{border-color:var(--gold);box-shadow:0 20px 50px #2a262326, 0 0 0 1px var(--gold);box-shadow:0 20px 50px oklch(18% .03 76/.15), 0 0 0 1px var(--gold);transform:translateY(-6px)}.neo-unit-card-visual{aspect-ratio:1;width:100%;position:relative;overflow:hidden}.neo-unit-card-img{object-fit:cover;width:100%;height:100%;transition:transform .52s var(--ease-quint)}.neo-unit-card:hover .neo-unit-card-img{transform:scale(1.08)}.neo-unit-card-placeholder{aspect-ratio:1;background:linear-gradient(135deg, var(--paper) 0%, var(--paper-soft) 100%);width:100%;height:100%;color:var(--ink-soft);justify-content:center;align-items:center;display:flex}.neo-unit-card-placeholder svg{opacity:.3;width:4rem;height:4rem}.neo-unit-card-overlay{background:linear-gradient(oklch(12% .025 80/.3),oklch(12% .025 80/.1) 30%,oklch(12% .025 80/.6) 70%,oklch(12% .025 80/.9));position:absolute;inset:0}.neo-unit-card-header{justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:1rem;left:1rem;right:1rem}.neo-unit-card-badge{background:var(--gold);color:var(--night);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border-radius:2rem;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.6rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px oklch(50% .15 76/.3)}.neo-unit-card-footer{padding:1.25rem;position:absolute;bottom:0;left:0;right:0}.neo-unit-card-title{font-family:var(--font-display);color:#fff;text-shadow:0 2px 8px oklch(0% 0 0/.3);margin:0;font-size:1.35rem;font-weight:700;line-height:1.2}.neo-unit-card-leader-section{background:var(--paper);border-top:1px solid var(--line);align-items:center;gap:.875rem;padding:1rem 1.25rem;display:flex}.neo-unit-card-leader-photo{border:2px solid var(--gold);border-radius:50%;flex-shrink:0;width:3.25rem;height:3.25rem;position:relative;overflow:hidden;box-shadow:0 4px 12px oklch(30% .1 76/.2)}.neo-unit-card-leader-img{object-fit:cover;width:100%;height:100%}.neo-unit-card-leader-initials{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);width:100%;height:100%;color:var(--night);font-family:var(--font-display);justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.neo-unit-card-leader-info{flex-direction:column;min-width:0;display:flex}.neo-unit-card-leader-jabatan{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--gold);margin-bottom:.2rem;font-size:.6rem;font-weight:700}.neo-unit-card-leader-name{font-family:var(--font-display);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.neo-unit-card-stats{background:var(--paper);border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.neo-unit-card-stat{color:var(--gold);align-items:center;gap:.75rem;display:flex}.neo-unit-card-stat>div{flex-direction:column;display:flex}.neo-unit-card-stat-value{font-family:var(--font-display);color:var(--ink);font-size:1.1rem;font-weight:700;line-height:1}.neo-unit-card-stat-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--ink-soft);letter-spacing:.05em;margin-top:.2rem;font-size:.6rem;font-weight:600}.neo-unit-card-action{background:var(--gold);color:var(--night);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;transition:background .2s var(--ease), transform .2s var(--ease);border-radius:2rem;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.7rem;font-weight:700;display:flex}.neo-unit-card:hover .neo-unit-card-action{background:var(--gold-bright);transform:translate(2px)}.neo-unit-card-action svg{transition:transform .2s var(--ease)}.neo-unit-card:hover .neo-unit-card-action svg{transform:translate(4px)}.neo-grid-unit-lg{grid-template-columns:repeat(4,1fr);justify-content:center;gap:1.5rem;display:grid}@media (width<=1280px){.neo-grid-unit-lg{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.neo-grid-unit-lg{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.neo-grid-unit-lg{grid-template-columns:1fr}}.neo-tabs{background:var(--paper);border:1px solid var(--line);border-radius:1rem;flex-wrap:wrap;justify-content:center;gap:.75rem;padding:.75rem;display:flex}.neo-tab{color:var(--ink-soft);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s var(--ease);background:0 0;border:1px solid #0000;border-radius:.5rem;align-items:center;gap:.6rem;padding:.875rem 1.5rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.neo-tab svg{width:1.1rem;height:1.1rem;transition:transform .2s var(--ease)}.neo-tab:hover{color:var(--ink);background:var(--paper-soft);border-color:var(--line)}.neo-tab:hover svg{transform:scale(1.1)}.neo-tab.is-active{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);color:var(--night);border-color:#0000;box-shadow:0 4px 12px oklch(50% .15 76/.3)}.neo-tab.is-active svg{transform:scale(1.1)}.neo-tab-count{opacity:.7;font-size:.75rem;font-weight:400}.neo-tab.is-active .neo-tab-count{opacity:.9}.neo-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;display:flex}.neo-pagination>*{justify-content:center;align-items:center;display:inline-flex}.neo-pagination a,.neo-pagination span{min-width:2.5rem;height:2.5rem;font-family:var(--font-mono);color:var(--ink-soft);background:var(--paper);border:1px solid var(--line);transition:all .2s var(--ease);border-radius:.5rem;justify-content:center;align-items:center;padding:0 .75rem;font-size:.7rem;font-weight:600;text-decoration:none;display:inline-flex}.neo-pagination a:hover:not(.disabled):not(.dots){color:var(--ink);background:var(--paper-soft);border-color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 12px oklch(18% .03 76/.1)}.neo-pagination .active span,.neo-pagination .current{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);color:var(--night);border-color:#0000;font-weight:700;box-shadow:0 4px 12px oklch(50% .15 76/.3)}.neo-pagination .disabled,.neo-pagination .paginate_button.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.neo-pagination .dots{cursor:default;background:0 0;border-color:#0000}.neo-pagination .previous,.neo-pagination .next{background:var(--paper);border:1px solid var(--line);gap:.35rem;padding:0 1rem}.neo-pagination .previous:hover,.neo-pagination .next:hover{background:var(--gold);color:var(--night);border-color:var(--gold)}.neo-person-card{background:var(--paper-soft);border:1px solid var(--line);text-align:center;transition:all .24s var(--ease);border-radius:1.25rem;flex-direction:column;align-items:center;padding:2rem 1.5rem;display:flex;position:relative}.neo-person-card:hover{border-color:var(--gold);transform:translateY(-6px);box-shadow:0 16px 48px oklch(18% .03 76/.12)}.neo-person-photo-wrapper{margin-bottom:1.25rem;position:relative}.neo-person-photo-wrapper-featured{margin-bottom:1.5rem}.neo-person-photo{border:4px solid var(--gold);border-radius:50%;width:7rem;height:7rem;overflow:hidden;box-shadow:0 8px 24px oklch(30% .1 76/.25)}.neo-person-photo-featured{border-width:5px;width:10rem;height:10rem}.neo-person-photo-img{object-fit:cover;width:100%;height:100%}.neo-person-avatar{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);width:7rem;height:7rem;color:var(--night);font-family:var(--font-display);border:4px solid var(--gold);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 8px 24px oklch(30% .1 76/.25)}.neo-person-avatar-featured{width:10rem;height:10rem;font-size:2.25rem}.neo-person-info{flex-direction:column;align-items:center;width:100%;display:flex}.neo-person-name{font-family:var(--font-display);color:var(--ink);margin:0 0 .35rem;font-size:1.15rem;font-weight:700;line-height:1.3}.neo-person-role{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--gold);margin:0 0 1rem;font-size:.7rem;font-weight:600}.neo-person-meta{background:var(--paper);font-family:var(--font-mono);color:var(--ink-soft);border-radius:2rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.65rem;display:flex}.neo-person-meta svg{opacity:.6;flex-shrink:0}.neo-leader-section{background:var(--paper);border:1px solid var(--line);border-radius:1.5rem;flex-wrap:wrap;justify-content:center;gap:3rem;margin-bottom:3rem;padding:2rem;display:flex}.neo-leader-main{flex:none}.neo-leader-sidebar{flex:1;min-width:280px;max-width:600px}.neo-leader-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--gold);text-align:center;margin-bottom:1rem;font-size:.7rem;font-weight:700}.neo-kaurs-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;width:100%;display:grid}.neo-people-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (width<=1200px){.neo-people-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.neo-people-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.neo-people-grid{grid-template-columns:1fr}}.neo-section-header{text-align:center;border-top:1px solid var(--line);flex-direction:column;align-items:center;margin:2rem 0 2.5rem;padding:1.5rem 0;display:flex}.neo-section-step{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--gold);margin-bottom:.5rem;font-size:.65rem;font-weight:700}.neo-section-title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1.75rem;font-weight:700}.neo-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.neo-empty-state svg{width:4rem;height:4rem;color:var(--ink-soft);opacity:.3;margin-bottom:1.5rem}.neo-empty-title{font-family:var(--font-display);color:var(--ink);margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.neo-empty-text{color:var(--ink-soft);margin:0;font-size:.9rem}.neo-pagination-wrapper{margin-top:2rem}.neo-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem;display:flex}.neo-pagination-btn{background:var(--paper);border:1px solid var(--line);min-width:2.75rem;height:2.75rem;color:var(--ink-soft);transition:all .2s var(--ease);border-radius:.5rem;justify-content:center;align-items:center;padding:0 .5rem;text-decoration:none;display:inline-flex}.neo-pagination-btn:hover{color:var(--ink);background:var(--paper-soft);border-color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 12px oklch(18% .03 76/.1)}.neo-pagination-btn-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.neo-pagination-page{background:var(--paper);border:1px solid var(--line);min-width:2.75rem;height:2.75rem;font-family:var(--font-mono);color:var(--ink-soft);transition:all .2s var(--ease);border-radius:.5rem;justify-content:center;align-items:center;padding:0 .75rem;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.neo-pagination-page:hover:not(.neo-pagination-page-active){color:var(--ink);background:var(--paper-soft);border-color:var(--gold);transform:translateY(-2px)}.neo-pagination-page-active{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);color:var(--night);border-color:#0000;font-weight:700;box-shadow:0 4px 12px oklch(50% .15 76/.3)}.neo-pagination-dots{min-width:2rem;height:2.75rem;color:var(--ink-soft);justify-content:center;align-items:center;font-size:.85rem;display:inline-flex}.neo-pagination-footer{border-top:1px solid var(--line);flex-direction:column;align-items:center;gap:1rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}.neo-pagination-info{font-family:var(--font-mono);color:var(--ink-soft);align-items:center;gap:.5rem;font-size:.7rem;display:flex}.neo-pagination-info svg{opacity:.6}.neo-pagination-info strong{color:var(--ink);font-weight:700}.neo-pagination-divider{opacity:.4}.neo-pagination-jump{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.neo-pagination-jump label,.neo-pagination-jump span{font-family:var(--font-mono);color:var(--ink-soft);font-size:.7rem}.neo-pagination-jump-input{background:var(--paper);border:1px solid var(--line);width:5rem;height:2.5rem;font-family:var(--font-mono);color:var(--ink);text-align:center;transition:all .2s var(--ease);border-radius:.5rem;padding:0 .75rem;font-size:.8rem;font-weight:600}.neo-pagination-jump-input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px oklch(50% .15 76/.2)}.neo-pagination-jump-btn{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);height:2.5rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--night);cursor:pointer;transition:all .2s var(--ease);border:none;border-radius:.5rem;align-items:center;gap:.4rem;padding:0 1rem;font-size:.7rem;font-weight:700;display:inline-flex}.neo-pagination-jump-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px oklch(50% .15 76/.3)}.neo-pagination-toggle-jump{background:var(--paper);border:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-soft);cursor:pointer;transition:all .2s var(--ease);border-radius:2rem;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.7rem;font-weight:600;display:inline-flex}.neo-pagination-toggle-jump:hover{color:var(--ink);border-color:var(--gold)}.neo-pagination-toggle-jump.is-active{background:var(--gold);color:var(--night);border-color:var(--gold)}.neo-pagination-wrapper .neo-pagination{margin-top:0}.neo-auth-page{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.neo-auth-card{width:100%;max-width:32rem;margin-top:6rem}.neo-auth-form-wrapper{background:var(--paper-soft);border:1px solid var(--gold);border-radius:.5rem;padding:2rem}.neo-auth-logo{background:linear-gradient(135deg, var(--gold) 0 38%, var(--sun) 38% 58%, var(--night-soft) 58%);border:1px solid oklch(30% .035 78/.45);border-radius:.75rem;justify-content:center;align-items:center;width:5rem;height:5rem;margin:0 auto 1.5rem;display:flex;overflow:hidden}.neo-auth-logo img{object-fit:contain;width:3rem;height:3rem}.neo-auth-brand-kicker{color:var(--gold);font-family:var(--font-mono);text-transform:uppercase;margin:0 0 .5rem;font-size:.65rem}.neo-auth-brand-title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:2rem;font-weight:600}.neo-auth-brand-subtitle{font-family:var(--font-mono);color:var(--ink-soft);margin:.5rem 0 0;font-size:.7rem}.neo-auth-header{text-align:center;margin-bottom:2rem}.neo-auth-form{flex-direction:column;gap:1.25rem;display:flex}.neo-auth-form-row{flex-direction:column;gap:.5rem;display:flex}.neo-auth-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--gold);margin-bottom:.5rem;font-size:.65rem;font-weight:600;display:block}.neo-auth-label-optional{color:var(--ink-soft);font-weight:400}.neo-auth-input-wrap{position:relative}.neo-auth-input{background:var(--paper);border:1px solid var(--line);width:100%;font-family:var(--font-mono);color:var(--ink);padding:.85rem 1rem;font-size:.85rem;transition:border-color .18s}.neo-auth-input:focus{border-color:var(--gold);outline:none}.neo-auth-input::placeholder{color:var(--ink-soft)}.neo-auth-input-password{padding-right:3rem}.neo-auth-actions-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.neo-auth-remember{cursor:pointer;font-family:var(--font-mono);text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:.5rem;font-size:.65rem;display:flex}.neo-auth-remember input{width:1rem;height:1rem;accent-color:var(--gold)}.neo-auth-forgot{cursor:pointer;font-family:var(--font-mono);text-transform:uppercase;color:var(--gold);background:0 0;border:none;font-size:.65rem;font-weight:600;transition:color .18s}.neo-auth-forgot:hover{color:var(--sun-deep)}.neo-auth-btn{background:var(--gold);width:100%;color:var(--night);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;border:none;padding:1rem;font-size:.75rem;font-weight:700;transition:background .18s,transform .24s,box-shadow .24s}.neo-auth-btn:hover{background:var(--sun-deep);transform:translateY(-2px);box-shadow:0 8px 24px oklch(50% .15 50/.25)}.neo-auth-btn-secondary{color:var(--ink);font-family:var(--font-mono);text-transform:uppercase;border:1px solid var(--line);background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.85rem;font-size:.7rem;font-weight:600;text-decoration:none;transition:border-color .18s,color .18s;display:flex}.neo-auth-btn-secondary:hover{border-color:var(--gold);color:var(--gold)}.neo-auth-alert{border-radius:.5rem;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.neo-auth-alert-error{background:oklch(60% .2 25/.1);border:1px solid oklch(60% .2 25/.3)}.neo-auth-alert-success{background:oklch(65% .15 145/.1);border:1px solid oklch(65% .15 145/.3)}.neo-auth-alert-icon{border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.neo-auth-alert-error .neo-auth-alert-icon{background:oklch(60% .2 25/.2)}.neo-auth-alert-success .neo-auth-alert-icon{background:oklch(65% .15 145/.2)}.neo-auth-alert-icon svg{width:1.25rem;height:1.25rem}.neo-auth-alert-error .neo-auth-alert-icon svg{color:oklch(70% .2 25)}.neo-auth-alert-success .neo-auth-alert-icon svg{color:oklch(65% .15 145)}.neo-auth-alert-title{font-family:var(--font-mono);margin:0;font-size:.7rem;font-weight:700}.neo-auth-alert-error .neo-auth-alert-title{color:oklch(70% .2 25)}.neo-auth-alert-success .neo-auth-alert-title{color:oklch(65% .15 145)}.neo-auth-alert-text{font-family:var(--font-mono);color:var(--ink-soft);margin:.2rem 0 0;font-size:.65rem}.neo-auth-footer{text-align:center;margin-top:1.5rem}.neo-auth-footer-text{font-family:var(--font-mono);color:var(--ink-soft);margin:0;font-size:.6rem}.neo-auth-toggle-password{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.neo-auth-toggle-password svg{width:1.25rem;height:1.25rem}.neo-auth-toggle-password:hover{color:var(--gold)}.neo-forgot-modal{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}.neo-forgot-modal.is-open{display:flex}.neo-forgot-modal-content{background:var(--paper);border:1px solid var(--line);border-radius:.5rem;width:100%;max-width:28rem;max-height:90vh;padding:2rem;position:relative;overflow-y:auto}.neo-forgot-result,.neo-forgot-error{text-align:center;border-radius:.5rem;margin-top:1.5rem;padding:1.5rem;display:none}.forgot-success-icon{color:#22c55e;width:4rem;height:4rem;margin:0 auto 1rem;animation:.4s ease-out forgot-pop}@keyframes forgot-pop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.forgot-success-icon svg{width:100%;height:100%}.forgot-success-title{font-family:var(--font-display);color:#22c55e;letter-spacing:.025em;margin-bottom:1.25rem;font-size:1.25rem;font-weight:700}.forgot-whatsapp-card{text-align:left;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border:1px solid #86efac;border-radius:.75rem;align-items:center;gap:.875rem;padding:1rem 1.25rem;display:flex}.forgot-whatsapp-icon{color:#fff;background:#22c55e;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.forgot-whatsapp-icon svg{width:1.5rem;height:1.5rem}.forgot-whatsapp-text{color:#166534;font-size:.875rem;line-height:1.5}.forgot-whatsapp-number{color:#15803d;margin-top:.25rem;font-size:1.1rem;font-weight:700;display:block}.forgot-divider{color:#9ca3af;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:1rem;margin:1.25rem 0;font-size:.75rem;font-weight:600;display:flex}.forgot-divider:before,.forgot-divider:after{content:"";background:linear-gradient(90deg,#0000,#e5e7eb,#0000);flex:1;height:1px}.forgot-help-card{text-align:left;background:#fef3c7;border:1px solid #fcd34d;border-radius:.75rem;padding:1rem 1.25rem}.forgot-help-header{color:#92400e;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;display:flex}.forgot-help-header svg{color:#f59e0b;width:1.25rem;height:1.25rem}.forgot-help-text{color:#78350f;margin:0 0 .75rem;font-size:.85rem}.forgot-help-contact{background:#fff;border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.625rem .875rem;display:flex}.forgot-contact-icon{color:#22c55e}.forgot-help-contact strong{color:#15803d;font-size:1rem}.forgot-help-instruction{color:#92400e;margin:0;font-size:.8rem;line-height:1.5}.forgot-help-instruction code{font-family:var(--font-mono);color:#92400e;background:#fef3c7;border-radius:.25rem;padding:.125rem .375rem;font-size:.75rem;font-style:italic}.forgot-help-example{color:#a16207;border-left:2px solid #fcd34d;margin-top:.25rem;padding-left:.5rem;font-size:.75rem;display:block}.forgot-help-example code{background:#fff}.forgot-back-btn{background:var(--ink-soft);color:#fff;cursor:pointer;border:none;border-radius:.5rem;width:100%;margin-top:1.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:background .2s}.forgot-back-btn:hover{background:var(--ink)}.neo-register-modal{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}.neo-register-modal.is-open{display:flex}.neo-register-modal-content{background:var(--paper);border:1px solid var(--line);border-radius:.5rem;width:100%;max-width:32rem;max-height:90vh;padding:2rem;position:relative;overflow-y:auto}.register-choice-grid{flex-direction:column;gap:.875rem;margin-top:1.5rem;display:flex}.register-choice-card{background:var(--paper-soft);border:1px solid var(--line);text-align:left;cursor:pointer;border-radius:.75rem;align-items:center;gap:1rem;width:100%;padding:1.125rem 1.25rem;transition:all .2s;display:flex}.register-choice-card:hover{border-color:var(--gold);background:var(--paper);transform:translate(4px);box-shadow:0 4px 12px #00000014}.register-choice-icon{background:linear-gradient(135deg, var(--gold) 0%, var(--sun) 100%);color:#fff;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.register-choice-icon svg{width:1.5rem;height:1.5rem}.register-choice-content{flex:1;min-width:0}.register-choice-title{font-family:var(--font-display);color:var(--ink);margin:0 0 .25rem;font-size:1rem;font-weight:600}.register-choice-desc{color:var(--ink-soft);margin:0;font-size:.8rem;line-height:1.4}.register-choice-arrow{width:1.5rem;height:1.5rem;color:var(--ink-soft);flex-shrink:0;transition:transform .2s}.register-choice-card:hover .register-choice-arrow{color:var(--gold);transform:translate(4px)}.register-modal-footer{text-align:center;border-top:1px solid var(--line);color:var(--ink-soft);margin-top:1.5rem;padding-top:1.5rem;font-size:.875rem}.register-modal-login-link{color:var(--gold);font-weight:600;text-decoration:none;transition:color .2s}.register-modal-login-link:hover{color:var(--sun);text-decoration:underline}.neo-auth-register-text{text-align:center;color:var(--ink-soft);margin-top:1rem;font-size:.875rem}.neo-auth-register-link{color:var(--gold);cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s}.neo-auth-register-link:hover{color:var(--sun);text-decoration:underline}.register-type-badge{border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.625rem 1rem;font-size:.8rem;font-weight:500;display:flex}.register-type-badge svg{width:1.25rem;height:1.25rem}.register-type-honorer{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #f59e0b}.register-type-guru_pai{color:#1e40af;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:1px solid #3b82f6}.register-type-masyarakat{color:#166534;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border:1px solid #22c55e}.neo-auth-form-section{border-bottom:1px solid var(--line);padding:1.25rem 0}.neo-auth-form-section:last-of-type{border-bottom:none}.neo-auth-section-title{font-family:var(--font-display);color:var(--ink);border-bottom:1px dashed var(--line);margin:0 0 1rem;padding-bottom:.5rem;font-size:.9rem;font-weight:600}.neo-field-error{color:#ef4444;margin-top:.25rem;font-size:.7rem;display:block}.register-type-selector{text-align:center;border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.5rem}.register-type-selector-text{color:var(--ink-soft);margin:0 0 .75rem;font-size:.8rem}.register-type-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.register-type-link{color:var(--gold);border:1px solid var(--gold);border-radius:.375rem;padding:.375rem .75rem;font-size:.8rem;text-decoration:none;transition:all .2s}.register-type-link:hover{background:var(--gold);color:#fff}.forgot-result.is-visible>*{animation:.4s ease-out backwards forgot-slide-in}.forgot-result.is-visible>:first-child{animation-delay:0s}.forgot-result.is-visible>:nth-child(2){animation-delay:.1s}.forgot-result.is-visible>:nth-child(3){animation-delay:.2s}.forgot-result.is-visible>:nth-child(4){animation-delay:.3s}.forgot-result.is-visible>:nth-child(5){animation-delay:.4s}.forgot-result.is-visible>:nth-child(6){animation-delay:.5s}@keyframes forgot-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.neo-auth-register-wrapper{width:100%;max-width:36rem;margin-top:6rem}.neo-auth-register-header{margin-bottom:1.5rem}.neo-auth-register-title{font-family:var(--font-display);color:var(--ink);margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.neo-auth-register-desc{color:var(--ink-soft);margin:0;font-size:.9rem}.neo-form-select{background:var(--paper);color:var(--ink);font-family:var(--font-body);border:1px solid var(--line);cursor:pointer;transition:border-color .18s var(--ease), box-shadow .18s var(--ease);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23454545' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border-radius:.5rem;padding:.75rem 2.5rem .75rem 1rem;font-size:.9rem}.neo-form-select:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px oklch(68% .145 74/.15)}.neo-form-select option{background:var(--paper);color:var(--ink)}.neo-modal-meta-item{text-align:center;flex-direction:column;gap:.35rem;display:flex}.neo-modal-meta-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--ink-soft);letter-spacing:.05em;font-size:.65rem}.neo-modal-section{background:var(--paper);border:1px solid var(--line);border-radius:.75rem;margin-bottom:1.5rem;padding:1.25rem}.neo-modal-section-accent{background:linear-gradient(135deg, var(--paper-soft) 0%, var(--paper) 100%);border-color:var(--gold);border-left:4px solid var(--gold)}.neo-modal-section-header{font-family:var(--font-display);color:var(--ink);align-items:center;gap:.6rem;margin-bottom:1rem;font-size:.95rem;font-weight:600;display:flex}.neo-modal-section-header svg{color:var(--gold);flex-shrink:0}.neo-modal-requirements-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=640px){.neo-modal-requirements-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}.neo-modal-req-card{background:var(--paper-soft);border:1px solid var(--line);transition:border-color .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);border-radius:.75rem;flex-direction:column;gap:.6rem;padding:1rem;display:flex}.neo-modal-req-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 6px 20px oklch(20% .03 82/.12)}.neo-modal-req-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.neo-modal-req-number{background:var(--gold);width:2rem;height:2rem;color:var(--night);font-family:var(--font-mono);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.neo-modal-req-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border-radius:.25rem;padding:.3rem .6rem;font-size:.6rem;font-weight:700}.neo-modal-req-wajib{background:var(--sun);color:var(--night)}.neo-modal-req-opsional{background:var(--paper-deep);color:var(--ink-soft);border:1px solid var(--line)}.neo-modal-req-content{flex-direction:column;gap:.35rem;display:flex}.neo-modal-req-title{color:var(--ink);font-size:.875rem;font-weight:500;line-height:1.5}.neo-modal-req-note{color:var(--ink-soft);font-size:.75rem;font-style:italic}.neo-modal-tpg-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.75rem;display:grid}.neo-modal-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--ink-soft);font-size:.65rem}.neo-modal-tpg-summary{background:var(--gold);color:var(--night);border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.neo-modal-tpg-summary svg{flex-shrink:0}.neo-modal-tpg-summary strong{font-weight:700}.neo-modal-actions{border-top:1px solid var(--line);gap:.75rem;padding-top:.75rem;display:flex}.neo-btn-action{background:var(--gold);color:var(--night);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;transition:background .18s var(--ease), transform .24s var(--ease), box-shadow .24s var(--ease);border:none;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.7rem;font-weight:700;text-decoration:none;display:inline-flex}.neo-btn-action:hover{background:var(--gold-bright);transform:translateY(-2px);box-shadow:0 6px 20px oklch(68% .145 74/.35)}.neo-btn-action:active{transform:translateY(0)}.neo-btn-action svg{flex-shrink:0}.neo-btn-cancel{color:var(--ink);font-family:var(--font-mono);text-transform:uppercase;border:1px solid var(--line);cursor:pointer;transition:border-color .18s var(--ease), background .18s var(--ease), color .18s var(--ease);background:0 0;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.7rem;font-weight:600;text-decoration:none;display:inline-flex}.neo-btn-cancel:hover{border-color:var(--ink);background:var(--paper-soft)}.neo-btn-disabled,.neo-btn-action:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.neo-periode-item{background:var(--paper);border-radius:.5rem;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.neo-periode-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--ink-soft);letter-spacing:.05em;font-size:.6rem}.neo-periode-value{font-family:var(--font-display);color:var(--ink);font-size:1.1rem;font-weight:700}.neo-appointment-card{background:var(--paper-soft);border:1px solid var(--line);border-radius:.75rem;align-items:center;gap:1rem;padding:1rem;display:flex}.neo-appointment-photo{background:var(--gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;overflow:hidden}.neo-appointment-photo img{object-fit:cover;width:100%;height:100%}.neo-appointment-initials{font-family:var(--font-mono);color:var(--night);font-size:.9rem;font-weight:700}.neo-appointment-info{flex-direction:column;gap:.15rem;display:flex}.neo-service-form{padding:0}.neo-form-group{margin-bottom:1.5rem}.neo-form-label{font-family:var(--font-display);color:var(--ink);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:flex}.neo-form-required{font-family:var(--font-mono);text-transform:uppercase;background:var(--sun);color:var(--night);border-radius:.25rem;padding:.2rem .5rem;font-size:.55rem;font-weight:700}.neo-form-input,.neo-form-textarea,.neo-form-select{background:var(--paper);width:100%;color:var(--ink);font-family:var(--font-body);border:1px solid var(--line);transition:border-color .18s var(--ease), box-shadow .18s var(--ease);border-radius:.5rem;padding:.85rem 1rem;font-size:.95rem}.neo-form-input:focus,.neo-form-textarea:focus,.neo-form-select:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px oklch(68% .145 74/.15)}.neo-form-textarea{resize:vertical;min-height:120px}.neo-form-hint{color:var(--ink-soft);margin-top:.5rem;font-size:.8rem;font-style:italic}.neo-form-error{color:#dc2626;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.8rem;display:flex}.neo-form-file-wrapper{position:relative}.neo-form-file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.neo-form-file-label{background:var(--paper-soft);border:2px dashed var(--line);text-align:center;transition:border-color .18s var(--ease), background .18s var(--ease);border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.neo-form-file-wrapper:hover .neo-form-file-label{border-color:var(--gold);background:var(--paper)}.neo-form-file-label svg{color:var(--gold)}.neo-form-file-label span{color:var(--ink-soft);font-size:.9rem}.neo-form-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:.75rem;margin-top:2rem;padding-top:1.5rem;display:flex}.neo-form-actions .neo-btn-action,.neo-form-actions .neo-btn-secondary,.neo-form-actions .neo-btn-cancel{flex:1;justify-content:center;min-width:140px}@media (width<=640px){.neo-form-actions{flex-direction:column}.neo-form-actions .neo-btn-action,.neo-form-actions .neo-btn-secondary,.neo-form-actions .neo-btn-cancel{width:100%}}.neo-btn-back{color:var(--ink);font-family:var(--font-mono);text-transform:uppercase;border:1px solid var(--line);transition:all .18s var(--ease);background:0 0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.7rem;font-weight:600;text-decoration:none;display:inline-flex}.neo-btn-back:hover{background:var(--paper-soft);border-color:var(--gold);color:var(--gold)}.neo-request-form{max-width:72rem;margin:0 auto}.neo-form-header{flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;display:flex}.neo-form-header-info{flex-wrap:wrap;gap:1rem;display:flex}.neo-info-item{background:var(--paper-soft);border:1px solid var(--line);border-radius:.75rem;flex-direction:column;gap:.25rem;min-width:120px;padding:1rem 1.5rem;display:flex}.neo-info-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--ink-soft);letter-spacing:.05em;font-size:.6rem}.neo-info-value{font-family:var(--font-display);color:var(--ink);font-size:1rem;font-weight:600}.neo-periode-banner{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-bright) 100%);border-radius:.75rem;flex:1;align-items:center;gap:1rem;min-width:280px;padding:1rem 1.5rem;display:flex}.neo-periode-icon{background:var(--night);width:3rem;height:3rem;color:var(--gold);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.neo-periode-text{flex-direction:column;gap:.15rem;display:flex}.neo-periode-title{font-family:var(--font-mono);text-transform:uppercase;color:var(--night);opacity:.8;font-size:.65rem}.neo-periode-detail{font-family:var(--font-display);color:var(--night);font-size:1.1rem;font-weight:700}.neo-appointment-banner{background:var(--paper-soft);border:1px solid var(--line);border-radius:.75rem;flex:1;align-items:center;gap:1rem;min-width:280px;padding:1rem 1.5rem;display:flex}.neo-appointment-avatar{background:var(--gold);width:3rem;height:3rem;font-family:var(--font-mono);color:var(--night);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex;overflow:hidden}.neo-appointment-avatar img{object-fit:cover;width:100%;height:100%}.neo-appointment-text{flex-direction:column;gap:.15rem;display:flex}.neo-appointment-title{font-family:var(--font-mono);text-transform:uppercase;color:var(--ink-soft);font-size:.6rem}.neo-appointment-name{font-family:var(--font-display);color:var(--ink);font-size:1rem;font-weight:600}.neo-appointment-role{color:var(--ink-soft);font-size:.8rem}.neo-form-body{background:var(--paper);border:1px solid var(--line);border-radius:1rem;padding:2rem}.neo-section-header{border-bottom:1px solid var(--line);font-family:var(--font-display);color:var(--ink);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;font-size:1rem;font-weight:600;display:flex}.neo-section-header svg{color:var(--gold);flex-shrink:0}.neo-section-count{font-family:var(--font-mono);color:var(--ink-soft);text-transform:uppercase;margin-left:auto;font-size:.7rem;font-weight:500}.neo-upload-section{margin-bottom:2.5rem}.neo-upload-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}@media (width<=1024px){.neo-upload-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.neo-upload-grid{grid-template-columns:1fr}}.neo-upload-card{background:var(--paper-soft);border:1px solid var(--line);transition:all .18s var(--ease);border-radius:.75rem;overflow:hidden}.neo-upload-card:hover{border-color:var(--gold);box-shadow:0 4px 16px oklch(20% .03 82/.1)}.neo-upload-card.has-file{border-color:var(--gold)}.neo-upload-card.has-existing{border-color:#22c55e}.neo-upload-card-header{background:var(--paper-deep);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.neo-upload-number{font-family:var(--font-mono);color:var(--gold);font-size:.75rem;font-weight:700}.neo-upload-badge{font-family:var(--font-mono);text-transform:uppercase;border-radius:.25rem;padding:.2rem .5rem;font-size:.55rem;font-weight:700}.neo-upload-badge.wajib{background:var(--sun);color:var(--night)}.neo-upload-badge.opsional{background:var(--paper-soft);color:var(--ink-soft);border:1px solid var(--line)}.neo-upload-card-body{padding:1rem}.neo-upload-dropzone{border:2px dashed var(--line);cursor:pointer;min-height:140px;transition:all .18s var(--ease);border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;display:flex}.neo-upload-dropzone:hover{border-color:var(--gold);background:var(--paper)}.neo-upload-dropzone.has-file{border-style:solid;border-color:var(--gold);background:var(--paper)}.neo-upload-placeholder{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex}.neo-upload-placeholder svg{color:var(--ash)}.neo-upload-placeholder span{color:var(--ink-soft);font-size:.85rem}.neo-upload-hint{color:var(--ash)!important;font-size:.7rem!important}.neo-upload-input{display:none}.neo-upload-preview{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;display:flex}.neo-upload-preview svg{color:var(--gold)}.neo-upload-preview.has-existing svg{color:#22c55e}a.neo-upload-preview{color:inherit;cursor:pointer;border-radius:.5rem;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;text-decoration:none;transition:all .2s;display:flex}a.neo-upload-preview:hover{background-color:#22c55e1a;transform:translateY(-2px)}a.neo-upload-preview:active{transform:translateY(0)}.neo-file-name{color:var(--ink);word-break:break-all;font-size:.8rem;font-weight:500}.neo-file-size{font-family:var(--font-mono);color:var(--ink-soft);font-size:.7rem}.neo-file-status{font-family:var(--font-mono);text-transform:uppercase;border-radius:.25rem;padding:.2rem .5rem;font-size:.65rem;font-weight:700}.neo-file-status.uploaded{color:#fff;background:#22c55e}.neo-file-status.ready{background:var(--gold);color:var(--night)}.neo-file-status.error{color:#fff;background:#dc2626}.neo-upload-dropzone.is-processing{border-style:dashed;border-color:var(--gold);background:var(--paper-soft);pointer-events:none}.neo-upload-processing{flex-direction:column;align-items:center;gap:.75rem;padding:1rem;display:flex}.neo-upload-spinner{border:3px solid var(--line);border-top-color:var(--gold);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite neo-spin}@keyframes neo-spin{to{transform:rotate(360deg)}}.neo-upload-processing span{color:var(--ink-soft);font-size:.8rem}.neo-upload-card.has-error{border-color:#dc2626}.neo-upload-dropzone.has-error{background:oklch(70% .2 25/.1);border-color:#dc2626}.neo-upload-preview.is-error svg{color:#dc2626}.neo-upload-error{color:#dc2626;background:oklch(70% .2 25/.1);border-radius:.375rem;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;font-size:.75rem;display:flex}.neo-upload-error svg{flex-shrink:0}.neo-upload-card-footer{background:var(--paper);border-top:1px solid var(--line);padding:.75rem 1rem}.neo-upload-title{color:var(--ink);font-size:.85rem;font-weight:500;display:block}.neo-upload-note{color:var(--ink-soft);margin-top:.25rem;font-size:.7rem;display:block}.neo-fields-section{margin-bottom:2rem}.neo-fields-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (width<=768px){.neo-fields-grid{grid-template-columns:1fr}}.neo-field-item{flex-direction:column;gap:.5rem;display:flex}.neo-field-label{font-family:var(--font-display);color:var(--ink);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.neo-field-required{font-family:var(--font-mono);text-transform:uppercase;background:var(--sun);color:var(--night);border-radius:.25rem;padding:.2rem .5rem;font-size:.55rem;font-weight:700}.neo-field-input{background:var(--paper-soft);width:100%;color:var(--ink);font-family:var(--font-body);border:1px solid var(--line);transition:all .18s var(--ease);border-radius:.5rem;padding:.85rem 1rem;font-size:.95rem}.neo-field-input:focus{border-color:var(--gold);background:var(--paper);outline:none;box-shadow:0 0 0 3px oklch(68% .145 74/.15)}.neo-field-textarea{resize:vertical;min-height:100px}.neo-field-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23454545' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.5rem}.neo-field-error{color:#dc2626;font-size:.8rem}.neo-keterangan-section{margin-bottom:2rem}.neo-form-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:1rem;padding-top:2rem;display:flex}.neo-btn-cancel-action,.neo-btn-draft,.neo-btn-submit{font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;transition:all .18s var(--ease);border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.neo-btn-cancel-action{color:var(--ink);border:1px solid var(--line);background:0 0}.neo-btn-cancel-action:hover{background:var(--paper-soft);border-color:var(--ink)}.neo-btn-draft{background:var(--paper-deep);color:var(--ink);border:1px solid var(--line)}.neo-btn-draft:hover{background:var(--paper-soft);border-color:var(--gold);color:var(--gold)}.neo-btn-submit{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-bright) 100%);color:var(--night);border:none;flex:1;box-shadow:0 4px 12px oklch(68% .145 74/.3)}.neo-btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px oklch(68% .145 74/.4)}@media (width<=640px){.neo-form-actions{flex-direction:column}.neo-btn-cancel-action,.neo-btn-draft,.neo-btn-submit{width:100%}}@media (width<=768px){.neo-form-header{flex-direction:column}.neo-form-header-info{width:100%}.neo-info-item{flex:1}.neo-periode-banner,.neo-appointment-banner{width:100%}}.neo-field-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.7rem;font-weight:600;display:flex}.neo-field-input{background:var(--paper);border:1px solid var(--line);width:100%;color:var(--ink);font-family:var(--font-mono);border-radius:.5rem;padding:.75rem 1rem;font-size:.85rem;transition:border-color .18s,box-shadow .18s}.neo-field-input::placeholder{color:var(--ash)}.neo-field-input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px oklch(68% .145 74/.15)}.neo-field-select{background:var(--paper);border:1px solid var(--line);width:100%;color:var(--ink);font-family:var(--font-mono);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2354657a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border-radius:.5rem;padding:.75rem 2.5rem .75rem 1rem;font-size:.85rem;transition:border-color .18s,box-shadow .18s}.neo-field-select:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px oklch(68% .145 74/.15)}.neo-field-hint{color:var(--ink-soft);margin-top:.35rem;font-size:.7rem;display:block}.neo-card{background:var(--paper);border:1px solid var(--line);border-radius:1rem;overflow:hidden}.neo-card-header{border-bottom:1px solid var(--line);background:var(--paper-soft);align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.neo-card-icon{border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.neo-card-title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1rem;font-weight:600}.neo-card-desc{color:var(--ink-soft);margin:.15rem 0 0;font-size:.75rem}.neo-card-body{padding:1.5rem}.neo-tabs{background:var(--paper-soft);border:1px solid var(--line);border-radius:.75rem;flex-wrap:wrap;gap:.5rem;padding:.5rem;display:flex}.neo-tab{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);border-radius:.5rem;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.7rem;font-weight:600;text-decoration:none;transition:background .18s,color .18s;display:inline-flex}.neo-tab:hover{background:var(--paper);color:var(--ink)}.neo-tab.is-active{background:var(--gold);color:var(--night)}.neo-tab.is-active:hover{background:var(--gold-bright);color:var(--night)}.neo-form-actions{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.neo-btn-action-cancel{color:var(--ink-soft);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--line);background:0 0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.7rem;font-weight:600;text-decoration:none;transition:border-color .18s,color .18s;display:inline-flex}.neo-btn-action-cancel:hover{border-color:var(--ink);color:var(--ink)}.neo-btn-action-reset{color:var(--sun-deep);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--sun-deep);background:0 0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.7rem;font-weight:600;transition:background .18s;display:inline-flex}.neo-btn-action-reset:hover{background:oklch(52% .17 38/.1)}.neo-btn-action-save{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-bright) 100%);color:var(--night);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.7rem;font-weight:700;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 4px 12px oklch(68% .145 74/.25)}.neo-btn-action-save:hover{transform:translateY(-2px);box-shadow:0 6px 16px oklch(68% .145 74/.35)}.hero-label{color:var(--gold);font-family:var(--font-mono);text-transform:uppercase;justify-content:center;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.65rem;display:flex}.hero-title{font-family:var(--font-display);color:var(--ink);justify-content:center;align-items:center;gap:.75rem;margin:0 0 1rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:400;display:flex}.hero-desc{color:var(--ink-soft);max-width:28rem;margin:0 auto;font-size:1rem}.hero-page.has-bg-image{background-image:url(/assets/img/template/madrasah-bg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover}.neo-stat-card{align-items:center;gap:1rem;display:flex}.neo-stat-icon{border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.neo-stat-icon svg{width:1.5rem;height:1.5rem}.neo-stat-icon-gold{color:var(--gold);background:oklch(68% .145 74/.15)}.neo-stat-icon-primary{color:var(--night-soft);background:oklch(58% .15 145/.15)}.neo-stat-icon-warning{color:var(--sun-deep);background:oklch(52% .17 38/.15)}.neo-stat-info{flex-direction:column;gap:.25rem;display:flex}.neo-stat-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);font-size:.7rem}.neo-stat-value{font-family:var(--font-mono);color:var(--ink);font-size:1.5rem;font-weight:700;line-height:1}.neo-stat-value-primary{color:var(--night-soft)}.neo-stat-value-warning{color:var(--sun-deep)}.neo-table-wrapper{overflow-x:auto}.neo-table{border-collapse:collapse;width:100%}.neo-table-header{background:var(--paper-soft);border-bottom:1px solid var(--line)}.neo-table-header th{text-align:left;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);padding:1rem 1.5rem;font-size:.7rem;font-weight:600}.neo-table-header th:last-child{text-align:center}.neo-table-row{border-bottom:1px solid var(--line);transition:background-color .18s var(--ease)}.neo-table-row:hover{background:var(--paper-soft)}.neo-table-cell{vertical-align:middle;padding:1rem 1.5rem}.neo-table-cell:last-child{text-align:center}.neo-table-cell-primary{font-family:var(--font-mono);color:var(--ink);font-size:.85rem;font-weight:600}.neo-table-cell-secondary{font-family:var(--font-mono);color:var(--ink-soft);text-transform:capitalize;font-size:.7rem}.neo-table-cell-mono{font-family:var(--font-mono);color:var(--ink-soft);font-size:.7rem}.neo-table-cell-stack{flex-direction:column;gap:.25rem;display:flex}.neo-table-total{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--gold)!important;font-size:1rem!important;font-weight:700!important}.neo-table-total.highlight{border-radius:.375rem;background:oklch(68% .145 74/.08)!important;padding:.25rem .5rem!important}.neo-table-footer td{background:var(--paper-soft);border-top:2px solid var(--line);font-weight:700}.neo-btn-add{background:var(--gold);color:var(--night);font-family:var(--font-mono);cursor:pointer;transition:all .18s var(--ease);border:none;border-radius:.5rem;align-items:center;gap:.35rem;margin-left:auto;padding:.5rem 1rem;font-size:.75rem;font-weight:600;display:inline-flex}.neo-btn-add:hover{background:var(--gold-dark);transform:translateY(-1px)}.neo-btn-remove{width:1.5rem;height:1.5rem;color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;transition:all .18s var(--ease);background:0 0;border-radius:.375rem;justify-content:center;align-items:center;display:inline-flex}.neo-btn-remove:hover{color:#fff;background:#ef4444;border-color:#ef4444}.neo-btn-remove svg{width:12px;height:12px}.neo-avatar{background:oklch(68% .145 74/.1);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;overflow:hidden}.neo-avatar img{object-fit:cover;width:100%;height:100%}.neo-avatar-initials{font-family:var(--font-mono);color:var(--gold);font-size:.85rem;font-weight:600}.neo-avatar-sm{border-radius:.5rem;width:2rem;height:2rem}.neo-avatar-sm .neo-avatar-initials{font-size:.75rem}.neo-badge{border:1px solid var(--line);background:var(--paper-soft);font-family:var(--font-mono);border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .75rem;font-size:.7rem;font-weight:600;display:inline-flex}.neo-badge-dot{border-radius:50%;width:.35rem;height:.35rem}.neo-badge-primary{color:var(--night-soft)}.neo-badge-primary .neo-badge-dot{background:var(--night-soft)}.neo-badge-warning{color:var(--sun-deep)}.neo-badge-warning .neo-badge-dot{background:var(--sun-deep)}.neo-badge-gold{color:var(--gold)}.neo-badge-gold .neo-badge-dot{background:var(--gold)}.neo-action-btn{border:1px solid var(--line);background:var(--paper-soft);width:2rem;height:2rem;color:var(--ink-soft);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;transition:all .18s;display:inline-flex}.neo-action-btn:hover{border-color:var(--gold);color:var(--gold);background:var(--paper)}.neo-action-btn svg{width:1rem;height:1rem}.neo-user-cell{align-items:center;gap:.75rem;display:flex}.neo-user-info{flex-direction:column;gap:.15rem;display:flex}.neo-user-name{font-family:var(--font-mono);color:var(--ink);font-size:.85rem;font-weight:600}.neo-user-nip{font-family:var(--font-mono);color:var(--ink-soft);font-size:.7rem}.neo-pagination-wrap{border-top:1px solid var(--line);background:var(--paper-soft);padding:1rem 1.5rem}.neo-pagination-row{flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;display:flex}@media (width>=640px){.neo-pagination-row{flex-direction:row}}.neo-pagination-info{font-family:var(--font-mono);color:var(--ink-soft);font-size:.7rem}.neo-pagination-nav{align-items:center;gap:.5rem;display:flex}.neo-pagination-link{border:1px solid var(--line);min-width:2rem;height:2rem;font-family:var(--font-mono);color:var(--ink-soft);border-radius:.5rem;justify-content:center;align-items:center;padding:0 .5rem;font-size:.7rem;text-decoration:none;transition:all .18s;display:inline-flex}.neo-pagination-link:hover:not(.is-disabled){color:var(--ink);background:var(--paper);border-color:var(--gold)}.neo-pagination-link.is-active{background:var(--gold);color:var(--night);border-color:var(--gold);font-weight:600}.neo-pagination-link.is-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.neo-success-alert{align-items:start;gap:1rem;display:flex}.neo-success-alert-icon{background:var(--gold);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.neo-success-alert-content{flex:1}.neo-success-alert-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--gold);margin:0 0 .25rem;font-size:.7rem;font-weight:700}.neo-success-alert-title{color:var(--ink);margin:0;font-size:.9rem;font-weight:600}.neo-success-alert-text{color:var(--ink-soft);margin:.25rem 0 0;font-size:.8rem}.neo-success-alert-close{border:1px solid var(--line);cursor:pointer;width:1.75rem;height:1.75rem;color:var(--ink-soft);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.neo-avatar{background:var(--gold);font-family:var(--font-mono);color:var(--night);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.neo-avatar-sm{width:2.5rem;height:2.5rem;font-size:.8rem}.neo-avatar-md{width:3rem;height:3rem}.neo-avatar-lg{width:4rem;height:4rem;font-size:1.1rem}.neo-employee-grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;display:grid}.neo-employee-grid-leader{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}.neo-employee-card{background:var(--paper-soft);border:1px solid var(--line);cursor:pointer;text-align:left;align-items:center;gap:.75rem;padding:.75rem;transition:border-color .18s;display:flex}.neo-employee-card:hover{border-color:var(--gold)}.neo-employee-card-center{text-align:center;flex-direction:column;justify-content:center}.neo-employee-info{min-width:0}.neo-employee-name{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.85rem;font-weight:600;overflow:hidden}.neo-employee-role{color:var(--ink-soft);margin:.25rem 0 0;font-size:.7rem}.neo-employee-role-sm{font-size:.65rem}.loading-text{text-align:center;color:var(--ink-soft);padding:2rem}.section-label-gold{color:var(--gold);font-family:var(--font-mono);text-transform:uppercase;justify-content:center;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.7rem;font-weight:700;display:flex}.section-label-left{justify-content:flex-start}.section-label-sm{margin:0 0 .25rem;font-size:.65rem}.neo-hero-cta{color:var(--ink);font-family:var(--font-mono);text-transform:uppercase;border:1px solid var(--line);background:0 0;align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-size:.7rem;font-weight:600;text-decoration:none;transition:border-color .18s,color .18s;display:inline-flex}.neo-hero-cta:hover{border-color:var(--gold);color:var(--gold)}.neo-hero-cta-primary{background:var(--gold);color:var(--night);font-weight:700}.neo-hero-cta-primary:hover{background:var(--sun-deep);border-color:var(--sun-deep);color:var(--night)}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.font-mono{font-family:var(--font-mono)}.border-b{border-bottom:1px solid var(--line)}.border-gold{border-color:var(--gold)}.section-heading{font-family:var(--font-display);border-bottom:1px solid var(--line);margin:0 0 1rem;padding-bottom:.75rem;font-size:1rem;font-weight:600}.neo-modal-sm{max-width:36rem}.neo-modal-lg{max-width:48rem}.neo-modal-xl{max-width:56rem}.neo-service-img{object-fit:cover;width:100%;height:100%}.grid-cols-auto{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.neo-grid-unit-lg{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}.neo-modal-section{margin-bottom:1.5rem}.neo-modal-section-accent{background:oklch(94% .035 78/.3);border:1px solid oklch(58% .06 78/.2);border-radius:.75rem;padding:1.25rem}.neo-modal-section-header{font-family:var(--font-mono);text-transform:uppercase;color:var(--ink);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.7rem;font-weight:600;display:flex}.neo-modal-section-header svg{color:var(--gold)}.neo-modal-meta{background:var(--paper-soft);border:1px solid var(--line);border-radius:.5rem;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;padding:1rem;display:grid}.neo-modal-meta-item{flex-direction:column;gap:.25rem;display:flex}.neo-modal-meta-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--ink-soft);font-size:.6rem}.neo-modal-meta-value{font-family:var(--font-mono);color:var(--ink);font-size:.75rem;font-weight:600}.neo-modal-tpg-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.neo-modal-field{flex-direction:column;gap:.5rem;display:flex}.neo-modal-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--ink);font-size:.65rem;font-weight:600}.neo-form-select{background:var(--paper);border:1px solid var(--line);width:100%;font-family:var(--font-mono);color:var(--ink);cursor:pointer;border-radius:.5rem;padding:.65rem .875rem;font-size:.8rem;transition:border-color .18s}.neo-form-select:focus{border-color:var(--gold);outline:none}.neo-modal-requirements-grid{gap:.75rem;display:grid}.neo-modal-req-card{background:var(--paper-soft);border:1px solid var(--line);border-radius:.5rem;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.neo-modal-req-header{justify-content:space-between;align-items:center;display:flex}.neo-modal-req-number{font-family:var(--font-mono);color:var(--gold);font-size:.75rem;font-weight:700}.neo-modal-req-badge{font-family:var(--font-mono);text-transform:uppercase;border-radius:2rem;padding:.15rem .5rem;font-size:.55rem;font-weight:600}.neo-modal-req-wajib{color:#b45309;background:oklch(50% .15 50/.15)}.neo-modal-req-opsional{color:var(--ink-soft);background:oklch(58% .06 78/.2)}.neo-modal-req-content{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.neo-modal-req-title{color:var(--ink);font-size:.85rem;font-weight:500}.neo-modal-req-note{color:var(--ink-soft);font-size:.75rem}.neo-modal-actions{border-top:1px solid var(--line);gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.neo-btn-action{background:var(--gold);color:var(--night);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.75rem;font-weight:700;transition:background .18s,transform .24s;display:inline-flex}.neo-btn-action:hover{background:var(--sun-deep);transform:translateY(-2px)}.neo-btn-disabled{opacity:.5;cursor:not-allowed;transform:none!important}.neo-btn-cancel{color:var(--ink-soft);font-family:var(--font-mono);border:1px solid var(--line);cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.75rem;transition:border-color .18s,color .18s;display:inline-flex}.neo-btn-cancel:hover{border-color:var(--gold);color:var(--gold)}.hero-page-content{text-align:center;max-width:36rem}.cursor-pointer{cursor:pointer}.col-full{grid-column:1/-1}.whitespace-nowrap{white-space:nowrap}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.no-underline{text-decoration:none}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex-center{justify-content:center;align-items:center;display:flex}.neo-service-tag-special{position:absolute;top:auto;bottom:.75rem;left:.75rem}.bg-cover{background-size:cover}.bg-center{background-position:50%}.font-display{font-family:var(--font-display)}.text-gold{color:var(--gold)}.text-xs{font-size:.65rem}.text-sm{font-size:.8rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.m-0{margin:0}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.p-0{padding:0}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.block{display:block}.inline-flex{display:inline-flex}.flex{display:flex}.grid{display:grid}.flex-1{flex:1}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.z-50{z-index:50}.min-h-screen{min-height:100vh}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.h-full{height:100%}.w-full{width:100%}.w-1\/2{width:50%}.aspect-video{aspect-ratio:16/9}.aspect-square{aspect-ratio:1}.report-stat-card{border-style:solid;border-width:1px;border-radius:.75rem;padding:.75rem 1rem}.report-stat-card-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;font-size:.6rem;font-weight:600}.report-stat-card-value{font-family:var(--font-mono);margin-top:.5rem;font-size:1.5rem;font-weight:700}.report-stat-card-neutral{border-color:var(--line);background:var(--paper-soft)}.report-stat-card-neutral .report-stat-card-label{color:var(--ink-soft)}.report-stat-card-neutral .report-stat-card-value{color:var(--gold)}.report-stat-card-approved{background:oklch(72% .15 145/.1);border-color:oklch(72% .15 145)}.report-stat-card-approved .report-stat-card-label,.report-stat-card-approved .report-stat-card-value{color:oklch(45% .15 145)}.report-stat-card-sent{background:oklch(72% .15 80/.1);border-color:oklch(72% .15 80)}.report-stat-card-sent .report-stat-card-label,.report-stat-card-sent .report-stat-card-value{color:oklch(55% .15 65)}.report-stat-card-rejected{background:oklch(65% .15 25/.1);border-color:oklch(65% .15 25)}.report-stat-card-rejected .report-stat-card-label,.report-stat-card-rejected .report-stat-card-value{color:oklch(45% .15 25)}.report-pdf-btn{font-family:var(--font-mono);cursor:pointer;border-style:solid;border-width:1px;border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.75rem;transition:background .18s;display:inline-flex}.report-pdf-btn-primary{border-color:var(--gold);color:var(--gold);background:oklch(68% .145 74/.1)}.report-pdf-btn-secondary{border-color:var(--line);color:var(--ink-soft)}.report-empty-state svg{opacity:.3;width:4rem;height:4rem;margin-bottom:1rem}.report-empty-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);font-size:.8rem;font-weight:600}.report-empty-subtitle{font-family:var(--font-mono);color:var(--ink);margin-top:.5rem;font-size:1rem;font-weight:600}.report-empty-desc{color:var(--ink-soft);margin-top:.5rem;font-size:.875rem}.report-table-cell-bold{color:var(--ink);font-weight:600}.report-table-cell-muted{color:var(--ink-soft);font-size:.75rem}.report-table-cell-date{font-family:var(--font-mono);color:var(--ink-soft);font-size:.75rem}.report-table-cell-index{font-family:var(--font-mono);color:var(--gold);font-weight:700}.report-table-cell-note{color:oklch(45% .15 25);font-size:.75rem}.signature-canvas-wrapper{border:1px solid var(--line);background:#fff;border-radius:.5rem;position:relative;overflow:hidden}.signature-canvas{cursor:crosshair;touch-action:none;width:100%;max-width:100%;height:150px}.signature-placeholder{color:var(--ink-soft);font-size:.75rem;position:absolute;bottom:.5rem;right:.5rem}.signature-icon-wrapper{background:var(--gold);border-radius:.75rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.signature-title{font-family:var(--font-mono);color:var(--gold);font-size:.8rem;font-weight:600}.signature-desc{color:var(--ink-soft);font-size:.75rem}.report-form-input{border:1px solid var(--line);width:100%;font-family:var(--font-mono);background:var(--paper);color:var(--ink);border-radius:.5rem;padding:.625rem 1rem;font-size:.875rem;transition:border-color .18s}.report-form-input:focus{border-color:var(--gold);outline:none}.report-form-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink);margin-bottom:.5rem;font-size:.65rem;font-weight:600;display:block}.modal-backdrop-dark{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9}.toggle-switch{background:var(--ash);border-radius:9999px;width:2.75rem;height:1.5rem;transition:background .18s;position:relative}.text-ink{color:var(--ink)}.text-ink-soft{color:var(--ink-soft)}.text-error{color:oklch(45% .15 25)}.heading-color{color:var(--ink)}.heading-muted{color:var(--ink-soft)}.panel-summary-card{text-align:center}.panel-summary-label{font-family:var(--font-mono);text-transform:uppercase;margin:0;font-size:.65rem}.panel-summary-value{font-family:var(--font-display);color:var(--ink);margin:.5rem 0 0;font-size:2rem;font-weight:600}.panel-summary-card-accent{border-color:var(--gold)}.panel-summary-card-accent .panel-summary-label{color:var(--gold)}.panel-summary-card-success{border-color:oklch(65% .15 145)}.panel-summary-card-success .panel-summary-label{color:oklch(65% .15 145)}.panel-table-wrapper{overflow-x:auto}.panel-table{border-collapse:collapse;width:100%;min-width:40rem}.panel-table-header{background:var(--paper-soft)}.panel-table-header-cell{text-align:left;font-family:var(--font-mono);text-transform:uppercase;color:var(--ink-soft);padding:1rem;font-size:.6rem}.panel-table-row{border-top:1px solid var(--line)}.panel-table-cell{vertical-align:top;padding:1rem}.panel-table-cell-mono{font-family:var(--font-mono);color:var(--gold);font-size:.85rem;font-weight:600}.panel-table-cell-muted{color:var(--ink-soft);font-size:.7rem}.panel-table-cell-bold{color:var(--ink);font-weight:600}.panel-table-cell-date{color:var(--ink-soft);font-size:.8rem}.panel-table-cell-files{font-family:var(--font-mono);font-size:.8rem}.panel-status-badge{border:1px solid var(--line);font-family:var(--font-mono);text-transform:uppercase;background:#f7f6f3;border-radius:9999px;padding:.25rem .75rem;font-size:.6rem;font-weight:600;display:inline-block}.panel-status-badge-gold{color:var(--gold)}.panel-status-badge-soft{color:var(--ink-soft)}.panel-status-badge-success{color:#b48c46}.panel-status-badge-error{color:#b45a3c}.panel-actions{align-items:center;gap:.5rem;display:flex}.panel-btn{align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.65rem;display:inline-flex}.panel-btn-delete{color:#fff;background:oklch(60% .2 25)}.panel-card{padding:0;overflow:hidden}.panel-empty{border:1px dashed var(--line);border-radius:1rem}.alert-success{color:var(--ink);background:oklch(65% .15 145/.1);border:1px solid oklch(65% .15 145/.3);border-radius:.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.panel-card-wrapper{padding:0;overflow:hidden}.admin-mobile-overlay{background:oklch(20% .015 80/.5)}.icon-btn{background:var(--paper);border:1px solid var(--line);border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.icon-btn-sm{width:2rem;height:2rem}.mobile-menu-btn{background:var(--paper);border:1px solid var(--line);border-radius:.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.mobile-sidebar-close{background:var(--paper);border:1px solid var(--line);border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex;position:absolute;top:1rem;right:1rem}.dropdown-header{border-bottom:1px solid var(--line);background:var(--paper-soft);padding:.75rem 1rem}.dropdown-header-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);font-size:.65rem;font-weight:600}.dropdown-header-name{color:var(--ink);font-size:.875rem;font-weight:500}.dropdown-header-id{color:var(--ink-soft);font-size:.75rem}.btn-logout{color:#e11d48}.toast-message{color:var(--ink);flex:1;font-size:.875rem;font-weight:500}.toast-close{color:var(--ink-soft)}.btn-danger{color:#e11d48}.divider-custom{background:var(--line);height:1px}@media (width>=1024px){.lg-show{display:block}}@media (width<=1023px){.mobile-show{display:block}}.form-page-container{max-width:48rem;margin:0 auto}.avatar-section{flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.avatar-photo-wrapper{position:relative}.avatar-photo{border:3px solid var(--gold);background:linear-gradient(135deg, var(--gold) 0 38%, var(--sun) 38% 58%, var(--night-soft) 58%);border-radius:50%;justify-content:center;align-items:center;width:8rem;height:8rem;display:flex;overflow:hidden}.avatar-photo img{object-fit:cover;width:100%;height:100%}.avatar-photo-initials{font-family:var(--font-mono);color:var(--night);font-size:2rem;font-weight:700}.avatar-name{font-family:var(--font-display);color:var(--ink);margin-top:1rem;font-size:1.25rem;font-weight:600}.avatar-id{font-family:var(--font-mono);color:var(--gold);font-size:.8rem}.form-divider{background:linear-gradient(90deg, transparent, var(--line), transparent);height:1px;margin:1.5rem 0}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.form-grid-full{grid-column:1/-1}.form-field{flex-direction:column;display:flex}.form-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--ink-soft);margin-bottom:.5rem;font-size:.65rem;display:block}.form-input{border:1px solid var(--line);width:100%;font-family:var(--font-mono);color:var(--ink);border-radius:.5rem;padding:.75rem 1rem;transition:border-color .18s}.form-input-readonly{background:var(--paper-soft);opacity:.8}.form-input-default{background:var(--paper)}.form-input:focus{border-color:var(--gold);outline:none}.form-textarea{border:1px solid var(--line);background:var(--paper);width:100%;font-family:var(--font-mono);color:var(--ink);resize:vertical;border-radius:.5rem;padding:.75rem 1rem;transition:border-color .18s}.form-textarea:focus{border-color:var(--gold);outline:none}.form-actions{justify-content:flex-end;gap:1rem;display:flex}.back-link{color:var(--ink-soft);font-family:var(--font-mono);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.7rem;text-decoration:none;transition:color .18s;display:inline-flex}.back-link:hover{color:var(--gold)}.edit-badge{border:1px solid var(--gold);font-family:var(--font-mono);text-transform:uppercase;color:var(--gold);background:oklch(68% .145 74/.1);border-radius:9999px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.65rem;display:inline-flex}.alert-error{background:oklch(45% .15 25/.1);border:1px solid oklch(45% .15 25);border-radius:.5rem;margin-top:1.5rem;padding:1rem}.alert-error-text{color:oklch(45% .15 25);font-family:var(--font-mono);font-size:.85rem}.alert-success{background:oklch(45% .15 145/.1);border:1px solid oklch(45% .15 145);border-radius:.5rem;margin-top:1.5rem;padding:1rem}.alert-success-text{color:oklch(45% .15 145);font-family:var(--font-mono);font-size:.85rem}.news-article-container{max-width:48rem;margin:0 auto}.breadcrumb-nav{color:var(--ink-soft);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.8rem;display:flex}.breadcrumb-nav a{color:var(--ink-soft);align-items:center;gap:.3rem;text-decoration:none;transition:color .18s;display:flex}.breadcrumb-nav a:hover{color:var(--gold)}.breadcrumb-nav-current{color:var(--gold);align-items:center;gap:.3rem;display:flex}.breadcrumb-separator svg{width:12px;height:12px}.article-hero{text-align:center}.article-hero-badge{background:var(--gold);color:var(--night);font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:.4rem;margin-bottom:.5rem;padding:.2rem .6rem;font-size:.6rem;font-weight:700;display:inline-flex}.article-hero-title{font-family:var(--font-display);color:var(--ink);justify-content:center;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600;display:flex}.article-hero-subtitle{color:var(--ink-soft);max-width:32rem;margin:0 auto 1rem;font-size:.9rem}.article-hero-meta{color:var(--ink-soft);justify-content:center;gap:1rem;font-size:.8rem;display:flex}.article-hero-meta-item{align-items:center;gap:.3rem;display:flex}.article-figure{border:1px solid var(--line);border-radius:.5rem;margin-bottom:2rem;overflow:hidden}.article-figure img{object-fit:cover;width:100%;height:auto;max-height:30rem}.article-meta-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.article-meta-left{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.article-meta-right{font-family:var(--font-mono);color:var(--ink-soft);align-items:center;gap:1.5rem;font-size:.7rem;display:flex}.article-meta-date{font-family:var(--font-mono);color:var(--ink-soft);font-size:.7rem}.article-title{font-family:var(--font-display);color:var(--ink);text-align:center;margin:0 0 1.5rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;line-height:1.3}.article-excerpt{border-left:3px solid var(--gold);background:var(--paper-soft);border-radius:0 .5rem .5rem 0;margin-bottom:1.5rem;padding:1rem 1.5rem}.article-excerpt p{color:var(--ink-soft);margin:0;font-size:.95rem;font-style:italic}.team-info-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.team-card{background:var(--paper-soft);border:1px solid var(--line);align-items:center;gap:.75rem;padding:.75rem;display:flex}.team-card-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.team-card-icon svg{width:1rem;height:1rem;color:var(--night)}.team-card-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:.55rem}.team-card-value{color:var(--ink);margin:.1rem 0 0;font-size:.8rem;font-weight:600}.team-card-icon-writer{background:var(--gold)}.team-card-icon-editor{background:#aa50a0}.team-card-icon-photographer{background:#b48c46}.article-content-section,.share-section{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.5rem}.share-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.share-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--ink-soft);font-size:.65rem}.share-buttons{gap:.5rem;display:flex}.share-btn{border:1px solid var(--line);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;transition:border-color .18s;display:flex}.share-btn:hover{border-color:var(--gold)}.share-btn svg{width:1rem;height:1rem}.related-news-section{border-top:1px solid var(--line);padding:3rem clamp(1.2rem,3.5vw,3rem)}.related-news-container{max-width:72rem;margin:0 auto}.related-news-title{font-family:var(--font-display);border-bottom:1px solid var(--line);align-items:center;gap:.5rem;margin:0 0 1.5rem;padding-bottom:.75rem;font-size:1.1rem;font-weight:600;display:flex}.news-tag{align-items:center;gap:.3rem;display:flex}.article-card-title{font-family:var(--font-display);color:var(--ink);align-items:flex-start;gap:.4rem;font-size:1rem;font-weight:600;display:flex}.article-card-title svg{flex-shrink:0;margin-top:.1rem}.article-meta-value-icon{align-items:center;gap:.3rem;display:flex}.toast-notification{z-index:100;background:var(--gold);color:var(--night);font-family:var(--font-mono);border-radius:.5rem;padding:.75rem 1.25rem;font-size:.75rem;font-weight:600;position:fixed;bottom:1rem;right:1rem;box-shadow:0 8px 24px oklch(50% .15 50/.25)}.madrasah-semester .hero-badge{color:var(--gold);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;background:oklch(68% .145 74/.15);border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:.7rem;font-weight:600;display:inline-flex}.madrasah-semester .hero-badge svg{opacity:.8}.madrasah-semester .hero-title{font-family:var(--font-display);color:var(--ink);text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;gap:1rem;margin:0 0 1rem;font-size:clamp(2rem,4vw,3rem);font-weight:300;line-height:1.2;display:flex}.madrasah-semester .hero-title svg{filter:drop-shadow(0 2px 8px oklch(50% .15 50/.3));flex-shrink:0}.madrasah-semester .hero-subtitle{color:var(--ink-soft);max-width:36rem;margin:0 auto 1.5rem;font-size:1.1rem;line-height:1.6}.madrasah-semester .hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.madrasah-semester .btn-secondary{color:var(--ink);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--line);transition:all .2s var(--ease);background:0 0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.madrasah-semester .btn-secondary:hover{border-color:var(--gold);color:var(--gold);background:oklch(68% .145 74/.05)}.neo-card-header{border-bottom:1px solid var(--line);align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.neo-card-icon{background:var(--gold);width:3rem;height:3rem;color:var(--night);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.neo-card-text{flex:1;min-width:0}.neo-card-title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1.15rem;font-weight:600;line-height:1.3}.neo-card-desc{color:var(--ink-soft);margin:.2rem 0 0;font-size:.85rem;line-height:1.4}.madrasah-semester .info-card{background:linear-gradient(135deg, var(--paper-soft) 0%, oklch(94% .035 78/.5) 100%);border:1px solid oklch(68% .145 74/.2)}.madrasah-semester .table-card{transition:box-shadow .2s var(--ease)}.madrasah-semester .table-card:hover{box-shadow:0 8px 30px oklch(18% .03 76/.1)}.neo-table .col-label{width:35%;min-width:180px}.neo-table .col-num{text-align:center;width:12%;min-width:70px}.neo-table .col-gender,.neo-table .col-total{text-align:center;width:10%;min-width:60px}.neo-table .col-action{text-align:center;width:5%;min-width:40px}.madrasah-semester .neo-table-header th{background:var(--paper);z-index:1;padding:.875rem 1rem;font-size:.75rem;position:sticky;top:0}.madrasah-semester .neo-table-header th.col-label{color:var(--ink);font-weight:700}.madrasah-semester .neo-table-header th.col-num,.madrasah-semester .neo-table-header th.col-gender,.madrasah-semester .neo-table-header th.col-total{color:var(--gold);text-align:center}.madrasah-semester .neo-table input[type=text],.madrasah-semester .neo-table input[type=number]{background:var(--paper);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:.375rem;padding:.625rem .75rem;font-size:.85rem;transition:border-color .18s,box-shadow .18s}.madrasah-semester .neo-table input[type=text]:focus,.madrasah-semester .neo-table input[type=number]:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px oklch(68% .145 74/.15)}.madrasah-semester .neo-table input[type=number]{text-align:center;font-family:var(--font-mono);font-weight:600}.madrasah-semester .neo-table input[type=number]:hover{background:oklch(68% .145 74/.05)}.madrasah-semester .neo-table-footer td{background:var(--paper);border-top:2px solid var(--line);padding:.75rem 1rem;font-weight:700}.madrasah-semester .neo-table-footer .neo-table-total{color:var(--gold);font-size:.9rem}.madrasah-semester .tanah-card{background:linear-gradient(135deg, var(--paper-soft) 0%, #f7f6f380 100%);background:linear-gradient(135deg, var(--paper-soft) 0%, oklch(94% .035 78/.5) 100%)}.tanah-grid{background:var(--paper);border:1px solid var(--line);border-radius:.5rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem;padding:1rem;display:grid}.tanah-field{flex-direction:column;gap:.5rem;display:flex}.tanah-field .neo-field-label{font-size:.75rem}.input-with-unit{align-items:center;display:flex;position:relative}.input-with-unit input{padding-right:2.5rem}.input-unit{font-family:var(--font-mono);color:var(--ink-soft);pointer-events:none;font-size:.75rem;position:absolute;right:.75rem}.sertifikat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.madrasah-semester .status-badge{color:var(--gold);text-align:center;background:oklch(68% .145 74/.1);border:1px solid oklch(68% .145 74/.3);font-weight:700}.madrasah-semester .neo-form-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:1rem;margin-top:1rem;padding:1.5rem 0;display:flex}.neo-btn-action-save{background:var(--gold);color:var(--night);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s var(--ease);border:none;border-radius:.5rem;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex}.neo-btn-action-save:hover{background:var(--gold-dark);transform:translateY(-2px);box-shadow:0 8px 24px oklch(50% .15 50/.25)}.neo-btn-action-save svg{opacity:.9}@media (width<=768px){.neo-tabs{gap:.5rem;padding:.5rem}.neo-tab{padding:.5rem .75rem;font-size:.65rem}.neo-tab span{display:none}.neo-tab svg{width:1.25rem;height:1.25rem}.neo-card-header{flex-wrap:wrap}.neo-card-header .neo-btn-add{justify-content:center;width:100%;margin-top:.5rem;margin-left:0}}@media (width<=640px){.madrasah-semester .hero-title{gap:.5rem;font-size:1.5rem}.madrasah-semester .hero-title svg{width:28px;height:28px}.neo-table-wrapper{-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem;overflow-x:auto}.neo-table{min-width:600px}.neo-table-header th,.neo-table-row td{padding:.625rem .5rem}.tanah-grid{grid-template-columns:repeat(2,1fr)}.sertifikat-grid{grid-template-columns:1fr}.madrasah-semester .neo-form-actions{flex-direction:column}.madrasah-semester .neo-form-actions button{justify-content:center;width:100%}}@media (width>=1400px){.neo-table .col-label{width:40%;min-width:220px}.neo-table .col-num{min-width:80px}}.neo-field-label svg{opacity:.6;flex-shrink:0}.madrasah-semester .neo-form-select{background:var(--paper);border:1px solid var(--line);width:100%;font-family:var(--font-mono);color:var(--ink);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border-radius:.5rem;padding:.75rem 2.5rem .75rem 1rem;font-size:.85rem;transition:border-color .18s,box-shadow .18s}.madrasah-semester .neo-form-select:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px oklch(68% .145 74/.15)}.madrasah-semester .neo-form-input{background:var(--paper);border:1px solid var(--line);width:100%;font-family:var(--font-mono);color:var(--ink);border-radius:.5rem;padding:.75rem 1rem;font-size:.85rem;transition:border-color .18s,box-shadow .18s}.madrasah-semester .neo-form-input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px oklch(68% .145 74/.15)}.madrasah-semester .neo-form-input::placeholder{color:var(--ink-soft);opacity:.6}.madrasah-semester .neo-form-input[readonly]{cursor:not-allowed;background:oklch(68% .145 74/.05)}.mt-4{margin-top:1rem}.madrasah-profil .hero-badge-wrapper{text-align:center;max-width:48rem}.madrasah-profil .hero-badge{color:var(--gold);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;background:oklch(68% .145 74/.15);border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:.7rem;font-weight:600;display:inline-flex}.madrasah-profil .hero-badge svg{opacity:.8}.madrasah-profil .hero-title{font-family:var(--font-display);color:var(--ink);text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;gap:1rem;margin:0 0 1rem;font-size:clamp(2rem,4vw,3rem);font-weight:300;line-height:1.2;display:flex}.madrasah-profil .hero-title svg{filter:drop-shadow(0 2px 8px oklch(50% .15 50/.3));flex-shrink:0}.madrasah-profil .hero-subtitle{color:var(--ink-soft);max-width:36rem;margin:0 auto 1.5rem;font-size:1.1rem;line-height:1.6}.madrasah-profil .hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.madrasah-profil .section-card{transition:box-shadow .2s var(--ease), border-color .2s var(--ease)}.madrasah-profil .section-card:hover{border-color:var(--gold);box-shadow:0 8px 30px oklch(18% .03 76/.1)}.form-grid{gap:1rem;display:grid}.form-grid-lg{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-grid-md{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.form-grid-sm{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.form-grid-xs{grid-template-columns:repeat(6,1fr)}.form-full{grid-column:1/-1}.input-with-unit-sm{align-items:center;display:flex;position:relative}.input-with-unit-sm input{padding-right:2.5rem}.unit-label{font-family:var(--font-mono);color:var(--ink-soft);pointer-events:none;background:var(--paper);padding:0 .25rem;font-size:.7rem;position:absolute;right:.75rem}.akreditasi-badge{font-family:var(--font-mono);text-align:center;text-transform:uppercase;font-size:1.1rem;font-weight:700}.status-negeri{font-family:var(--font-mono);text-transform:uppercase;font-weight:700}.sub-section{background:var(--paper);border:1px solid var(--line);border-radius:.5rem;padding:1rem}.sub-section-title{font-family:var(--font-display);color:var(--ink);border-bottom:1px solid var(--line);align-items:center;gap:.5rem;margin:0 0 1rem;padding-bottom:.75rem;font-size:.95rem;font-weight:600;display:flex}.sub-section-title svg{color:var(--gold);flex-shrink:0}.form-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:1rem;margin-top:1rem;padding:1.5rem 0;display:flex}.btn-action-cancel{color:var(--ink);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--line);transition:all .2s var(--ease);background:0 0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-action-cancel:hover{border-color:var(--gold);color:var(--gold);background:oklch(68% .145 74/.05)}.btn-action-reset{color:var(--ink-soft);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--line);cursor:pointer;transition:all .2s var(--ease);background:0 0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.75rem;font-weight:600;display:inline-flex}.btn-action-reset:hover{border-color:var(--ink);color:var(--ink);background:var(--paper-soft)}.btn-action-save{background:var(--gold);color:var(--night);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s var(--ease);border:none;border-radius:.5rem;align-items:center;gap:.75rem;padding:.875rem 2rem;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-action-save:hover{background:var(--gold-dark);transform:translateY(-2px);box-shadow:0 8px 24px oklch(50% .15 50/.25)}@media (width<=1200px){.form-grid-xs{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.form-grid-lg,.form-grid-md,.form-grid-sm{grid-template-columns:1fr}.form-grid-xs{grid-template-columns:repeat(2,1fr)}.form-full{grid-column:1}.neo-card-header{flex-wrap:wrap}.sub-section{padding:.75rem}.form-actions{flex-direction:column}.form-actions button,.form-actions a{justify-content:center;width:100%}}@media (width<=480px){.form-grid-xs{grid-template-columns:1fr}.madrasah-profil .hero-title{gap:.5rem;font-size:1.5rem}.madrasah-profil .hero-title svg{width:32px;height:32px}}