:root{--nav:#263345;--nav2:#1c2736;--gold:#ffc21a;--ink:#172235;--muted:#64748b;--soft:#f4f7fa;--white:#fff;--shadow:0 10px 30px rgba(20,35,55,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.site-header{position:sticky;top:0;z-index:100;background:var(--nav);box-shadow:0 4px 18px rgba(0,0,0,.14)}.top-head{min-height:96px;padding:14px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--nav2)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.logo-prov{width:48px;height:48px;object-fit:contain}.logo-school{width:52px;height:52px;object-fit:contain}.brand-text{min-width:0}.school-name{font-size:20px;font-weight:800;color:#fff;letter-spacing:.5px}.school-tagline{font-size:12px;color:#d9e2ec;margin-top:4px;max-width:540px}.search-box{display:flex;width:min(360px,40vw);height:48px}.search-box input{flex:1;border:0;border-radius:8px 0 0 8px;padding:0 15px;font-size:16px;outline:0}.search-box button{width:54px;border:0;background:var(--gold);font-size:25px;font-weight:800;border-radius:0 8px 8px 0;cursor:pointer}.ticker{height:42px;display:flex;align-items:center;background:#f8fafc;color:#334155;border-bottom:1px solid #e5e7eb;overflow:hidden}.ticker-label{height:100%;display:flex;align-items:center;padding:0 18px;background:var(--gold);font-weight:800;white-space:nowrap}.ticker-window{overflow:hidden;flex:1}.ticker-track{display:inline-flex;gap:26px;align-items:center;white-space:nowrap;padding-left:30px;animation:ticker 32s linear infinite;font-size:14px}.ticker-track:hover{animation-play-state:paused}.ticker-track b{color:#f59e0b}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}.main-nav{background:var(--nav)}.nav-inner{display:flex;align-items:center;gap:4px;padding:0 5%;min-height:70px}.nav-link,.nav-drop>button{color:#f8fafc;font-size:17px;font-weight:700;padding:22px 17px;border:0;background:transparent;cursor:pointer;display:block}.nav-link:hover,.nav-drop>button:hover{background:rgba(255,255,255,.07)}.nav-link span{font-size:14px;color:#ffd45c}.nav-drop{position:relative}.drop-menu{display:none;position:absolute;top:100%;left:0;min-width:210px;background:#fff;box-shadow:var(--shadow);border-radius:0 0 8px 8px;overflow:hidden}.nav-drop:hover .drop-menu,.nav-drop:focus-within .drop-menu{display:block}.drop-menu a{display:block;padding:12px 16px;color:#243244;font-size:14px}.drop-menu a:hover{background:#f3f6f9;color:#000}.login-btn{margin-left:auto;background:var(--gold);color:#111;padding:13px 30px;border-radius:28px;font-weight:800;display:inline-block;box-shadow:0 5px 12px rgba(0,0,0,.12)}.login-btn:hover{transform:translateY(-1px);filter:brightness(1.03)}.mobile-toggle{display:none;margin-left:auto;background:transparent;color:#fff;border:0;font-size:25px}.hero{min-height:500px;position:relative;background:url('../img/hero-campus.png') center/cover no-repeat;display:flex;align-items:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,29,47,.82),rgba(16,29,47,.34),rgba(16,29,47,.12))}.hero-content{position:relative;color:#fff;max-width:720px;padding:80px 7%}.eyebrow,.section-head span,.contact-card span{font-size:12px;font-weight:800;letter-spacing:1.5px;color:#fbbf24}.hero h1{font-size:clamp(38px,5vw,64px);margin:14px 0 10px}.hero p{font-size:21px;line-height:1.6;max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.primary-btn,.secondary-btn,.outline-btn{padding:13px 22px;border-radius:8px;font-weight:800;display:inline-block}.primary-btn{background:var(--gold);color:#111}.secondary-btn{border:1px solid rgba(255,255,255,.65);color:#fff}.section{padding:70px 6%}.section.alt{background:var(--soft)}.section-head{margin-bottom:30px}.section-head h2{font-size:34px;margin:8px 0 0}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{padding:25px;background:#fff;border-radius:14px;box-shadow:var(--shadow);transition:.2s}.service-card:hover{transform:translateY(-4px)}.service-icon{font-size:34px}.service-card h3{margin:13px 0 7px}.service-card p,.news-card p,.feature-grid p,.gallery-card p{color:var(--muted);line-height:1.65}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{background:#fff;border:1px solid #e6ebf0;border-radius:14px;padding:23px;box-shadow:0 6px 18px rgba(20,35,55,.05)}.news-date{font-size:12px;color:#d28b00;font-weight:800;margin-bottom:10px}.news-card h3{font-size:19px;margin:0 0 8px}.read-more{font-weight:800;color:#b87900}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.feature-grid>div{background:#fff;padding:30px;border-radius:14px;box-shadow:var(--shadow)}.outline-btn{border:1px solid #cbd5e1;margin-top:12px}.gallery-card{display:grid;grid-template-columns:1.2fr 1fr;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.gallery-card img{width:100%;height:280px;object-fit:cover}.gallery-card>div{padding:35px}.contact-card{background:var(--nav);color:#fff;padding:35px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:25px}.contact-card p{color:#dbe4ee;line-height:1.6}.contact-card .login-btn{margin-left:0;white-space:nowrap}footer{background:#182333;color:#dce4ee;padding:28px 6%;display:flex;justify-content:space-between;gap:20px;font-size:13px}footer div{display:flex;gap:18px;flex-wrap:wrap}.hidden{display:none!important}@media(max-width:1050px){.nav-inner{flex-wrap:wrap}.nav-link,.nav-drop>button{padding:20px 10px}.quick-grid{grid-template-columns:repeat(2,1fr)}.news-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.site-header{position:relative}.top-head{padding:12px 4%;align-items:flex-start}.logo-prov{width:38px;height:38px}.logo-school{width:42px;height:42px}.school-name{font-size:16px}.school-tagline{font-size:10px}.search-box{width:100%;max-width:220px;height:42px}.search-box input{font-size:13px}.nav-inner{padding:8px 4%;display:none;flex-direction:column;align-items:stretch}.nav-inner.open{display:flex}.nav-link,.nav-drop>button{text-align:left;padding:12px}.drop-menu{position:static;box-shadow:none;border-radius:0;background:#1f2b3a}.drop-menu a{color:#fff;padding-left:28px}.login-btn{margin:6px 0}.mobile-toggle{display:block;position:absolute;right:14px;top:115px}.ticker{height:40px}.ticker-label{font-size:11px;padding:0 10px}.ticker-track{font-size:12px}.hero{min-height:440px}.hero-content{padding:60px 7%}.hero p{font-size:17px}.quick-grid,.news-grid,.feature-grid,.gallery-card{grid-template-columns:1fr}.section{padding:50px 5%}.section-head h2{font-size:28px}.contact-card,footer{flex-direction:column;align-items:flex-start}footer{gap:10px}}

.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.info-card{background:#fff;padding:30px;border-radius:16px;box-shadow:var(--shadow);border:1px solid #e6ebf0}.info-card h3{margin:10px 0}.info-card p,.info-card li{color:var(--muted);line-height:1.7}.clean-list{margin:10px 0 0;padding-left:20px}.leader-card{display:flex;align-items:center;gap:25px;background:#fff;padding:30px;border-radius:16px;box-shadow:var(--shadow)}.leader-avatar{width:90px;height:90px;border-radius:50%;background:#eef2f7;display:flex;align-items:center;justify-content:center;font-size:42px;flex:0 0 90px}.muted{color:var(--muted)!important}.org-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.org-grid>div{background:#fff;border:1px solid #e6ebf0;border-radius:14px;padding:22px;text-align:center;font-size:30px;box-shadow:0 6px 18px rgba(20,35,55,.05)}.org-grid strong,.org-grid span{display:block}.org-grid strong{font-size:15px;margin-top:10px}.org-grid span{font-size:12px;color:var(--muted);margin-top:5px}.calendar-card{display:flex;align-items:center;gap:25px;background:var(--nav);color:#fff;border-radius:16px;padding:30px}.calendar-card p{color:#dbe4ee;line-height:1.65}.calendar-icon{font-size:58px}
@media(max-width:1050px){.org-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.info-grid,.org-grid{grid-template-columns:1fr}.leader-card,.calendar-card{align-items:flex-start;flex-direction:column}}

/* Tahap 49 — Galeri publik dinamis */
.gallery-grid-public{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px}.gallery-item-public{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.08)}.gallery-item-public img{display:block;width:100%;height:210px;object-fit:cover;transition:transform .25s ease}.gallery-item-public a{display:block;overflow:hidden}.gallery-item-public a:hover img{transform:scale(1.04)}.gallery-caption-public{padding:15px 16px}.gallery-caption-public h3{margin:0 0 6px;font-size:18px}.gallery-caption-public p{margin:0;color:#64748b;font-size:13px}.gallery-more-public{text-align:center;margin-top:24px}@media(max-width:900px){.gallery-grid-public{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.gallery-grid-public{grid-template-columns:1fr}}

.profile-main-image{display:block;width:100%;height:260px;object-fit:cover;border-radius:14px;margin-bottom:18px}.leader-photo{width:150px;height:150px;border-radius:18px;object-fit:cover;flex:0 0 150px;box-shadow:0 8px 20px rgba(20,35,55,.12)}.news-image{display:block;width:100%;height:190px;object-fit:cover;border-radius:10px;margin:-2px 0 16px}@media(max-width:760px){.leader-photo{width:120px;height:120px;flex-basis:120px}.profile-main-image{height:220px}}

.personel-filter{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 22px}.personel-filter-btn{border:1px solid #dbe4ef;background:#fff;color:var(--nav);border-radius:999px;padding:9px 15px;font-weight:700;cursor:pointer}.personel-filter-btn.active,.personel-filter-btn:hover{background:var(--nav);color:#fff}.personel-photo-public{height:240px;object-fit:cover}.org-tree{display:flex;flex-direction:column;gap:18px}.org-level{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.org-node{width:min(260px,100%);background:#fff;border:1px solid #e6ebf0;border-radius:16px;padding:18px;text-align:center;box-shadow:0 8px 22px rgba(20,35,55,.06)}.org-node img{width:92px;height:112px;object-fit:cover;border-radius:12px;margin-bottom:10px}.org-node .org-avatar{width:92px;height:112px;margin:0 auto 10px}.org-node strong,.org-node span,.org-node small{display:block}.org-node strong{font-size:15px}.org-node span{font-size:13px;color:var(--muted);margin-top:5px}.org-node small{font-size:12px;color:var(--muted);margin-top:7px;line-height:1.5}.org-children{margin-top:2px;padding-top:18px;border-top:1px dashed #cbd5e1}.org-connector{width:2px;height:18px;background:#cbd5e1;margin:0 auto 0}@media(max-width:760px){.personel-photo-public{height:210px}}

.top-news-section{background:#f8fafc;padding-top:54px;padding-bottom:54px}.featured-news-card{display:grid;grid-template-columns:1.15fr 1fr;background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px rgba(20,35,55,.10);margin-bottom:24px}.featured-news-media{position:relative;min-height:360px;background:#e8edf3}.featured-news-media img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover}.featured-badge{position:absolute;left:18px;top:18px;background:#ffc21a;color:#111;padding:9px 14px;border-radius:20px;font-size:12px;font-weight:900;box-shadow:0 5px 14px rgba(0,0,0,.14)}.featured-news-body{padding:42px;display:flex;flex-direction:column;justify-content:center}.featured-news-body h3{font-size:clamp(26px,3vw,40px);line-height:1.18;margin:8px 0 14px}.featured-news-body p{font-size:17px;line-height:1.75;color:var(--muted);margin-bottom:24px}.featured-news-body .primary-btn{align-self:flex-start;color:#111}.top-news-list{margin-top:4px}.top-news-list .news-card{padding:18px}.top-news-list .news-image{height:210px;margin:-18px -18px 16px;width:calc(100% + 36px);border-radius:14px 14px 0 0;object-fit:cover}@media(max-width:760px){.featured-news-card{grid-template-columns:1fr}.featured-news-media,.featured-news-media img{min-height:230px;height:230px}.featured-news-body{padding:25px}.featured-news-body h3{font-size:27px}.top-news-list .news-image{height:190px}}