@import "https://fonts.googleapis.com/css2?family=Abel&family=ABeeZee:ital@0;1&family=Ruda:wght@400;500;600;700;800;900&family=Amaranth:wght@400;700&display=swap";:root{--color-green-900:#1a4006;--color-green-800:#245a09;--color-green-700:#32770c;--color-green-600:#4a9418;--color-green-500:#6fb12e;--color-green-400:#8ec750;--color-green-300:#b0d97e;--color-green-200:#cdf451;--color-green-100:#e8fabc;--color-green-50:#f4fde0;--color-yellow-600:#c9a603;--color-yellow-500:#f1d104;--color-yellow-400:#fdf353;--color-yellow-300:#fef780;--color-yellow-200:#fefaad;--color-yellow-100:#fefcd6;--color-red-600:#d94c40;--color-red-500:#ff675b;--color-red-400:#df4b4b;--color-red-300:#f08080;--color-white:#fff;--color-gray-50:#f8f7f3;--color-gray-100:#f0efeb;--color-gray-200:#e7e6e2;--color-gray-300:#d1d0cc;--color-gray-400:#a8a7a3;--color-gray-500:#7a7975;--color-gray-600:#5a5955;--color-gray-700:#424242;--color-gray-800:#2a2a2a;--color-gray-900:#1a1a1a;--color-black:#000;--color-primary:var(--color-green-700);--color-primary-light:var(--color-green-500);--color-primary-lighter:var(--color-green-200);--color-secondary:var(--color-yellow-500);--color-accent:var(--color-red-500);--color-accent-dark:var(--color-red-400);--color-bg:var(--color-white);--color-bg-alt:var(--color-gray-50);--color-text:var(--color-gray-800);--color-text-light:var(--color-gray-600);--color-text-muted:var(--color-gray-500);--color-border:var(--color-gray-200);--gradient-hero:linear-gradient(135deg, #6fb12e 0%, #32770c 100%);--gradient-hero-yellow:linear-gradient(135deg, #fff949 0%, #6fb12e 100%);--gradient-card-green:linear-gradient(145deg, #cdf451 0%, #6fb12e 100%);--gradient-card-yellow:linear-gradient(145deg, #fdf353 0%, #f1d104 100%);--gradient-dark:linear-gradient(135deg, #1a4006 0%, #000 100%);--font-display:"Abel", sans-serif;--font-heading:"Ruda", sans-serif;--font-body:"ABeeZee", sans-serif;--font-accent:"Amaranth", sans-serif;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:.75rem;--space-base:1rem;--space-lg:1.25rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:2.5rem;--space-4xl:3rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.875rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f;--shadow-xl:0 12px 48px #00000029;--shadow-green:0 4px 20px #32770c33;--shadow-card:0 2px 12px #0000000f;--shadow-card-hover:0 8px 24px #0000001f;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.175, .885, .32, 1.275);--header-height:56px;--bottom-nav-height:64px;--safe-area-bottom:env(safe-area-inset-bottom,0px);--content-padding:1rem;--max-width:480px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;width:100%;font-size:16px;overflow-x:hidden}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:100dvh;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100dvh;display:flex;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover,a:focus-visible{color:var(--color-primary-light)}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-gray-900);font-weight:700;line-height:1.3}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-md)}p{margin-bottom:var(--space-base);color:var(--color-text)}.container{width:100%;max-width:var(--max-width);padding:0 var(--content-padding);margin:0 auto}.section{padding:var(--space-2xl) 0}.section-title{font-family:var(--font-display);font-size:var(--text-2xl);text-align:center;margin-bottom:var(--space-xl);color:var(--color-gray-900);font-weight:400;position:relative}.section-title:after{content:"";background:var(--gradient-hero);width:48px;height:3px;margin:var(--space-sm) auto 0;border-radius:var(--radius-full);display:block}.section-title--white{color:var(--color-white)}.section-title--white:after{background:var(--color-white)}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--transition-base), box-shadow var(--transition-base);overflow:hidden}.card:active{transform:scale(.98)}.card:hover{box-shadow:var(--shadow-card-hover)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);font-family:var(--font-heading);font-weight:600;font-size:var(--text-sm);transition:all var(--transition-base);white-space:nowrap;min-height:44px;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:#ffffff26;position:absolute;inset:0}.btn:active:after{opacity:1}.btn-primary{background:var(--gradient-hero);color:var(--color-white);box-shadow:var(--shadow-green)}.btn-accent{background:var(--color-accent);color:var(--color-white)}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary);background:0 0}.btn-sm{padding:var(--space-sm) var(--space-base);font-size:var(--text-xs);min-height:36px}.badge{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;font-family:var(--font-heading);align-items:center;display:inline-flex}.badge-green{background:var(--color-green-100);color:var(--color-green-700)}.badge-yellow{background:var(--color-yellow-200);color:var(--color-yellow-600)}.page-content{padding-top:var(--header-height);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--space-base));flex:1;min-height:100dvh}.glass{-webkit-backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #ffffff4d}.glass-dark{-webkit-backdrop-filter:blur(16px);background:#0009;border:1px solid #ffffff1a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:.5s ease-out forwards fadeInUp}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.placeholder-img{background:linear-gradient(90deg, var(--color-gray-100) 25%, var(--color-gray-200) 50%, var(--color-gray-100) 75%);color:var(--color-gray-400);font-size:var(--text-sm);background-size:200% 100%;justify-content:center;align-items:center;animation:1.5s infinite shimmer;display:flex}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}.scroll-x{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:var(--space-base);padding-bottom:var(--space-sm);scrollbar-width:none;display:flex;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}.scroll-x>*{scroll-snap-align:start;flex-shrink:0}.content-list{padding-left:var(--space-xl);margin-bottom:var(--space-xl)}.content-list li{margin-bottom:var(--space-sm);color:var(--color-text);line-height:1.7;font-size:var(--text-sm);list-style:decimal}.divider{background:var(--color-border);width:100%;height:1px;margin:var(--space-xl) 0}.mobile-nav__backdrop{z-index:100;opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#00000080;position:fixed;inset:0}.mobile-nav__backdrop.active{opacity:1;pointer-events:all}.mobile-nav{background:var(--color-white);z-index:101;width:85%;max-width:360px;height:100dvh;transition:transform var(--transition-slow), visibility var(--transition-slow);visibility:hidden;pointer-events:none;flex-direction:column;display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-8px 0 32px #00000026}.mobile-nav.open{visibility:visible;pointer-events:auto;transform:translate(0)}.mobile-nav__header{padding:var(--space-xl) var(--space-lg);background:var(--gradient-hero);justify-content:flex-end;gap:var(--space-md);flex-direction:column;min-height:120px;display:flex}.mobile-nav__brand{align-items:center;gap:var(--space-md);display:flex}.mobile-nav__brand-img{object-fit:contain;filter:drop-shadow(0 2px 6px #0003);width:46px;height:46px}.mobile-nav__partners{align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);background:#ffffff26;align-self:flex-start;padding:4px 10px;display:flex}.mobile-nav__partner-img{object-fit:contain;border-radius:var(--radius-full);width:22px;height:22px}.mobile-nav__brand-title{color:#fff;font-family:var(--font-heading);font-weight:800;font-size:var(--text-lg)}.mobile-nav__brand-sub{color:#fffc;font-size:var(--text-xs);max-width:200px;line-height:1.3}.mobile-nav__list{padding:var(--space-md) 0;flex:1}.mobile-nav__item{border-bottom:1px solid var(--color-gray-100)}.mobile-nav__link{width:100%;padding:var(--space-lg) var(--space-xl);font-family:var(--font-heading);font-weight:600;font-size:var(--text-base);color:var(--color-gray-700);transition:all var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;text-decoration:none;display:flex}.mobile-nav__link:hover,.mobile-nav__link.active{color:var(--color-primary);background:var(--color-green-50)}.mobile-nav__link.active{border-left:3px solid var(--color-primary)}.mobile-nav__chevron{transition:transform var(--transition-base);color:var(--color-gray-400);font-size:18px}.mobile-nav__chevron.rotated{transform:rotate(180deg)}.mobile-nav__submenu{max-height:0;transition:max-height var(--transition-slow);background:var(--color-gray-50);overflow:hidden}.mobile-nav__submenu.expanded{max-height:400px}.mobile-nav__sublink{padding:var(--space-md) var(--space-xl);padding-left:var(--space-3xl);font-size:var(--text-sm);color:var(--color-gray-600);transition:all var(--transition-fast);border-left:3px solid #0000;text-decoration:none;display:block}.mobile-nav__sublink:hover,.mobile-nav__sublink.active{color:var(--color-primary);background:var(--color-green-100);border-left-color:var(--color-primary)}.mobile-nav__install{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-gray-100);justify-content:center;display:flex}.mobile-nav__install-btn{width:100%}.mobile-nav__footer{padding:var(--space-lg);text-align:center;border-top:1px solid var(--color-gray-100)}.mobile-nav__footer p{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.pwa-banner{bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 12px);width:calc(100% - 24px);max-width:calc(var(--max-width) - 24px);z-index:95;-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);justify-content:space-between;align-items:center;gap:var(--space-sm);background:#fffffff5;border:1px solid #32770c33;margin:0 auto;padding:10px 14px;animation:.45s cubic-bezier(.16,1,.3,1) forwards pwaSlideUp;display:flex;position:fixed;left:0;right:0;box-shadow:0 10px 32px #00000024,0 2px 8px #32770c14}.pwa-banner--closing{animation:.3s cubic-bezier(.4,0,1,1) forwards pwaSlideDown}@keyframes pwaSlideUp{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pwaSlideDown{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(24px)scale(.96)}}.pwa-banner__main{align-items:center;gap:var(--space-sm);flex:1;min-width:0;display:flex}.pwa-banner__icon-box{border-radius:var(--radius-md);background:var(--color-gray-50);border:1px solid #32770c26;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;display:flex;overflow:hidden;box-shadow:0 2px 6px #0000000f}.pwa-banner__icon-img{object-fit:contain;width:32px;height:32px}.pwa-banner__text{flex-direction:column;min-width:0;display:flex}.pwa-banner__title{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--color-gray-900);white-space:nowrap;text-overflow:ellipsis;font-weight:700;line-height:1.2;overflow:hidden}.pwa-banner__desc{font-family:var(--font-body);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;line-height:1.3;overflow:hidden}.pwa-banner__actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.pwa-banner__btn-install{font-size:var(--text-xs);border-radius:var(--radius-full);min-height:34px;box-shadow:var(--shadow-green);gap:4px;padding:6px 12px}.pwa-banner__btn-close{border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-gray-400);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:18px;display:flex}.pwa-banner__btn-close:hover{color:var(--color-gray-700);background:#0000000d}.header{width:100%;max-width:var(--max-width);height:var(--header-height);padding:0 var(--content-padding);z-index:100;-webkit-backdrop-filter:blur(20px);background:#ffffffeb;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;margin:0 auto;display:flex;position:fixed;top:0;left:0;right:0}.header__logo{align-items:center;gap:var(--space-sm);text-decoration:none;display:flex}.header__logo-img{object-fit:contain;filter:drop-shadow(0 2px 4px #0000001a);width:38px;height:38px}.header__right{align-items:center;gap:var(--space-sm);display:flex}.header__partners{align-items:center;gap:6px;display:flex}.header__partner-logo{object-fit:contain;border-radius:var(--radius-full);width:28px;height:28px;transition:transform var(--transition-fast)}.header__partner-logo:hover{transform:scale(1.1)}.header__logo-text{flex-direction:column;line-height:1.1;display:flex}.header__logo-title{font-family:var(--font-heading);font-weight:800;font-size:var(--text-md);color:var(--color-primary)}.header__logo-subtitle{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted)}.header__hamburger{cursor:pointer;z-index:102;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;display:flex}.header__hamburger span{background:var(--color-gray-700);border-radius:var(--radius-full);width:22px;height:2px;transition:all var(--transition-base);transform-origin:50%;display:block}.header__hamburger.active span:first-child{transform:translateY(7px)rotate(45deg)}.header__hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.header__hamburger.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.bottom-nav{width:100%;max-width:var(--max-width);height:calc(var(--bottom-nav-height) + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);z-index:100;-webkit-backdrop-filter:blur(20px);background:#ffffffeb;border-top:1px solid #0000000f;justify-content:space-around;align-items:center;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{padding:var(--space-xs) var(--space-sm);color:var(--color-gray-400);transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:56px;text-decoration:none;display:flex;position:relative}.bottom-nav__item.active{color:var(--color-primary)}.bottom-nav__icon{transition:transform var(--transition-spring);font-size:22px}.bottom-nav__item.active .bottom-nav__icon{transform:scale(1.1)}.bottom-nav__label{font-size:10px;font-family:var(--font-heading);letter-spacing:.2px;font-weight:600}.bottom-nav__indicator{background:var(--gradient-hero);border-radius:0 0 var(--radius-full) var(--radius-full);width:24px;height:3px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.footer{color:var(--color-white);text-align:center;padding:var(--space-2xl) var(--content-padding);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--space-2xl));background:#111a08;flex-direction:column;align-items:center;display:flex}.footer__logos{justify-content:center;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-lg);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-full);background:#ffffff14;border:1px solid #ffffff1a;display:flex}.footer__logo-img{object-fit:contain;width:36px;height:36px;transition:transform var(--transition-fast)}.footer__logo-img--center{width:44px;height:44px}.footer__logo-img:hover{transform:scale(1.1)}.footer__title{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--color-green-200);margin-bottom:2px;font-weight:700}.footer__univ{font-family:var(--font-body);font-size:var(--text-xs);color:#ffffffe6;margin-bottom:2px;font-weight:600}.footer__address{font-family:var(--font-body);color:#fff9;margin-bottom:var(--space-md);font-size:11px}.footer__divider{width:40px;height:2px;margin-bottom:var(--space-md);border-radius:var(--radius-full);background:#ffffff26}.footer__copy{font-family:var(--font-body);color:#ffffff73;margin:0;font-size:10px}.hero{align-items:center;min-height:340px;display:flex;position:relative;overflow:hidden}.hero__bg{position:absolute;inset:0;overflow:hidden}.hero__image{filter:brightness(.88)contrast(1.05);background-image:url(/images/hero-building.jpg);background-position:50% 32%;background-size:cover;position:absolute;inset:0;transform:scale(1.03)}.hero__gradient{-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);background:linear-gradient(145deg,#14520af0 0%,#226912e0 38%,#46961eb8 75%,#8ccd328c 100%);position:absolute;inset:0}.hero__pattern{background:url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='40' r='2' fill='rgba(255,255,255,0.06)'/%3E%3C/svg%3E") 0 0/40px 40px;position:absolute;inset:0}.hero__content{z-index:2;padding:var(--space-4xl) var(--content-padding) var(--space-3xl);animation:.6s ease-out fadeInUp;position:relative}.hero__institution-bar{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.hero__badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-full);font-family:var(--font-heading);font-weight:700;font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase;background:#fff3;padding:5px 14px;display:inline-block}.hero__logos-strip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-full);background:#ffffff40;border:1px solid #ffffff59;align-items:center;gap:8px;padding:4px 10px;display:flex}.hero__logo-item{object-fit:contain;width:26px;height:26px;transition:transform var(--transition-fast);filter:drop-shadow(0 1px 3px #00000026)}.hero__logo-item--undana{width:30px;height:30px}.hero__logo-item:hover{transform:scale(1.15)}.hero__title{font-family:var(--font-display);color:#fff;margin-bottom:var(--space-xs);overflow-wrap:break-word;font-size:clamp(1.35rem,5.5vw,1.875rem);font-weight:400;line-height:1.2}.hero__subtitle{font-family:var(--font-heading);color:var(--color-green-200);margin-bottom:var(--space-md);font-size:clamp(1rem,4vw,1.25rem);font-weight:700}.hero__desc{font-size:var(--text-sm);color:#ffffffd9;max-width:280px;margin:0}.hero__wave{z-index:3;position:absolute;bottom:-1px;left:0;right:0}.hero__wave svg{width:100%;height:auto;display:block}.quick-actions__grid{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.quick-action-card__link{color:inherit;text-decoration:none;display:block}.quick-action-card{padding:var(--space-md) var(--space-sm);border-radius:var(--radius-lg);text-align:center;align-items:center;gap:var(--space-sm);transition:transform var(--transition-base), box-shadow var(--transition-base);box-shadow:var(--shadow-sm);overflow-wrap:break-word;word-break:break-word;flex-direction:column;justify-content:center;min-height:120px;display:flex}.quick-action-card:active{transform:scale(.96)}.quick-action-card--green{background:var(--color-green-200)}.quick-action-card--yellow{background:var(--color-yellow-400)}.quick-action-card--dark{background:var(--color-green-700)}.quick-action-card__icon{border-radius:var(--radius-full);justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.quick-action-card__icon--green{background:var(--color-green-700);color:#fff}.quick-action-card__icon--yellow{background:var(--color-yellow-500);color:#fff}.quick-action-card__icon--dark{background:var(--color-green-200);color:var(--color-green-700)}.quick-action-card__label{font-family:var(--font-heading);font-weight:600;font-size:var(--text-xs);line-height:1.4}.quick-action-card--green .quick-action-card__label,.quick-action-card--yellow .quick-action-card__label{color:var(--color-green-700)}.quick-action-card--dark .quick-action-card__label{color:#fff}.info-grafis-section{background:linear-gradient(180deg, var(--color-white) 0%, var(--color-gray-50) 50%, var(--color-white) 100%);padding:var(--space-2xl) 0}.section-header-center{text-align:center;margin-bottom:var(--space-xl)}.section-subtitle-desc{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:calc(-1 * var(--space-xs));margin-bottom:0}.infografis-slider{max-width:440px;margin:0 auto;position:relative}.infografis-slider__viewport{border-radius:var(--radius-xl);background:var(--color-white);border:1px solid var(--color-gray-100);overflow:hidden;box-shadow:0 12px 36px #0000001a}.infografis-slider__track{will-change:transform;transition:transform .6s cubic-bezier(.25,1,.5,1);display:flex}.infografis-slider__slide{flex:0 0 100%;width:100%;min-width:100%}.infografis-slider__card{color:inherit;background:var(--color-white);text-decoration:none;display:block}.infografis-slider__img-wrap{aspect-ratio:1/1.38;background:var(--color-gray-100);width:100%;position:relative;overflow:hidden}.infografis-slider__img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .4s;display:block}.infografis-slider__card:hover .infografis-slider__img{transform:scale(1.02)}.infografis-slider__badge{top:var(--space-md);right:var(--space-md);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:var(--text-xs);letter-spacing:.5px;z-index:2;background:#000000a6;border-radius:9999px;padding:4px 10px;font-weight:700;position:absolute}.infografis-slider__info{padding:var(--space-lg);border-top:1px solid var(--color-gray-100);background:var(--color-white)}.infografis-slider__title{font-family:var(--font-heading);font-size:var(--text-base);color:var(--color-gray-900);margin-bottom:var(--space-xs);font-weight:700;line-height:1.3}.infografis-slider__desc{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-md);line-height:1.5}.infografis-slider__btn{align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--color-primary);font-weight:700;font-family:var(--font-heading);transition:gap var(--transition-base), color var(--transition-base);display:inline-flex}.infografis-slider__card:hover .infografis-slider__btn{gap:var(--space-sm);color:var(--color-green-700)}.infografis-slider__arrow{-webkit-backdrop-filter:blur(8px);width:40px;height:40px;color:var(--color-gray-800);cursor:pointer;z-index:6;transition:all var(--transition-base);background:#ffffffeb;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:flex;position:absolute;top:38%;transform:translateY(-50%);box-shadow:0 4px 14px #0000002e}.infografis-slider__arrow:hover{background:var(--color-primary);color:#fff;transform:translateY(-50%)scale(1.1)}.infografis-slider__arrow:active{transform:translateY(-50%)scale(.95)}.infografis-slider__arrow--prev{left:8px}.infografis-slider__arrow--next{right:8px}.infografis-slider__pagination{margin-top:var(--space-lg);justify-content:center;align-items:center;gap:8px;display:flex}.infografis-slider__dot{background:var(--color-gray-300);cursor:pointer;border:none;border-radius:9999px;width:10px;height:10px;padding:0;transition:all .3s cubic-bezier(.25,1,.5,1)}.infografis-slider__dot:hover{background:var(--color-gray-400)}.infografis-slider__dot.is-active{background:var(--color-primary);width:28px;box-shadow:0 2px 8px #32770c66}.social-grid{gap:var(--space-md);flex-direction:column;display:flex}.social-card{align-items:center;gap:var(--space-lg);padding:var(--space-lg);display:flex}.social-card__icon{border-radius:var(--radius-full);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.social-card__desc{font-family:var(--font-heading);font-weight:600;font-size:var(--text-sm);color:var(--color-gray-700);margin:0}.news-section{background:var(--color-gray-50)}.news-list{gap:var(--space-base);flex-direction:column;display:flex}.news-card{gap:var(--space-md);padding:var(--space-md);display:flex}.news-card__img{border-radius:var(--radius-md);flex-shrink:0;width:100px;height:100px}.news-card__body{flex:1;min-width:0}.news-card__title{font-size:var(--text-sm);margin:var(--space-xs) 0;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.news-card__excerpt{font-size:var(--text-xs);color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.news-card__author{color:var(--color-text-muted);margin-top:var(--space-xs);font-size:10px;display:block}.leaders-section{background:linear-gradient(180deg, var(--color-gray-50) 0%, var(--color-white) 100%)}.leaders-list{gap:var(--space-base);flex-direction:column;display:flex}.leader-card{gap:var(--space-lg);padding:var(--space-lg);align-items:center;display:flex}.leader-card__img{border-radius:var(--radius-md);object-fit:cover;object-position:top center;background:var(--color-gray-100);flex-shrink:0;width:80px;height:100px}.leader-card__info{flex:1}.leader-card__role{font-size:var(--text-xs);color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;font-weight:700;font-family:var(--font-heading)}.leader-card__name{font-size:var(--text-sm);margin:var(--space-xs) 0;font-weight:700;line-height:1.3}.leader-card__position{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.location-section__header{background:var(--gradient-hero);padding:var(--space-2xl) 0;margin-bottom:var(--space-xl);text-align:center}.location-section__logo{justify-content:center;align-items:center;display:flex}.location-section__logo-img{object-fit:contain;filter:drop-shadow(0 4px 8px #00000040);width:auto;height:64px}.location-scroll{padding:0 var(--content-padding);margin:0 calc(-1 * var(--content-padding))}.location-card{background:var(--color-green-500);border-radius:var(--radius-lg);width:260px;overflow:hidden}.location-card__img{object-fit:cover;width:100%;height:160px;display:block}.location-card__body{padding:var(--space-lg)}.location-card__name{font-family:var(--font-display);font-weight:400;font-size:var(--text-lg);color:#fff;margin-bottom:var(--space-sm)}.location-card__desc{font-size:var(--text-xs);color:#ffffffe6;white-space:pre-line;margin:0;line-height:1.6}.map-container{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.page-header{background:var(--gradient-hero);padding:var(--space-3xl) var(--content-padding) var(--space-xl);position:relative;overflow:hidden}.page-header__bg{background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L60 30L30 60L0 30z' fill='rgba(255,255,255,0.04)'/%3E%3C/svg%3E") 0 0/60px 60px;position:absolute;inset:0}.page-header__content{z-index:1;position:relative}.page-header__title{font-family:var(--font-display);font-weight:400;font-size:var(--text-2xl);color:var(--color-white);margin-bottom:var(--space-sm)}.page-header__breadcrumb{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.page-header__crumb-group{align-items:center;gap:var(--space-xs);display:flex}.page-header__crumb{font-size:var(--text-xs);color:#fffc;transition:color var(--transition-fast);align-items:center;text-decoration:none;display:flex}.page-header__crumb:hover{color:var(--color-white)}.page-header__crumb--current{color:var(--color-white);font-weight:600}.page-header__separator{color:#ffffff80;font-size:12px}.content-page{background:var(--color-white)}.content-page__body{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}.content-section{margin-bottom:var(--space-2xl)}.content-section__title{font-family:var(--font-display);font-weight:400;font-size:var(--text-2xl);color:var(--color-gray-900);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:3px solid var(--color-green-200);display:inline-block}.content-section__subtitle{font-family:var(--font-heading);font-weight:700;font-size:var(--text-lg);color:var(--color-primary);margin-bottom:var(--space-base)}.content-section p{font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-base);line-height:1.8}.content-section p strong{color:var(--color-gray-900)}.visi-misi-card{background:var(--gradient-hero);border-radius:var(--radius-xl);padding:var(--space-2xl);margin-bottom:var(--space-xl);color:#fff}.visi-misi-card__label{font-family:var(--font-heading);font-weight:800;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:2px;color:var(--color-green-200);margin-bottom:var(--space-sm)}.visi-misi-card__text{font-size:var(--text-base);color:#fff;margin:0;line-height:1.7}.misi-list{padding-left:var(--space-xl);margin:0}.misi-list li{font-size:var(--text-sm);color:#fff;margin-bottom:var(--space-sm);line-height:1.8;list-style:decimal}.struktur-leader{gap:var(--space-xl);margin-top:var(--space-xl);flex-direction:column;display:flex}.struktur-leader-card{text-align:center;padding:var(--space-xl)}.struktur-leader-card__img{border-radius:var(--radius-lg);width:140px;height:180px;margin:0 auto var(--space-lg);border:3px solid var(--color-gray-200);object-fit:cover;object-position:top center;background:var(--color-gray-100);display:block}.struktur-leader-card__name{font-size:var(--text-sm);margin-bottom:var(--space-xs);font-weight:700}.struktur-leader-card__position{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-md)}.struktur-leader-card__actions{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.struktur-img-wrapper{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:var(--space-2xl);background:var(--color-white);padding:var(--space-md);text-align:center;border:1px solid var(--color-gray-100);overflow:hidden}.struktur-img-wrapper a{text-decoration:none;display:block}.struktur-img-wrapper img,.struktur-img{border-radius:var(--radius-md);width:100%;max-width:840px;height:auto;transition:transform var(--transition-base);margin:0 auto;display:block}.struktur-img-wrapper a:hover img{transform:scale(1.01)}.empty-state{padding:var(--space-4xl) var(--space-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{color:var(--color-gray-300);margin-bottom:var(--space-lg);font-size:48px}.empty-state__title{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-gray-500);margin-bottom:var(--space-sm)}.empty-state__desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.doc-list{gap:var(--space-md);flex-direction:column;display:flex}.doc-item{align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--transition-base);display:flex}.doc-item:active{transform:scale(.98)}.doc-item__icon{border-radius:var(--radius-md);background:var(--color-green-50);width:40px;height:40px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.doc-item__content{flex:1}.doc-item__title{font-family:var(--font-heading);font-weight:600;font-size:var(--text-sm);color:var(--color-gray-800);margin-bottom:var(--space-xs);line-height:1.4}.doc-item__meta{font-size:var(--text-xs);color:var(--color-text-muted)}.tupoksi-section{margin-bottom:var(--space-2xl)}.tupoksi-section__title{font-family:var(--font-heading);font-weight:700;font-size:var(--text-md);color:var(--color-primary);margin-bottom:var(--space-base);padding:var(--space-md) var(--space-lg);background:var(--color-green-50);border-radius:var(--radius-md);border-left:4px solid var(--color-primary)}.infografis-wrapper{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:var(--color-white);padding:var(--space-md);text-align:center;overflow:hidden}.infografis-link{border-radius:var(--radius-md);transition:transform var(--transition-base), box-shadow var(--transition-base);text-decoration:none;display:block;overflow:hidden}.infografis-link:hover{transform:scale(1.01)}.infografis-img{border-radius:var(--radius-md);width:100%;max-width:540px;height:auto;margin:0 auto;display:block}.profil-intro-card{border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-xl);margin-bottom:var(--space-xl);background:linear-gradient(135deg,#f0fdf4 0%,#e8f5e9 100%);border:1px solid #c8e6c9;box-shadow:0 2px 10px #2d7a3a0d}.profil-intro-card__header{align-items:flex-start;gap:var(--space-md);display:flex}.profil-intro-card__icon-wrap{border-radius:var(--radius-lg);background:var(--color-primary);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:flex;box-shadow:0 4px 10px #2d7a3a33}.profil-intro-card__title{font-family:var(--font-heading);font-weight:700;font-size:var(--text-base);color:var(--color-primary-dark);margin:0 0 var(--space-xs)}.profil-intro-card__desc{font-size:var(--text-xs);color:var(--color-gray-700);margin:0;line-height:1.6}.profil-menu-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:1fr;display:grid}@media (width>=640px){.profil-menu-grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr)}}.profil-menu-card{align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid #e2e8f0;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.profil-menu-card:before{content:"";background:var(--color-primary);opacity:0;width:4px;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0}.profil-menu-card:hover{border-color:var(--color-green-200);transform:translateY(-3px);box-shadow:0 10px 24px -4px #2d7a3a1f,0 4px 8px -2px #0000000a}.profil-menu-card:hover:before{opacity:1}.profil-menu-card:active{transform:scale(.98)}.profil-menu-card__icon-box{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 4px 12px #00000014}.profil-menu-card__icon-box--from-emerald{color:#fff;background:linear-gradient(135deg,#059669,#10b981)}.profil-menu-card__icon-box--from-green{color:#fff;background:linear-gradient(135deg,#1b5e20,#2d7a3a)}.profil-menu-card__icon-box--from-teal{color:#fff;background:linear-gradient(135deg,#0d9488,#14b8a6)}.profil-menu-card__icon-box--from-cyan{color:#fff;background:linear-gradient(135deg,#0284c7,#06b6d4)}.profil-menu-card__icon-box--from-amber{color:#fff;background:linear-gradient(135deg,#d97706,#f59e0b)}.profil-menu-card__icon-box--from-blue{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6)}.profil-menu-card__icon{font-size:26px}.profil-menu-card__info{flex:1;min-width:0}.profil-menu-card__header-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.profil-menu-card__badge{text-transform:uppercase;letter-spacing:.5px;background:var(--color-green-50);color:var(--color-primary);border:1px solid var(--color-green-200);border-radius:9999px;padding:2px 8px;font-size:11px;font-weight:700}.profil-menu-card__title{font-family:var(--font-heading);font-weight:700;font-size:var(--text-base);color:var(--color-gray-900);margin:0 0 4px;line-height:1.3;transition:color .2s}.profil-menu-card:hover .profil-menu-card__title{color:var(--color-primary)}.profil-menu-card__desc{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.profil-menu-card__action{padding-left:var(--space-xs);flex-shrink:0}.profil-menu-card__arrow-btn{background:var(--color-green-50);width:36px;height:36px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex}.profil-menu-card:hover .profil-menu-card__arrow-btn{background:var(--color-primary);color:#fff;transform:translate(3px)}.ppid-unit-filter-bar{gap:var(--space-md);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.ppid-unit-search-box{align-items:center;display:flex;position:relative}.ppid-unit-search-icon{color:var(--color-gray-400);pointer-events:none;font-size:20px;position:absolute;left:14px}.ppid-unit-search-input{border-radius:var(--radius-xl);background:var(--color-white);width:100%;font-size:var(--text-sm);color:var(--color-gray-800);border:1px solid #e2e8f0;outline:none;padding:12px 38px 12px 42px;transition:border-color .2s,box-shadow .2s;box-shadow:0 2px 6px #0000000a}.ppid-unit-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2d7a3a26}.ppid-unit-search-clear{background:var(--color-gray-200);width:24px;height:24px;color:var(--color-gray-600);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:12px;transition:background .2s;display:flex;position:absolute;right:12px}.ppid-unit-search-clear:hover{background:var(--color-gray-300)}.ppid-unit-pills{flex-wrap:wrap;gap:8px;display:flex}.ppid-unit-pill{border-radius:var(--radius-full);background:var(--color-white);font-size:var(--text-xs);color:var(--color-gray-600);cursor:pointer;white-space:nowrap;border:1px solid #e2e8f0;align-items:center;gap:6px;padding:8px 14px;font-weight:600;transition:all .2s;display:inline-flex}.ppid-unit-pill:hover{border-color:var(--color-primary-light);color:var(--color-primary);background:var(--color-green-50)}.ppid-unit-pill.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 3px 8px #2d7a3a40}.ppid-unit-pill__count{background:#0000000f;border-radius:9999px;padding:1px 6px;font-size:10px;font-weight:700}.ppid-unit-pill.active .ppid-unit-pill__count{color:#fff;background:#ffffff40}.ppid-unit-status-badge{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9999px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.ppid-unit-status-icon{color:#16a34a;font-size:12px}.ppid-unit-code{font-size:var(--text-xs);color:var(--color-primary);font-weight:600}.app{width:100%;min-height:100dvh;max-width:var(--max-width);background:var(--color-bg);box-shadow:var(--shadow-lg);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow-x:clip}@media (width>=481px){.app{border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}}