:root{--glass-bg:rgba(255,255,255,0.55);--glass-bg-strong:rgba(255,255,255,0.72);--glass-line:rgba(255,255,255,0.65);--ink:#1a2a3a;--ink-soft:#506174;--primary:#1c86ff;--primary-dark:#1167cf;--surface-shadow:0 16px 36px rgba(10,34,64,0.16)}html,
body{margin:0;min-height:100%}body{display:flex;flex-direction:column;min-height:100vh;overflow-x:clip;font-family:'Manrope',sans-serif;color:var(--ink);background:radial-gradient(circle at 5% 10%,rgba(152,242,255,0.75) 0,rgba(152,242,255,0) 35%),radial-gradient(circle at 92% 6%,rgba(135,171,255,0.6) 0,rgba(135,171,255,0) 33%),radial-gradient(circle at 30% 92%,rgba(212,221,255,0.65) 0,rgba(212,221,255,0) 35%),linear-gradient(135deg,#f5fbff 0%,#e8f2ff 45%,#eef7ff 100%);background-attachment:fixed}.site-header,
.site-main,
.site-footer{position:relative;z-index:1}.site-decor{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.decor-svg{position:absolute;opacity:0.22;filter:blur(0.2px);transform-origin:center;animation:decorDrift 24s ease-in-out infinite}.decor-svg-left{top:-220px;left:-240px}.decor-svg-right{right:-210px;bottom:-250px;transform:scaleX(-1);animation-delay:-8s}.decor-blob{position:absolute;border-radius:50%;filter:blur(0.5px);animation:blobFloat 16s ease-in-out infinite}.decor-blob-a{width:360px;height:360px;left:-90px;top:24%;background:radial-gradient(circle at 35% 35%,rgba(146,212,255,0.58),rgba(146,212,255,0.02) 72%)}.decor-blob-b{width:320px;height:320px;right:-120px;top:56%;background:radial-gradient(circle at 35% 35%,rgba(130,173,255,0.46),rgba(130,173,255,0.03) 72%);animation-delay:-6s}h1,
h2,
h3,
h4,
.brand-title{font-family:'Playfair Display',serif;letter-spacing:0.01em}h1,
h2,
h3,
h4{margin-bottom:1rem}a{color:var(--primary-dark)}a:hover{color:#0b4f9d}.site-header{position:sticky;top:0;z-index:1050;padding:0.6rem 0.85rem 0}.navbar{background:rgba(255,255,255,0.45);border:1px solid var(--glass-line);border-radius:22px;box-shadow:var(--surface-shadow);backdrop-filter:blur(18px) saturate(165%);-webkit-backdrop-filter:blur(18px) saturate(165%)}.site-header.is-scrolled .navbar{background:rgba(255,255,255,0.65)}.brand{color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:0.7rem;line-height:1.05}.brand-copy{display:inline-flex;flex-direction:column}.brand-logo{width:2.45rem;height:2.45rem;flex-shrink:0;filter:drop-shadow(0 3px 8px rgba(19,105,185,0.2))}.brand-title{font-size:clamp(1.24rem,2.2vw,1.68rem)}.brand-subtitle{margin-top:0.2rem;font-size:0.84rem;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:0.08em}.navbar-toggler{border:0}.glass-btn{background:rgba(255,255,255,0.7);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.75)}.navbar .nav-link{color:var(--ink-soft);font-weight:600;border-radius:999px;border:1px solid transparent;padding-block:0.65rem;padding-inline:1rem !important;margin-inline:0.14rem;transition:color 0.2s ease,background-color 0.2s ease}.nav-link:hover,
.nav-link.active{color:#124874;background:linear-gradient(180deg,rgba(121,194,255,0.62) 0%,rgba(84,165,242,0.58) 100%);border-color:rgba(255,255,255,0.85);box-shadow:0 8px 16px rgba(39,112,183,0.16);backdrop-filter:blur(8px) saturate(125%);-webkit-backdrop-filter:blur(8px) saturate(125%)}.site-main{position:relative;flex:1 0 auto}.site-main::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0.08),rgba(255,255,255,0))}.eyebrow{text-transform:uppercase;letter-spacing:0.1em;font-size:0.78rem;font-weight:700;color:#2d6dad}.glass-panel{position:relative;border-radius:1.35rem;background:linear-gradient(145deg,var(--glass-bg-strong),var(--glass-bg));border:1px solid var(--glass-line);box-shadow:var(--surface-shadow);backdrop-filter:blur(15px) saturate(140%);-webkit-backdrop-filter:blur(15px) saturate(140%);overflow:hidden;transition:transform 0.35s ease,box-shadow 0.35s ease}.glass-panel::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,0.48),rgba(255,255,255,0.05) 40%,rgba(114,174,255,0.14))}.glass-panel>*{position:relative;z-index:1}.glass-panel:hover{transform:translateY(-2px);box-shadow:0 24px 44px rgba(10,34,64,0.2)}.glass-image{min-height:350px}.lead{color:#2e4c62}.btn-primary{background:linear-gradient(180deg,rgba(106,184,255,0.62) 0%,rgba(71,153,236,0.58) 100%);border-color:rgba(255,255,255,0.78);color:#144a7b;box-shadow:0 8px 20px rgba(34,112,184,0.2);backdrop-filter:blur(10px) saturate(130%);-webkit-backdrop-filter:blur(10px) saturate(130%)}.btn-primary:hover{background:linear-gradient(180deg,rgba(119,192,255,0.72) 0%,rgba(82,163,242,0.68) 100%);border-color:rgba(255,255,255,0.92);color:#0f3f69}.btn-outline-primary{--bs-btn-color:#1e5f95;--bs-btn-border-color:rgba(106,172,232,0.6);--bs-btn-bg:rgba(255,255,255,0.4);--bs-btn-hover-bg:rgba(180,223,255,0.4);--bs-btn-hover-color:#154c7a;--bs-btn-hover-border-color:rgba(120,183,239,0.78);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.timeline-list,
.glass-panel ul{padding-left:1.1rem}.timeline-list li,
.glass-panel ul li{margin-bottom:0.35rem}.gallery-link{display:block;border-radius:1rem;overflow:hidden;border:1px solid rgba(255,255,255,0.72);box-shadow:var(--surface-shadow);transition:transform 0.28s ease,box-shadow 0.28s ease}.gallery-link:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 22px 38px rgba(10,34,64,0.22)}.gallery-thumb{display:block;width:100%;height:auto !important}.table-glass{--bs-table-bg:transparent;--bs-table-color:var(--ink);--bs-table-border-color:rgba(34,84,125,0.18)}.table-glass th{font-weight:700;width:9.25rem;color:#244767}.site-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,0.65);background:rgba(255,255,255,0.16)}.footer-heading{color:#244767;letter-spacing:0.03em;text-transform:uppercase}.footer-nav{list-style:none;margin:0;padding:0}.footer-nav li + li{margin-top:0.35rem}.footer-nav a{text-decoration:none;color:#295783}.footer-nav a:hover{text-decoration:underline}.footer-image{display:block;width:auto;max-width:100%;max-height:250px;height:auto}.footer-bottom{border-top:1px solid rgba(36,71,103,0.2);background:rgba(255,255,255,0.36)}.footer-bottom p{color:#2f4f69}.jagu-link{color:#1a4f7d;text-decoration:none}.jagu-link:hover{color:#0f3f69}.jagulogo-jagu-line:before{font-size:150%;margin:0 5px;top:5px;position:relative}.contact-icon{margin-right:0.5rem;color:#2a679c;vertical-align:-0.08em}.js-reveal{opacity:0;transform:translateY(18px);transition:opacity 0.55s ease,transform 0.55s ease;will-change:transform,opacity}.js-reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes decorDrift{0%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(10px,-8px,0) rotate(4deg)}100%{transform:translate3d(0,0,0) rotate(0deg)}}@keyframes blobFloat{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(14px,-10px,0) scale(1.04)}100%{transform:translate3d(0,0,0) scale(1)}}@media (max-width:991.98px){.navbar-collapse{margin-top:0.9rem;padding-top:0.6rem;border-top:1px solid rgba(255,255,255,0.7)}.nav-link{border-radius:0.7rem;margin-bottom:0.2rem}}@media (max-width:575.98px){.site-header{padding-inline:0.5rem}.glass-image{min-height:280px}.display-5{font-size:calc(1.55rem + 1.1vw)}}@media (prefers-reduced-motion:reduce){.decor-svg,.decor-blob,.glass-panel,.gallery-link,.js-reveal{animation:none !important;transition:none !important}}