@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400;1,9..144,500&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--pine-950:#0f231a;--pine-900:#14301f;--pine-800:#1c4530;--pine-700:#255940;--pine-600:#316e4e;--pine-500:#418762;--gold-600:#a5772f;--gold-500:#be8c3f;--gold-400:#d3ab63;--parchment:#f6f1e3;--parchment-dark:#ede4cc;--cream:#fcfaf2;--ink-900:#1a2119;--ink-700:#3a4238;--ink-500:#64705f;--line:#1a21191f;--line-on-dark:#ffffff29;--font-display:"Fraunces", "Georgia", serif;--font-body:"Plus Jakarta Sans", -apple-system, "Segoe UI", sans-serif;--container:1180px;--radius-sm:6px;--radius-md:14px;--radius-lg:28px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--font-body);background:var(--pine-950);color:var(--cream);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);color:var(--cream);letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.12}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}button{cursor:pointer;font-family:inherit}:focus-visible{outline:2.5px solid var(--gold-500);outline-offset:3px;border-radius:4px}.container{width:min(var(--container), calc(100% - 48px));margin-inline:auto}.site-bg{z-index:-2;background-position:50% 32%;background-size:cover;position:fixed;inset:0}.site-bg:after{content:"";background:linear-gradient(#0b1a139e 0%,#0d2117bd 45%,#0b1a13e6 100%);position:absolute;inset:0}.eyebrow{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-400);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.section{position:relative}.section-body{padding:56px 0 92px}@media (width<=780px){.container{padding:0 20px}.section-body{padding:40px 0 64px}}.title-band{border-top:1px solid var(--line-on-dark);border-bottom:1px solid var(--line-on-dark);text-align:center;background:#0d2117d1;padding:34px 28px}.title-band h2{font-size:clamp(26px,3.6vw,40px)}.title-band p{color:var(--gold-400);letter-spacing:.03em;margin-top:10px;font-size:15px}@media (width<=480px){.title-band{padding:28px 18px}}.panel{border:1px solid var(--line-on-dark);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f231a99}.btn{border:1.5px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:14px 26px;font-size:15px;font-weight:600;transition:transform .18s,background .18s,border-color .18s,color .18s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--gold-500);color:var(--pine-950)}.btn-primary:hover{background:var(--gold-400)}.btn-ghost{border-color:var(--line-on-dark);color:var(--cream)}.btn-ghost:hover{border-color:var(--cream)}.btn-outline{border-color:var(--line-on-dark);color:var(--cream)}.btn-outline:hover{background:#ffffff14}.site-header[data-v-ed8d1df3]{z-index:50;position:fixed;inset:0 0 auto}.topbar[data-v-ed8d1df3]{border-bottom:1px solid var(--line-on-dark);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d1e15d9}.topbar-inner[data-v-ed8d1df3]{justify-content:space-between;align-items:center;padding:12px 28px;display:flex}.brand[data-v-ed8d1df3]{align-items:center;gap:12px;display:flex}.brand-logos[data-v-ed8d1df3]{flex-shrink:0;align-items:center;gap:12px;display:flex}.kkn-logo-inline[data-v-ed8d1df3]{object-fit:contain;width:40px;height:40px}.brand-mark[data-v-ed8d1df3]{background:var(--cream);border-radius:50%;flex-shrink:0;width:40px;height:40px;padding:2px}.brand-text[data-v-ed8d1df3]{flex-direction:column;line-height:1.3;display:flex}.brand-text strong[data-v-ed8d1df3]{font-family:var(--font-display);color:var(--cream);font-size:16.5px;font-weight:600}.brand-text small[data-v-ed8d1df3]{color:var(--gold-400);font-size:12px}.navbar[data-v-ed8d1df3]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d1e1566}.navbar-inner[data-v-ed8d1df3]{align-items:center;gap:30px;padding:14px 28px;display:flex}.nav-link[data-v-ed8d1df3]{color:#fcfaf2db;padding:4px 2px;font-size:14.5px;font-weight:600;position:relative}.nav-link[data-v-ed8d1df3]:after{content:"";transform-origin:0;background:#a9d48c;height:2px;transition:transform .2s;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.nav-link[data-v-ed8d1df3]:hover{color:var(--cream)}.nav-link.active[data-v-ed8d1df3]{color:#a9d48c}.nav-link.active[data-v-ed8d1df3]:after{transform:scaleX(1)}.menu-toggle[data-v-ed8d1df3]{background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.menu-toggle span[data-v-ed8d1df3]{background:var(--cream);border-radius:2px;width:24px;height:2px}@media (width<=940px){.brand-text small[data-v-ed8d1df3]{display:none}.navbar[data-v-ed8d1df3]{background:#0d1e15f5;max-height:0;transition:max-height .25s;overflow:hidden}.navbar.open[data-v-ed8d1df3]{max-height:480px}.navbar-inner[data-v-ed8d1df3]{flex-direction:column;align-items:flex-start;gap:0;padding:6px 28px 16px}.nav-link[data-v-ed8d1df3]{border-bottom:1px solid var(--line-on-dark);width:100%;padding:12px 0}.menu-toggle[data-v-ed8d1df3]{display:flex}.brand-logos[data-v-ed8d1df3]{gap:8px}.kkn-logo-inline[data-v-ed8d1df3]{width:35px;height:35px}}.site-footer[data-v-3e8c2f55]{background:var(--pine-950);border-top:1px solid var(--line-on-dark);padding-top:48px}.footer-inner[data-v-3e8c2f55]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:36px;display:flex}.footer-brand[data-v-3e8c2f55]{gap:14px;max-width:380px;display:flex}.mark[data-v-3e8c2f55]{background:var(--cream);border-radius:50%;flex-shrink:0;width:46px;height:46px;padding:2px}.footer-brand strong[data-v-3e8c2f55]{font-family:var(--font-display);color:var(--cream);font-size:16px}.footer-brand p[data-v-3e8c2f55]{color:#fcfaf299;margin-top:6px;font-size:13.5px}.footer-nav[data-v-3e8c2f55]{flex-wrap:wrap;gap:20px;display:flex}.footer-nav a[data-v-3e8c2f55]{color:#fcfaf2b8;font-size:13.5px}.footer-nav a[data-v-3e8c2f55]:hover{color:var(--gold-400)}.footer-bottom[data-v-3e8c2f55]{border-top:1px solid var(--line-on-dark);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:20px 28px;display:flex}.footer-bottom p[data-v-3e8c2f55]{color:#fcfaf280;font-size:12.5px}.hero[data-v-530d6fea]{align-items:center;min-height:100vh;padding-top:90px;padding-bottom:60px;display:flex}.hero-inner[data-v-530d6fea]{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.hero-title-row[data-v-530d6fea]{flex-direction:column;align-items:center;gap:18px;display:flex}.hero-logo[data-v-530d6fea]{background:var(--cream);border-radius:50%;flex-shrink:0;width:108px;height:108px;padding:6px;box-shadow:0 14px 32px #00000059}h1[data-v-530d6fea]{color:var(--cream);letter-spacing:-.01em;font-size:clamp(38px,6.4vw,74px);font-weight:700}.hero-tagline[data-v-530d6fea]{color:#a9d48c;max-width:520px;margin-top:-6px;font-size:clamp(15px,1.7vw,19px)}.hero-actions[data-v-530d6fea]{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:40px;display:flex}@media (width<=700px){.hero[data-v-530d6fea]{min-height:92vh;padding-top:130px;padding-bottom:56px}.hero-logo[data-v-530d6fea]{width:84px;height:84px}}.star-mark[data-v-3dd5bc4b]{flex-shrink:0}.block-title[data-v-a5635aed]{color:#a9d48c;font-size:20px}.block-title.center[data-v-a5635aed]{text-align:center;margin-bottom:24px}.sejarah-panel[data-v-a5635aed]{gap:16px;padding:34px 36px;display:grid}.sejarah-panel p[data-v-a5635aed]{color:#fcfaf2d9;font-size:15.5px}.sub-block[data-v-a5635aed]{margin-top:56px}.org-grid[data-v-a5635aed]{grid-template-columns:1fr 1fr;gap:24px;display:grid}.visi-panel[data-v-a5635aed]{text-align:center;padding:40px 44px}.visi-panel blockquote[data-v-a5635aed]{font-family:var(--font-display);color:var(--cream);max-width:760px;margin:0 auto;font-size:clamp(19px,2.4vw,25px);font-style:italic}.misi-list[data-v-a5635aed]{grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}.misi-card[data-v-a5635aed]{padding:26px 24px}.misi-number[data-v-a5635aed]{font-family:var(--font-display);color:var(--gold-400);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.misi-card h4[data-v-a5635aed]{margin-top:12px;font-size:16.5px}.misi-card p[data-v-a5635aed]{color:#fcfaf2c7;margin-top:8px;font-size:14px}@media (width<=940px){.org-grid[data-v-a5635aed]{grid-template-columns:1fr}.misi-list[data-v-a5635aed]{grid-template-columns:1fr 1fr}.sejarah-panel[data-v-a5635aed]{padding:26px 22px}}@media (width<=620px){.misi-list[data-v-a5635aed]{grid-template-columns:1fr}}.school-card[data-v-f045a8ae]{padding:32px}.school-card[data-v-f045a8ae]:not(:last-child){margin-bottom:28px}.school-head[data-v-f045a8ae]{align-items:center;gap:18px;display:flex}.school-badge[data-v-f045a8ae]{width:56px;height:56px;color:var(--pine-950);font-family:var(--font-display);background:#a9d48c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.school-name[data-v-f045a8ae]{font-size:21px}.school-level[data-v-f045a8ae]{color:var(--gold-400);text-transform:uppercase;letter-spacing:.04em;margin-top:4px;font-size:13px;font-weight:600}.school-desc[data-v-f045a8ae]{color:#fcfaf2d1;margin-top:20px;font-size:15px}.school-meta[data-v-f045a8ae]{border-top:1px solid var(--line-on-dark);border-bottom:1px solid var(--line-on-dark);grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px;padding:18px 0;display:grid}.school-meta .span-full[data-v-f045a8ae]{grid-column:1/-1}.school-meta dt[data-v-f045a8ae]{text-transform:uppercase;letter-spacing:.06em;color:var(--gold-400);font-size:11px;font-weight:700}.school-meta dd[data-v-f045a8ae]{margin:3px 0 0;font-size:13.5px}.vm-grid[data-v-f045a8ae]{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.vm-card[data-v-f045a8ae]{border:1px solid var(--line-on-dark);background:#14301f80;border-radius:10px;padding:18px 20px}.vm-card h4[data-v-f045a8ae]{font-family:var(--font-display);color:#a9d48c;font-size:15.5px;font-weight:600}.vm-card p[data-v-f045a8ae]{color:#fcfaf2b3;margin-top:8px;font-size:13.5px;font-style:italic}@media (width<=640px){.school-card[data-v-f045a8ae]{padding:24px 20px}.school-meta[data-v-f045a8ae]{grid-template-columns:1fr 1fr}.vm-grid[data-v-f045a8ae]{grid-template-columns:1fr}}@media (width<=420px){.school-head[data-v-f045a8ae]{flex-direction:column;align-items:flex-start;gap:12px}}.program-list[data-v-506d12c4]{gap:22px;display:grid}.program-row[data-v-506d12c4]{grid-template-columns:200px 1fr;align-items:center;gap:24px;padding:18px;display:grid}.program-photo[data-v-506d12c4]{aspect-ratio:4/3;border-radius:var(--radius-sm);border:1px solid var(--line-on-dark);background-position:50% 20%;background-size:cover;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.program-photo[data-v-506d12c4]:before{content:"";background:#0e21179e;position:absolute;inset:0}.program-photo span[data-v-506d12c4]{z-index:1;color:var(--gold-400);font-size:12px;position:relative}.program-text h3[data-v-506d12c4]{font-size:19px}.program-text p[data-v-506d12c4]{color:#fcfaf2c7;margin-top:8px;font-size:14.5px}@media (width<=700px){.program-row[data-v-506d12c4]{grid-template-columns:1fr}.program-photo[data-v-506d12c4]{aspect-ratio:16/9}}.fasilitas-grid[data-v-fb33eb99]{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.fasilitas-card[data-v-fb33eb99]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#14301fb8;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;align-items:center;padding:32px;transition:all .3s;display:flex}.fasilitas-card[data-v-fb33eb99]:hover{border-color:var(--gold-400);transform:translateY(-8px);box-shadow:0 18px 40px #0000002e}.icon-wrapper[data-v-fb33eb99]{width:80px;height:80px;color:var(--gold-400);background:#be8c3f1f;border-radius:50%;justify-content:center;align-items:center;margin-bottom:22px;display:flex}.fasilitas-card h3[data-v-fb33eb99]{color:var(--cream);margin-bottom:14px;font-size:21px}.fasilitas-card p[data-v-fb33eb99]{color:#ffffffb8;font-size:15px;line-height:1.8}@media (width<=900px){.fasilitas-grid[data-v-fb33eb99]{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.fasilitas-grid[data-v-fb33eb99]{grid-template-columns:1fr}.fasilitas-card[data-v-fb33eb99]{padding:28px 24px}}.hint[data-v-12cd3e03]{color:#fcfaf28c;margin-bottom:24px;font-size:13.5px}.info-grid[data-v-12cd3e03]{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.info-card[data-v-12cd3e03]{flex-direction:column;gap:10px;padding:28px 26px;display:flex}.tag[data-v-12cd3e03]{letter-spacing:.05em;text-transform:uppercase;color:var(--gold-400);font-size:12px;font-weight:700}.info-card h3[data-v-12cd3e03]{font-size:17.5px}.info-card p[data-v-12cd3e03]{color:#fcfaf2c7;font-size:14px}@media (width<=940px){.info-grid[data-v-12cd3e03]{grid-template-columns:1fr}}.kontak-grid[data-v-172ed0a9]{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.kontak-card[data-v-172ed0a9]{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:30px 22px;transition:transform .2s,border-color .2s;display:flex}.kontak-card[data-v-172ed0a9]:hover{border-color:#a9d48c;transform:translateY(-4px)}.icon-ring[data-v-172ed0a9]{width:58px;height:58px;color:var(--pine-950);background:#a9d48c;border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.kontak-card h3[data-v-172ed0a9]{font-size:17px}.kontak-card p[data-v-172ed0a9]{color:#fcfaf2bf;font-size:13.5px;line-height:1.5}.kontak-map[data-v-172ed0a9]{aspect-ratio:16/6;margin-top:32px;overflow:hidden}.kontak-map iframe[data-v-172ed0a9]{border:0;width:100%;height:100%}@media (width<=940px){.kontak-grid[data-v-172ed0a9]{grid-template-columns:1fr 1fr}.kontak-map[data-v-172ed0a9]{aspect-ratio:4/3}}@media (width<=560px){.kontak-grid[data-v-172ed0a9]{grid-template-columns:1fr}}