@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--navy:#062d4b;--navy2:#103b59;--ink:#11263b;--muted:#66758a;--amber:#f2bf56;--paper:#f9fbfc;--line:#e2eaf0;--white:#fff;--radius:22px;font-family:'DM Sans','Segoe UI',sans-serif;color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;font-size:15px}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,h4,strong{font-family:'Plus Jakarta Sans','Segoe UI',sans-serif}h1,h2,h3,p{margin-top:0}a:focus-visible,button:focus-visible{outline:3px solid #fcbd32;outline-offset:4px}.site-container{max-width:1200px;margin:auto;padding-inline:24px}.skip-link{position:absolute;top:-100px;z-index:200;padding:12px;background:#fff}.skip-link:focus{top:0}
.site-top-strip{height:39px;background:#082b43;color:#d2dee6;font-size:11px;letter-spacing:.04em}.site-top-strip>.site-container{height:100%;display:flex;align-items:center;justify-content:space-between}.site-strip-right{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:750;letter-spacing:.12em}.site-strip-right i{height:5px;width:5px;border-radius:100%;background:var(--amber)}
.site-header{position:sticky;top:0;z-index:40;background:#ffffffec;backdrop-filter:blur(16px);box-shadow:0 3px 22px rgba(14,40,60,.07);border-bottom:1px solid #eaf0f5}.site-header-inner{height:83px;display:flex;align-items:center;gap:25px;justify-content:space-between}.site-brand{display:flex;align-items:center;gap:12px;min-width:245px}.site-brand img{width:51px;height:51px;object-fit:contain}.site-brand strong{display:block;font-size:13px;letter-spacing:-.02em;line-height:1.5}.site-brand small{display:block;color:#789;letter-spacing:.10em;font-size:10px;font-weight:700;text-transform:uppercase}.site-nav{display:flex;align-items:center;gap:22px}.site-nav>a:not(.site-login){font-size:12px;font-weight:700;white-space:nowrap;color:#355166;transition:color .2s}.site-nav>a:hover{color:#1380a4}.site-nav .site-login{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:13px 17px;background:var(--navy);border-radius:10px;color:white;font-size:12px;font-weight:800;transition:transform .2s,background .2s}.site-nav .site-login:hover{background:#155b7c;transform:translateY(-2px)}.site-login svg{width:18px;height:18px}.site-menu-toggle{display:none;border:0;background:transparent;padding:10px}.site-menu-toggle span{display:block;background:var(--navy);height:2px;width:25px;margin:5px}
.site-hero{height:560px;background:radial-gradient(circle at 67% 8%,#266781 0,transparent 38%),linear-gradient(122deg,#052940,#073e61 72%,#06546d);color:#fff;position:relative;overflow:hidden}.site-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#002a44af),repeating-linear-gradient(105deg,transparent 0 85px,rgba(255,255,255,.035) 86px 87px);pointer-events:none}.site-hero-slides,.site-hero-slide{position:absolute;inset:0}.site-hero-slide{opacity:0;visibility:hidden;transform:scale(1.015);transition:opacity .9s,transform 6s linear,visibility .9s;background-image:linear-gradient(90deg,#06263be8 4%,#07304f99 55%,#07304f65),var(--slide-image);background-size:cover;background-position:center}.site-hero-slide.is-active{opacity:1;visibility:visible;transform:scale(1.055)}.site-hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#061f38cb 0,transparent 28%)}.site-hero-inner{position:relative;z-index:2;display:flex;align-items:center;height:100%}.site-hero-text{max-width:680px;padding-bottom:12px;position:relative}.site-eyebrow{font-size:11px;letter-spacing:.28em;font-weight:800;color:#c8e7ee;margin-bottom:30px;display:flex;align-items:center;gap:12px}.site-eyebrow span{height:2px;width:30px;background:var(--amber)}.site-hero h1{font-size:clamp(36px,5.1vw,67px);line-height:1.16;letter-spacing:-.045em;max-width:850px;margin:0 0 23px}.site-hero p{font-size:17px;line-height:1.85;color:#d3e1e8;max-width:600px;margin-bottom:34px}.site-hero-actions{display:flex;flex-wrap:wrap;gap:14px}.site-button{display:inline-flex;gap:26px;align-items:center;justify-content:space-between;padding:17px 23px;border-radius:10px;font-weight:800;font-size:13px;transition:all .2s}.site-button.gold{background:var(--amber);color:#1a3447}.site-button.gold:hover{background:#ffd677;transform:translateY(-3px)}.site-button.outline{border:1px solid #ffffff85;color:white}.site-button.outline:hover{background:#ffffff1a}.site-button.light{background:#fff;color:var(--navy)}.site-hero-footer{position:absolute;bottom:0;left:0;right:0;z-index:4;border-top:1px solid #ffffff36}.site-hero-footer-inner{height:72px;display:flex;align-items:center;justify-content:space-between}.site-slider-counter{font-size:17px;font-weight:800}.site-slider-counter span{color:#bad0dc;font-size:12px}.site-slider-controls{display:flex;align-items:center;gap:16px}.site-slider-controls>button{border:1px solid #ffffff4d;color:white;background:transparent;border-radius:50%;height:34px;width:34px;font-size:26px;line-height:20px}.site-slider-controls button:hover{background:#ffffff2a}#siteSlideDots{display:flex;gap:7px}#siteSlideDots button{padding:0;width:22px;height:4px;border:0;border-radius:20px;background:#ffffff5f}#siteSlideDots button.active{background:var(--amber);width:36px}.site-hero-caption{color:#cbdee7;font-size:11px;letter-spacing:.1em}.site-orb{pointer-events:none;position:absolute;right:-125px;top:-200px;width:480px;height:480px;border:1px solid #ffffff19;border-radius:100%;z-index:1}.site-orb.two{right:-5px;top:-95px;width:240px;height:240px}
.site-quick-section{background:#f6fafc;border-bottom:1px solid #edf2f6}.site-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.site-quick-card{padding:30px 16px;display:flex;gap:15px;align-items:center;border-right:1px solid #e1eaf1;transition:all .2s}.site-quick-card:last-child{border-right:0}.site-quick-card:hover{background:#eaf4f8}.site-quick-icon{display:grid;place-items:center;border-radius:17px;width:50px;height:50px;background:#e1f0f3;color:#057c90;font-size:26px}.site-quick-card strong,.site-quick-card span{display:block}.site-quick-card strong{font-size:14px;margin-bottom:5px}.site-quick-card div>span{font-size:12px;color:#738396}.site-arrow{margin-left:auto;font-size:20px;color:#2d6d83}
.site-section{padding:86px 0 94px}.site-section-muted{background:#f5f8fb}.site-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:38px}.site-section-kicker{font-size:11px;font-weight:800;letter-spacing:.19em;color:#12809a;display:inline-flex;gap:10px;align-items:center;margin-bottom:15px}.site-section-kicker>span{height:1px;width:35px;background:var(--amber)}.site-section-heading h2,.site-intro-copy h2{font-size:clamp(28px,3.6vw,43px);letter-spacing:-.045em;line-height:1.27;margin:0 0 12px}.site-section-heading p{color:#697d8d;max-width:610px;margin:0;line-height:1.8}.site-view-all{display:inline-flex;align-items:center;gap:17px;padding:12px 0;border-bottom:2px solid var(--amber);font-weight:800;font-size:13px;white-space:nowrap}.site-view-all:hover{color:#09839b}.site-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.site-card{background:#fff;border:1px solid #e6edf3;border-radius:19px;overflow:hidden;box-shadow:0 10px 30px #15364b09;transition:transform .3s,box-shadow .3s;min-width:0}.site-card:hover{transform:translateY(-7px);box-shadow:0 22px 38px #0f38541c}.site-card-picture{height:215px;display:block;overflow:hidden}.site-card-picture img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.site-card:hover .site-card-picture img{transform:scale(1.09)}.site-faux-visual{display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(circle at 80% 10%,#3b8095,transparent 40%),linear-gradient(130deg,#07324f,#125d77);color:#b9dbe3;font-size:17px;font-weight:800;letter-spacing:.22em}.site-card-body{padding:25px 23px}.site-pill{display:inline-flex;color:#086a83;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;background:#e4f3f5;padding:7px 11px;border-radius:100px}.site-card-body time{color:#82929e;font-size:11px;margin-left:9px}.site-card h3{font-size:18px;line-height:1.5;letter-spacing:-.02em;margin:17px 0 9px}.site-card h3 a:hover{color:#0785a3}.site-card p{color:#6d7a87;font-size:13px;line-height:1.8;min-height:45px}.site-more{font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:10px;color:#086b86;margin-top:8px}.site-more:hover{gap:16px}.site-empty{background:#eaf2f6;border:1px dashed #b9d0da;color:#647a8c;border-radius:17px;text-align:center;padding:50px 20px;font-size:14px;line-height:1.7}
.site-intro-section{padding:105px 0}.site-intro-grid{display:grid;grid-template-columns:47% 1fr;gap:83px;align-items:center}.site-intro-visual{position:relative}.site-intro-art{min-height:440px;border-radius:23px;background:radial-gradient(ellipse at 82% 20%,#277e91,transparent 38%),linear-gradient(145deg,#0d4667,#06283f);position:relative;overflow:hidden}.site-intro-art::after{content:'';position:absolute;inset:15px;border:1px solid #ffffff24;border-radius:19px}.site-intro-watermark{font-size:clamp(100px,10vw,155px);line-height:1.03;position:absolute;left:33px;top:48px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;letter-spacing:-.11em;color:#ffffff15}.site-art-lines{position:absolute;width:450px;height:450px;border:1px solid #ffffff20;border-radius:50%;top:10px;right:-130px;box-shadow:0 0 0 70px #ffffff0a,0 0 0 140px #ffffff07}.site-intro-art-label{position:absolute;bottom:35px;left:37px;color:#c7e5f2;letter-spacing:.15em;line-height:1.8;font-size:12px;z-index:1}.site-intro-art-label strong{font-size:24px;color:#fff}.site-intro-badge{position:absolute;right:-19px;bottom:-24px;background:#fff;padding:18px 23px;border-radius:16px;box-shadow:0 18px 48px #092b4629;display:flex;align-items:center;gap:13px}.site-intro-badge strong{display:block;font-size:13px}.site-intro-badge small{display:block;color:#8392a0;font-size:11px;margin-top:5px}.site-icon-circle{background:#fef1d3;color:#bd8b1d;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:26px}.site-intro-copy h2{font-size:43px;margin-bottom:25px}.site-intro-copy>p{font-size:15px;color:#6b7f8d;line-height:2}.site-intro-copy blockquote{border-left:3px solid var(--amber);padding:10px 0 10px 18px;color:#597080;line-height:1.8;margin:25px 0}.site-text-link{display:inline-flex;margin-top:18px;font-weight:800;gap:18px;color:#08738a;border-bottom:2px solid #eebf60;padding-bottom:11px}.site-text-link:hover{gap:25px}
.site-two-column{display:grid;grid-template-columns:1fr 1fr;gap:35px}.site-two-column .site-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.site-two-column .site-card-picture{height:145px}.site-two-column .site-card-body{padding:18px}.site-two-column h3{margin:0 0 22px;font-size:20px}.site-two-column .site-card h3{font-size:15px;margin:12px 0}
.site-cta{background:radial-gradient(circle at 97% 10%,#246b83,transparent 36%),linear-gradient(110deg,#052941,#093d59);color:white;padding:60px 0}.site-cta-inner{display:flex;align-items:center;gap:40px;justify-content:space-between}.site-cta .site-section-kicker{color:#c2dce5}.site-cta h2{font-size:clamp(27px,3vw,38px);max-width:650px;letter-spacing:-.04em;margin-bottom:13px}.site-cta p{color:#c6dce7;max-width:650px;line-height:1.8}.site-cta .site-button{flex-shrink:0}
.site-page-hero{background:radial-gradient(circle at 88% 20%,#2b7188,transparent 44%),linear-gradient(120deg,#062f4d,#0e4c68);color:white;padding:73px 0 85px}.site-page-hero h1{font-size:clamp(34px,4.5vw,52px);letter-spacing:-.045em;margin:19px 0 11px}.site-page-hero p{color:#d1e2ea}.site-breadcrumb{font-size:12px;color:#c2d3dd}.site-breadcrumb:hover{text-decoration:underline}.site-breadcrumb-sep{margin:0 12px;color:#a3c0cd}.site-article{max-width:920px;margin:auto}.site-article-head{text-align:center;max-width:760px;margin:0 auto 44px}.site-article h1{font-size:clamp(32px,4vw,49px);line-height:1.2;margin:15px 0}.site-lead{color:#6a7a88;line-height:1.8;font-size:17px}.site-article-hero{width:100%;max-height:510px;object-fit:cover;border-radius:22px;margin-bottom:40px}.site-prose{max-width:790px;margin:auto;font-size:16px;line-height:2.05;color:#465d6c}.site-prose h2{margin:25px 0 10px}.site-prose p{margin-bottom:19px}.site-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.site-contact-box{border:1px solid #e2edf4;border-radius:22px;padding:40px}.site-contact-box p{color:#687b8a;line-height:1.8}.site-contact-accent{background:linear-gradient(130deg,#052d4c,#0e607c);color:white}.site-contact-accent p{color:#c7e1e8}.site-pagination{margin-top:40px;display:flex;gap:8px;justify-content:center}.site-pagination a{width:38px;height:38px;border:1px solid #cbdce5;border-radius:8px;display:grid;place-items:center}.site-pagination a.active{background:var(--navy);color:white}
.site-footer{background:#071d2e;color:#d5e0e8;padding:65px 0 0}.site-footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:45px;padding-bottom:60px}.site-footer-brand img{width:64px;height:64px;object-fit:contain;margin-bottom:18px}.site-footer-brand h3{font-size:17px;color:white}.site-footer p{font-size:13px;line-height:1.8;color:#9db2c2;overflow-wrap:anywhere}.site-footer h4{font-size:13px;color:white;margin-bottom:21px}.site-footer a:not(.site-footer-brand){display:block;color:#aabfcf;font-size:13px;margin-bottom:13px}.site-footer a:hover{color:var(--amber)}.site-footer-bottom{border-top:1px solid #ffffff20;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8fa8ba;font-size:12px}.site-footer-bottom a{margin:0!important}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s,transform .75s}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1100px){.site-nav{gap:13px}.site-nav>a:not(.site-login){font-size:11px}.site-header-inner{gap:14px}.site-brand{min-width:220px}.site-intro-grid{gap:48px}}
@media(max-width:900px){.site-top-strip .site-strip-right span{display:none}.site-menu-toggle{display:block;z-index:45}.site-header-inner{height:75px}.site-nav{position:absolute;top:75px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:15px 24px 25px;background:white;border-top:1px solid var(--line);max-height:70vh;overflow:auto;box-shadow:0 18px 32px #07233e22}.site-nav.is-open{display:flex}.site-nav>a{padding:13px 10px;font-size:13px!important}.site-nav .site-login{justify-content:center;margin-top:7px}.site-hero{height:530px}.site-intro-grid{grid-template-columns:1fr 1fr;gap:32px}.site-intro-art{min-height:360px}.site-intro-copy h2{font-size:32px}.site-card-grid{gap:15px}.site-card-picture{height:170px}.site-footer-top{grid-template-columns:1.5fr 1fr 1fr;gap:22px}.site-footer-top>div:last-child{grid-column:span 3}}
@media(max-width:680px){.site-container{padding-inline:18px}.site-top-strip{height:33px}.site-top-strip .site-strip-right{display:none}.site-brand img{width:41px;height:41px}.site-brand strong{font-size:12px}.site-brand small{font-size:9px}.site-hero{height:580px}.site-hero h1{font-size:37px}.site-hero p{font-size:14px;line-height:1.8}.site-hero-footer-inner{height:63px}.site-hero-caption{display:none}.site-hero-text{padding-bottom:30px}.site-button{padding:14px 15px;font-size:12px;gap:10px}.site-hero-actions{gap:10px}.site-quick-grid{grid-template-columns:1fr}.site-quick-card{padding:17px 5px;border-right:0;border-bottom:1px solid var(--line)}.site-quick-icon{width:42px;height:42px;font-size:21px}.site-section{padding:60px 0}.site-section-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:25px}.site-section-heading h2{font-size:29px}.site-card-grid{grid-template-columns:1fr}.site-card-picture{height:225px}.site-intro-section{padding:70px 0}.site-intro-grid{grid-template-columns:1fr;gap:55px}.site-intro-art{min-height:290px}.site-intro-watermark{font-size:120px;top:35px}.site-intro-badge{right:0}.site-intro-copy h2{font-size:31px}.site-two-column{grid-template-columns:1fr}.site-two-column .site-card-grid{grid-template-columns:1fr 1fr}.site-two-column .site-card-picture{height:145px}.site-two-column .site-card-body{padding:13px}.site-two-column .site-card-body time{display:none}.site-two-column .site-card h3{font-size:13px}.site-two-column .site-card p{display:none}.site-cta-inner{flex-direction:column;align-items:flex-start;gap:13px}.site-page-hero{padding:53px 0 65px}.site-footer-top{grid-template-columns:1fr 1fr}.site-footer-top>div:first-child,.site-footer-top>div:last-child{grid-column:span 2}.site-footer-bottom{flex-direction:column;align-items:flex-start}.site-contact-grid{grid-template-columns:1fr}.site-contact-box{padding:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Pencarian AJAX publik */
.site-search-toggle{border:1px solid #e5edf4;border-radius:100%;width:38px;height:38px;flex-shrink:0;background:white;color:#0c506b;font-size:26px;line-height:0}
.site-search-toggle:hover{background:#eaf5f8}.site-search-overlay{position:absolute;z-index:60;top:calc(100% + 10px);right:max(18px,calc((100vw - 1200px)/2 + 24px));width:min(690px,calc(100vw - 36px));background:#fff;border:1px solid #d5e6ef;border-radius:18px;box-shadow:0 26px 75px #07284433;padding:23px;color:#14364c}
.site-search-overlay[hidden]{display:none}.site-search-overlay label{display:block;font-weight:800;font-size:14px;margin-bottom:13px}.site-search-row{display:flex;gap:9px}.site-search-row input{flex:1;min-width:0;border:1px solid #c9d9e6;border-radius:9px;padding:12px;font:inherit}.site-search-row button{border:0;border-radius:9px;background:#0d4c6b;color:white;padding:0 18px;font-weight:800}.site-search-row button:last-child{background:#eef5f7;color:#174159}.site-search-overlay #siteSearchResults{max-height:60vh;overflow:auto;margin-top:14px}.site-search-overlay #siteSearchResults>.site-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.site-search-overlay .site-card-picture{height:110px}.site-search-overlay .site-card-body{padding:12px}.site-search-overlay .site-card-body h3{font-size:13px;margin:10px 0}.site-search-overlay .site-card-body p{display:none}.site-search-overlay .site-card-body time{display:none}.site-search-overlay .site-empty{padding:20px}
@media(max-width:900px){.site-search-toggle{margin-left:auto}.site-search-overlay{top:calc(100% + 2px)}}@media(max-width:550px){.site-search-overlay .site-card-grid{grid-template-columns:1fr!important}}

.site-nav .site-ppdb{font-size:11px;color:#0b6f81;font-weight:800;padding:9px 5px;border-bottom:2px solid #f2bf56}

.site-search-all{display:inline-flex;margin:14px 0;color:#d1a84d;font-weight:700;text-decoration:underline;text-underline-offset:4px}