:root{
  --af-navy:#06233d;--af-blue:#075b91;--af-sky:#0b7fbd;--af-gold:#f8bd18;--af-bg:#eef7ff;--af-line:#d7e7f5;--af-text:#102a43;--af-muted:#607089;--af-shadow:0 18px 48px rgba(6,35,61,.10)
}
.home-pro{background:linear-gradient(180deg,#f3faff 0,#eaf5ff 100%);padding:26px 18px 56px;color:var(--af-text);font-family:Inter,"Segoe UI",Arial,sans-serif}
.home-container{max-width:1320px;margin:0 auto}
.eyebrow{display:inline-flex;align-items:center;width:max-content;padding:8px 14px;border-radius:999px;background:#e9f6ff;color:#075b91;font-weight:900;font-size:12px;letter-spacing:.01em}
.hero-pro{position:relative;min-height:410px;border-radius:34px;overflow:hidden;background:#06233d;box-shadow:var(--af-shadow)}
.hero-slide{position:absolute;inset:0;display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;padding:42px 56px;opacity:0;transform:translateY(18px);transition:.7s ease;background:linear-gradient(115deg,#06233d 0%,#075b91 52%,#0a82bd 100%);background-size:cover;background-position:center}
.hero-slide.active{opacity:1;transform:none;z-index:2}
.hero-slide:after{content:"";position:absolute;right:-130px;bottom:-170px;width:430px;height:430px;background:var(--af-gold);border-radius:50%;opacity:.92}
.hero-copy{position:relative;z-index:3;color:#fff;max-width:680px}
.hero-copy .eyebrow{background:rgba(255,255,255,.92)}
.hero-copy h1{font-size:clamp(32px,4vw,56px);line-height:1.05;margin:20px 0 16px;letter-spacing:-1.4px}
.hero-copy p{font-size:16px;line-height:1.65;margin:0 0 24px;color:#e8f5ff}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn-home{border:0;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;font-weight:950;background:#fff;color:var(--af-navy);box-shadow:0 10px 22px rgba(0,0,0,.12)}
.btn-home.gold{background:var(--af-gold);color:#06233d}.btn-home.gold-soft{background:#fff3cd;color:#805200}.btn-home.ghost{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.32);box-shadow:none}
.hero-panel{position:relative;z-index:3;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.7);border-radius:28px;padding:26px;max-width:480px;justify-self:end;box-shadow:0 24px 70px rgba(0,0,0,.18)}
.panel-top{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--af-line);padding-bottom:18px;margin-bottom:18px}.panel-top img{width:62px;height:62px;object-fit:contain;border-radius:18px;background:#fff}.panel-top b{display:block;font-size:20px;color:var(--af-navy)}.panel-top small{color:var(--af-muted)}
.panel-count{border:1px solid var(--af-line);border-radius:22px;padding:20px;background:#f8fcff}.panel-count span{display:block;color:var(--af-muted);font-weight:800}.panel-count strong{font-size:48px;color:var(--af-blue);line-height:1.1}.panel-count small{display:block;color:var(--af-muted);line-height:1.45}
.panel-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.panel-mini div{border:1px solid var(--af-line);border-radius:18px;padding:14px}.panel-mini b{font-size:24px;color:var(--af-navy);display:block}.panel-mini small{color:var(--af-muted)}
.hero-dots{position:absolute;left:56px;bottom:26px;z-index:4;display:flex;gap:8px}.hero-dots button{width:10px;height:10px;border:0;border-radius:999px;background:rgba(255,255,255,.45);cursor:pointer}.hero-dots button.active{width:32px;background:var(--af-gold)}
.hero-nav{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:var(--af-blue);font-size:28px;font-weight:900;box-shadow:var(--af-shadow);cursor:pointer}.hero-nav.prev{left:18px}.hero-nav.next{right:18px}
.quick-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0}
.stat-card{background:#fff;border:1px solid var(--af-line);border-radius:24px;padding:22px;display:flex;align-items:center;gap:16px;box-shadow:0 12px 34px rgba(6,35,61,.06)}
.af-svg{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#0b67a3,#0b8fce);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.gold-icon .af-svg,.dash-card.inst .af-svg{background:linear-gradient(135deg,#b87900,#f8bd18);color:#06233d}.af-svg svg{width:23px;height:23px}.stat-card b{font-size:30px;color:var(--af-navy);display:block}.stat-card span:last-child{font-size:13px;color:var(--af-muted);font-weight:900}
.chairman{display:grid;grid-template-columns:390px 1fr;gap:0;background:#fff;border:1px solid var(--af-line);border-radius:34px;overflow:hidden;box-shadow:var(--af-shadow);margin:26px 0}.chairman-photo{background:linear-gradient(145deg,#07365f,#0b79b8);padding:36px;position:relative;display:flex;align-items:center;justify-content:center}.chairman-photo:after{content:"";position:absolute;right:-70px;bottom:-70px;width:190px;height:190px;background:var(--af-gold);border-radius:50%;opacity:.9}.chairman-photo img{position:relative;z-index:2;width:260px;height:330px;object-fit:cover;border-radius:28px;border:8px solid #fff;box-shadow:0 20px 44px rgba(0,0,0,.22)}.chairman-copy{padding:46px 50px;display:flex;flex-direction:column;justify-content:center}.chairman-copy h2{font-size:22px;line-height:1.2;margin:14px 0 4px;color:#075b91}.chairman-copy h3{font-size:30px;line-height:1.2;margin:0 0 14px;color:var(--af-navy);letter-spacing:-.6px}.chairman-copy p{font-size:16px;line-height:1.75;color:#38506b}.signature{border-left:4px solid var(--af-gold);padding-left:16px;margin-top:14px}.signature b{display:block;color:var(--af-navy)}.signature small{color:var(--af-muted)}
.dashboard-split{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0}
.dash-card{background:#fff;border:1px solid var(--af-line);border-radius:28px;box-shadow:var(--af-shadow);overflow:hidden}.dash-card.inst{border-color:#ecd18b;background:linear-gradient(180deg,#fffdf8,#fff)}.dash-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:24px;border-bottom:1px solid var(--af-line)}.dash-head span{display:inline-flex;background:#eaf6ff;color:#075b91;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:950}.dash-card.inst .dash-head span{background:#fff3cd;color:#8a5b00}.dash-head h2{margin:12px 0 6px;font-size:23px;letter-spacing:-.03em;color:var(--af-navy)}.dash-head p{margin:0;color:var(--af-muted);line-height:1.5;font-size:13px}.dash-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:20px}.dash-kpis div{border:1px solid var(--af-line);background:#f8fcff;border-radius:18px;padding:16px}.dash-card.inst .dash-kpis div{background:#fffaf0;border-color:#ead9aa}.dash-kpis span{display:block;color:#6b7d91;text-transform:uppercase;font-size:11px;letter-spacing:.08em;font-weight:950}.dash-kpis b{display:block;color:var(--af-navy);font-size:25px;line-height:1.15;margin-top:4px}.dash-actions{display:flex;gap:10px;padding:0 20px 20px;flex-wrap:wrap}.dash-actions a{display:inline-flex;text-decoration:none;border:1px solid #cde3f3;color:#075b91;border-radius:999px;padding:11px 16px;font-weight:950;background:#fff}
.group-section{background:#fff;border:1px solid var(--af-line);border-radius:30px;padding:24px;margin:26px 0;box-shadow:var(--af-shadow);overflow:hidden}.group-section.group-inst{border-color:#ecd18b;background:linear-gradient(180deg,#fffef9,#fff)}
.group-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:18px}.group-head small{display:inline-flex;margin-top:10px;background:#fff3cd;color:#8a5b00;border-radius:999px;padding:8px 12px;font-weight:950;font-size:12px}.group-head h2{font-size:30px;line-height:1.18;margin:10px 0 6px;color:var(--af-navy);letter-spacing:-.03em}.group-head p{margin:0;color:var(--af-muted);font-size:14px;line-height:1.6}
.group-marquee{overflow:hidden;position:relative;padding:2px 0 12px}.group-marquee:before,.group-marquee:after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}.group-marquee:before{left:0;background:linear-gradient(90deg,#fff,transparent)}.group-marquee:after{right:0;background:linear-gradient(-90deg,#fff,transparent)}.group-track{display:flex;gap:18px;width:max-content;animation:memberMove 70s linear infinite}.group-track.slow{animation-duration:90s}.group-marquee:hover .group-track{animation-play-state:paused}@keyframes memberMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.member-card{width:300px;min-height:178px;background:#fff;border:1px solid var(--af-line);border-radius:24px;padding:18px;display:flex;gap:14px;align-items:flex-start;box-shadow:0 12px 34px rgba(6,35,61,.07)}.member-card img{width:82px;height:96px;object-fit:cover;border-radius:18px;border:4px solid #f4f9ff;background:#fff}.inst-card img{object-fit:contain;padding:6px}.member-card h3{font-size:16px;line-height:1.25;margin:0 0 4px;color:var(--af-navy)}.member-card .jabatan{font-weight:950;color:var(--af-sky);font-size:12px}.member-card p{font-size:13px;line-height:1.45;color:var(--af-muted);margin:6px 0 10px}.btn-profile{border:0;background:#0b78bd;color:#fff;border-radius:999px;padding:9px 14px;font-weight:950;cursor:pointer}
.report-strip{display:grid;grid-template-columns:1fr;gap:16px}.report-box{margin-top:14px;background:#f8fcff;border:1px solid var(--af-line);border-radius:24px;padding:20px}.report-box h3{margin:0 0 4px;color:var(--af-navy)}.report-box p{margin:0 0 14px;color:var(--af-muted);font-size:13px}.rank-row{display:grid;grid-template-columns:36px 1fr 54px;gap:10px;align-items:center;margin:10px 0}.rank-row span{width:32px;height:32px;border-radius:12px;background:#eaf6ff;color:#075b91;display:flex;align-items:center;justify-content:center;font-weight:950}.rank-row b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-row small{text-align:right;color:var(--af-muted);font-weight:900}.rank-row i{grid-column:2/4;display:block;height:7px;background:#e4f0fa;border-radius:999px;overflow:hidden}.rank-row i em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0b78bd,#13a7df)}.rank-row.gold span{background:#fff3cd;color:#8a5b00}.rank-row.gold i em{background:linear-gradient(90deg,#f8bd18,#c58c00)}
.inst-feature-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:stretch}.inst-showcase{background:linear-gradient(155deg,#06233d,#0b78bd);border-radius:26px;padding:22px;color:#fff;min-height:360px;overflow:hidden;position:relative}.inst-showcase:after{content:"";position:absolute;right:-70px;bottom:-90px;width:210px;height:210px;border-radius:50%;background:#f8bd18}.inst-showcase>span{display:inline-flex;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.20);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:950}.inst-showcase h3{font-size:23px;line-height:1.2;margin:14px 0 8px}.inst-showcase p{color:#dceefa;line-height:1.6;font-size:14px}.inst-stage{position:relative;z-index:2;min-height:190px}.inst-spot{position:absolute;inset:0;background:#fff;color:var(--af-navy);border-radius:22px;padding:16px;display:grid;grid-template-columns:82px 1fr;gap:12px;align-items:center;opacity:0;transform:translateY(18px);transition:.6s ease;box-shadow:0 18px 42px rgba(0,0,0,.16)}.inst-spot.active{opacity:1;transform:none}.inst-spot img{width:74px;height:74px;object-fit:contain;border-radius:18px;border:1px solid var(--af-line);padding:7px;background:#fff}.inst-spot h4{margin:0 0 6px;font-size:15px;line-height:1.28}.inst-spot p{margin:0;color:#607089;font-size:12px;line-height:1.45}
.inst-slider-box{min-width:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:26px 0}.service-grid a{text-decoration:none;color:inherit;background:#fff;border:1px solid var(--af-line);border-radius:24px;padding:20px;display:flex;gap:14px;align-items:center;box-shadow:0 12px 34px rgba(6,35,61,.06)}.service-grid b{display:block;color:var(--af-navy)}.service-grid small{color:var(--af-muted);line-height:1.4}
.profile-modal{position:fixed;inset:0;background:rgba(6,35,61,.70);z-index:9999;display:none;align-items:center;justify-content:center;padding:24px}.profile-modal.open{display:flex}.modal-card{width:min(1040px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:32px;display:grid;grid-template-columns:360px 1fr;box-shadow:0 30px 90px rgba(0,0,0,.32);position:relative}.modal-close{position:absolute;right:18px;top:18px;border:0;width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 12px 30px rgba(6,35,61,.14);font-size:22px;font-weight:900;cursor:pointer}.modal-left{background:linear-gradient(145deg,#07365f,#0b7fbd);padding:34px;position:relative;overflow:hidden}.modal-left:after{content:"";position:absolute;right:-70px;bottom:-80px;width:210px;height:210px;background:var(--af-gold);border-radius:50%;opacity:.9}.modal-left img{width:100%;height:330px;object-fit:cover;border-radius:24px;border:7px solid #fff;position:relative;z-index:1;background:#fff}.modal-status{position:relative;z-index:1;background:#fff;border-radius:20px;padding:16px;margin-top:18px;color:var(--af-blue);font-weight:800}.modal-right{padding:42px 44px}.modal-right h2{font-size:34px;line-height:1.12;margin:12px 0;color:var(--af-navy)}.modal-sub{font-size:17px;color:var(--af-blue);font-weight:900;margin-bottom:20px}.modal-bio{border:1px solid var(--af-line);background:#f8fcff;border-radius:20px;padding:18px;color:#40536b;line-height:1.7}.modal-table{margin-top:18px;display:grid;gap:0}.modal-row{display:grid;grid-template-columns:150px 18px 1fr;border-bottom:1px dashed #c9ddec;padding:11px 0}.modal-row b{color:#30465f}.modal-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.modal-links a{text-decoration:none;border-radius:999px;padding:8px 12px;font-weight:900;font-size:13px;background:#eef7ff;color:#075b91;border:1px solid #d7e7f5}.empty-note{color:var(--af-muted)}
@media(max-width:1080px){.dashboard-split,.inst-feature-grid{grid-template-columns:1fr}.quick-summary,.service-grid{grid-template-columns:repeat(2,1fr)}.chairman{grid-template-columns:1fr}.chairman-photo img{width:220px;height:270px}}
@media(max-width:760px){.home-pro{padding:16px 10px 40px}.hero-pro{border-radius:24px}.hero-slide{grid-template-columns:1fr;padding:28px 20px;min-height:720px}.hero-copy h1{font-size:32px}.hero-panel{justify-self:stretch;max-width:none}.panel-mini,.quick-summary,.service-grid{grid-template-columns:1fr}.hero-nav{display:none}.chairman-copy{padding:28px 22px}.chairman-copy h3{font-size:24px}.dashboard-split{gap:14px}.dash-kpis{grid-template-columns:1fr}.group-section{padding:18px;border-radius:24px}.group-head{display:block}.group-head .btn-home{margin-top:14px}.group-head h2{font-size:24px}.member-card{width:270px}.inst-showcase{min-height:390px}.modal-card{grid-template-columns:1fr}.modal-left img{height:260px;object-fit:contain}.modal-right{padding:30px 24px}.modal-right h2{font-size:26px}.modal-row{grid-template-columns:1fr}.profile-modal{align-items:flex-end;padding:0}.modal-card{border-radius:26px 26px 0 0;width:100%;max-height:92vh}}