:root{--navy:#071b33;--blue:#0b5fae;--sky:#59bff3;--gold:#f6aa32;--cream:#f5f8fb;--ink:#10223a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}button{cursor:pointer}.nav{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-bottom:1px solid #dfe8f1;align-items:center;gap:28px;height:76px;padding:0 5vw;display:flex;position:sticky;top:0}.brand{color:var(--navy);white-space:nowrap;align-items:center;gap:10px;text-decoration:none;display:flex}.brandmark{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:21px;display:grid;transform:rotate(-18deg)}.brand>span:last-child{font-size:18px;line-height:1}.brand small{letter-spacing:1.2px;color:#668;margin-top:5px;font-size:8px;display:block}.links{align-items:center;gap:18px;margin:auto;display:flex}.links a{color:#38506a;font-size:12px;font-weight:700;text-decoration:none}.links a:hover{color:var(--blue)}.adminBtn,.secondary{color:var(--navy);background:#fff;border:1px solid #bfd0df;border-radius:10px;padding:11px 16px;font-weight:700}.hamb{background:0 0;border:0;font-size:25px;display:none}.hero{color:#fff;background:radial-gradient(circle at 75% 22%,#58b9ed 0,#1775bd 30%,#073767 70%,#061d37 100%);grid-template-columns:1.05fr .95fr;align-items:center;min-height:680px;padding:80px 8vw 105px;display:grid;position:relative;overflow:hidden}.hero:after{content:"";background:#fff;border-radius:50%;width:110%;height:260px;position:absolute;inset:auto -5% -170px}.heroCopy{z-index:2;max-width:670px}.eyebrow{letter-spacing:2.2px;color:#90dcff;font-size:11px;font-weight:800}.eyebrow.dark{color:var(--blue)}h1{letter-spacing:-3px;margin:20px 0;font-size:clamp(42px,5vw,73px);line-height:.98}h1 em{color:#8edbff;font-style:normal;display:block}h2{letter-spacing:-1.5px;margin:12px 0 20px;font-size:clamp(30px,3.4vw,48px);line-height:1.08}.heroCopy>p:not(.eyebrow){color:#ceeafa;max-width:610px;font-size:18px;line-height:1.65}.actions{gap:12px;margin:30px 0;display:flex}.primary,.gold{background:var(--gold);color:#13243a;border:0;border-radius:10px;padding:14px 20px;font-weight:800;box-shadow:0 8px 24px #001e3e38}.secondary{align-items:center;text-decoration:none;display:inline-flex}.hero .secondary{color:#fff;background:0 0;border-color:#fff5}.trust{align-items:center;gap:15px;display:flex}.trust span{flex-direction:column;display:flex}.trust small{color:#9bc7e4}.faces{letter-spacing:-4px;color:#f6c36c}.heroVisual{z-index:2;place-items:center;height:450px;display:grid;position:relative}.orbit{border:1px solid #fff3;border-radius:50%;width:420px;height:420px;box-shadow:0 0 0 50px #ffffff09,0 0 0 100px #ffffff07}.wing{filter:drop-shadow(15px 25px 20px #001e3e77);font-size:210px;animation:5s ease-in-out infinite float;position:absolute;transform:rotate(-20deg)}.badge{color:var(--navy);background:#ffffffed;border-radius:12px;padding:16px;position:absolute;bottom:8%;right:2%;box-shadow:0 16px 40px #00152e44}.badge span{margin-top:4px;font-size:11px;display:block}.plane{color:#fff6;font-size:25px;animation:14s linear infinite fly;position:absolute;top:90px;left:8%}.cloud{filter:blur(2px);background:#fff1;border-radius:50%;width:180px;height:55px;position:absolute}.c1{top:15%;right:4%}.c2{bottom:22%;left:40%}.scroll{z-index:2;letter-spacing:2px;color:#b6d9ef;font-size:9px;position:absolute;bottom:54px;left:8vw}.stats{z-index:3;background:#fff;border-radius:16px;grid-template-columns:repeat(5,1fr);margin:-55px 7vw 0;padding:25px;display:grid;position:relative;box-shadow:0 18px 45px #0723411c}.stats div{border-right:1px solid #e4ebf2;padding:7px 24px}.stats strong{color:var(--blue);font-size:30px;display:block}.stats span{color:#64778b;font-size:11px}.section{padding:100px 8vw}.intro{grid-template-columns:.75fr 1.25fr;align-items:center;gap:7vw;display:grid}.portrait{background:linear-gradient(145deg,#ddebf4,#8ab9d3);border-radius:20px;justify-content:center;align-items:flex-end;height:460px;display:flex;position:relative;overflow:hidden}.photo{color:#fff8;margin-bottom:70px;font-size:130px;font-weight:900}.name{color:#fff;background:#071b33e8;padding:20px;position:absolute;bottom:0;left:0;right:0}.name span{margin-top:5px;font-size:12px;display:block}.intro>div:last-child>p:not(.eyebrow){color:#586b80;font-size:18px;line-height:1.8}.textlink,.programCard a,.newsCard a{color:var(--blue);font-weight:800;text-decoration:none}.programs{background:var(--cream)}.sectionHead{justify-content:space-between;align-items:end;gap:60px;margin-bottom:40px;display:flex}.sectionHead>p{color:#68798b;max-width:450px;line-height:1.7}.cards,.newsGrid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.programCard{background:#fff;border:1px solid #dce6ee;border-radius:15px;padding:32px;transition:all .3s;position:relative}.programCard:hover{transform:translateY(-8px);box-shadow:0 20px 50px #0b315417}.number{color:#cedae5;font-size:30px;font-weight:800;position:absolute;top:18px;right:20px}.programIcon{width:60px;height:60px;color:var(--blue);background:#e8f5fb;border-radius:15px;place-items:center;font-weight:900;display:grid}.programCard h3{margin:25px 0 10px;font-size:21px}.programCard p,.newsCard p{color:#63768a;line-height:1.6}.news{background:var(--navy);color:#fff}.news .sectionHead a{color:#9bdcff}.thumb{background:linear-gradient(135deg,#218aca,#7bd9f5);border-radius:13px 13px 0 0;justify-content:space-between;align-items:flex-start;height:190px;padding:18px;display:flex}.thumb.t1{background:linear-gradient(135deg,#344f69,#d0aa6b)}.thumb.t2{background:linear-gradient(135deg,#22508a,#f5b74b)}.thumb span{color:var(--navy);background:#fff;border-radius:20px;padding:7px 10px;font-size:10px;font-weight:900}.thumb b{align-self:center;font-size:62px}.newsBody{background:#102b49;border-radius:0 0 13px 13px;padding:25px}.newsBody small{color:#8fabc5}.newsBody h3{font-size:20px}.newsBody a{color:#85d2f6}.agenda{grid-template-columns:.7fr 1.3fr;gap:80px;display:grid}.timeline{border-top:1px solid #dbe4ec}.event{border-bottom:1px solid #dbe4ec;grid-template-columns:70px 1fr auto;align-items:center;gap:25px;padding:22px 0;display:grid}.date{color:var(--blue);flex-direction:column;align-items:center;display:flex}.date b{font-size:30px}.date span{font-size:10px;font-weight:900}.event h3{margin:0 0 7px}.event p{color:#718294;margin:0;font-size:13px}.event button{background:#fff;border:1px solid #cad7e2;border-radius:50%;width:40px;height:40px}.ppdb{color:#fff;background:linear-gradient(105deg,#0c5eaa,#083862);justify-content:space-between;align-items:center;gap:60px;padding:70px 8vw;display:flex}.ppdb h2{max-width:800px}.ppdb p:last-child{color:#c0def0}.gold{white-space:nowrap;font-size:16px}.contact{grid-template-columns:1fr 1fr;gap:8vw;display:grid}.contact p{color:#607386;line-height:1.8}.contactRow{flex-direction:column;gap:10px;display:flex}.contactRow a{color:var(--blue);font-weight:800;text-decoration:none}.contact form,.formCard{border:1px solid #dce5ed;border-radius:15px;padding:30px;box-shadow:0 15px 50px #0b315410}.contact label,.formGrid label{flex-direction:column;gap:7px;margin-bottom:16px;font-size:12px;font-weight:800;display:flex}.contact input,.contact textarea,.formGrid input,.formGrid select{background:#fff;border:1px solid #ccd9e4;border-radius:8px;width:100%;padding:13px}.contact textarea{resize:vertical;height:100px}footer{color:#a8bfd4;background:#06182d;justify-content:space-between;align-items:center;padding:35px 8vw;font-size:12px;display:flex}footer .brand{color:#fff}footer a{color:#a8bfd4;margin-left:18px;text-decoration:none}.wa{z-index:15;color:#fff;background:#22c268;border:0;border-radius:50%;width:55px;height:55px;font-weight:900;position:fixed;bottom:25px;right:25px;box-shadow:0 10px 28px #17362b55}.modal{z-index:50;background:#041525aa;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.adminPanel{background:#f4f7fa;border-radius:18px;grid-template-columns:230px 1fr;width:min(1200px,100%);height:min(760px,94vh);display:grid;overflow:hidden;box-shadow:0 30px 80px #00102099}.adminPanel aside{background:var(--navy);flex-direction:column;gap:5px;padding:25px 16px;display:flex}.adminPanel aside .brand{color:#fff;margin:0 8px 25px}.adminPanel aside button{color:#9bb2c9;text-align:left;background:0 0;border:0;border-radius:8px;padding:12px}.adminPanel aside button.active{color:#fff;background:#1471bf}.adminPanel aside button:last-child{margin-top:auto}.adminPanel>section{padding:32px;overflow:auto}.adminTop,.formTitle,.savebar{justify-content:space-between;align-items:center;display:flex}.adminTop small{color:#75889b}.adminTop h2{margin:6px 0;font-size:26px}.adminTop>button{background:0 0;border:0;font-size:22px}.adminStats{grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;display:grid}.adminStats div{background:#fff;border:1px solid #dce5ed;border-radius:10px;padding:18px}.adminStats span{color:#718295;font-size:11px;display:block}.adminStats b{font-size:20px}.adminStats .status{color:#16a05d;font-size:14px}.formTitle{border-bottom:1px solid #e0e7ed;padding-bottom:18px}.formTitle h3{margin:0}.formTitle p{color:#728396;margin:6px 0;font-size:12px}.toggle input{display:none}.toggle span{background:#c9d5de;border-radius:20px;width:46px;height:25px;display:block;position:relative}.toggle span:after{content:"";background:#fff;border-radius:50%;width:19px;height:19px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle input:checked+span{background:#1baf67}.toggle input:checked+span:after{left:24px}.formGrid{grid-template-columns:1fr 1fr;gap:0 18px;margin-top:22px;display:grid}.formGrid .full{grid-column:1/-1}.formGrid small{color:#718295;font-weight:400}.preview{background:#eaf5fc;border:1px dashed #8ebbd8;border-radius:10px;align-items:center;gap:20px;padding:18px;display:flex}.preview>span{letter-spacing:1px;font-size:9px;font-weight:900}.preview small{color:#557187}.savebar{justify-content:flex-end;gap:10px;margin-top:20px}.toast{z-index:80;color:#fff;background:#0b7b4a;border-radius:10px;max-width:400px;padding:15px 18px;position:fixed;top:95px;right:25px;box-shadow:0 15px 40px #001b1133}.toast button{color:#fff;background:0 0;border:0;margin-left:15px}@keyframes float{50%{transform:rotate(-16deg)translateY(-20px)}}@keyframes fly{0%{transform:translate(-150px,70px)}to{transform:translate(90vw,-80px)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:1050px){.links{display:none}.hamb{display:block}.links.open{background:#fff;flex-wrap:wrap;padding:20px;display:flex;position:absolute;top:76px;left:0;right:0;box-shadow:0 15px 30px #1232}.adminBtn{margin-left:auto}.hero{grid-template-columns:1fr}.heroVisual{display:none}.stats{grid-template-columns:repeat(3,1fr)}.cards,.newsGrid{grid-template-columns:1fr 1fr}}@media (max-width:700px){.nav{padding:0 18px}.adminBtn{display:none}.hero{min-height:650px;padding:70px 24px 110px}h1{font-size:45px}.actions{flex-direction:column;align-items:flex-start}.stats{grid-template-columns:1fr 1fr;margin:-40px 18px 0}.stats div{padding:12px}.section{padding:70px 24px}.intro,.agenda,.contact{grid-template-columns:1fr}.portrait{height:340px}.sectionHead,.ppdb{flex-direction:column;align-items:flex-start}.cards,.newsGrid,.adminPanel{grid-template-columns:1fr}.adminPanel aside{display:none}.adminPanel>section{padding:20px}.adminStats,.formGrid{grid-template-columns:1fr}.formGrid .full{grid-column:auto}.preview{flex-direction:column;align-items:flex-start}footer{text-align:center;flex-direction:column;gap:22px}}
.cmsLauncher{z-index:65;color:#10223a;background:#f6aa32;border:0;border-radius:9px;padding:11px 16px;font-weight:800;position:fixed;top:22px;right:80px;box-shadow:0 8px 25px #00152e55}.cmsModal{z-index:75}.cmsPanel{background:#f4f7fa;border-radius:18px;width:min(1180px,96vw);height:min(820px,94vh);padding:30px;overflow:auto}.cmsTabs{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.cmsTabs button{background:#fff;border:1px solid #cbd8e3;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:700}.cmsTabs button.active{color:#fff;background:#0b5fae;border-color:#0b5fae}.cmsGrid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.formGrid textarea{resize:vertical;border:1px solid #ccd9e4;border-radius:8px;min-height:100px;padding:13px}.contentList{background:#fff;border:1px solid #dce5ed;border-radius:15px;padding:25px}.contentList article{border-bottom:1px solid #e4ebf1;justify-content:space-between;gap:15px;padding:15px 0;display:flex}.contentList article div{flex-direction:column;gap:5px;display:flex}.contentList article span{text-transform:uppercase;color:#62768a;background:#e9eef3;border-radius:12px;width:max-content;padding:4px 7px;font-size:9px;font-weight:900}.contentList article span.published{color:#147849;background:#daf6e7}.contentList article small{color:#718295}.contentList article button{color:#b52e2e;background:#fff0f0;border:0;border-radius:7px;height:max-content;padding:6px 10px}.successMsg{color:#137a49;background:#def6e9;border-radius:8px;padding:10px}.empty{color:#718295;text-align:center;padding:30px 0}@media (max-width:700px){.cmsLauncher{top:auto;bottom:90px;right:20px}.cmsGrid{grid-template-columns:1fr}.cmsPanel{padding:18px}}
.editLauncher{color:#0b5fae;background:#dbeeff;right:270px}.editorLayout{grid-template-columns:330px 1fr;gap:20px;margin-top:20px;display:grid}.editorList{max-height:620px;overflow:auto}.editorList>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #e1e8ee;border-radius:7px;flex-direction:column;gap:4px;width:100%;padding:14px;display:flex}.editorList>button.selected{color:#0b5fae;background:#e5f3ff}.editorList small{color:#718295}@media (max-width:700px){.editLauncher{bottom:140px;right:20px}.editorLayout{grid-template-columns:1fr}.editorList{max-height:220px}}
.mediaLauncher{color:#137a49;background:#e8f7ef;right:470px}.uploadZone{background:#eef8ff;border:2px dashed #8ebbd8;border-radius:14px;flex-direction:column;align-items:center;gap:10px;margin:20px 0;padding:30px;font-weight:800;display:flex}.uploadZone small{color:#61788d;font-weight:400}.mediaGrid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.mediaGrid article{background:#fff;border:1px solid #dce5ed;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.mediaGrid img,.fileIcon{object-fit:cover;background:#e6eef5;border-radius:8px;width:100%;height:130px}.fileIcon{color:#557187;place-items:center;font-weight:900;display:grid}.mediaGrid label{font-size:10px;font-weight:800}.mediaGrid input{border:1px solid #ccd9e4;border-radius:6px;width:100%;margin-top:4px;padding:8px}.mediaGrid article>button{color:#b52e2e;background:#fff0f0;border:0;border-radius:7px;padding:8px}@media (max-width:800px){.mediaLauncher{bottom:190px;right:20px}.mediaGrid{grid-template-columns:repeat(2,1fr)}}
.identityLauncher{color:#713c92;background:#f7edff;right:675px}.identityPanel{width:min(900px,96vw)}@media (max-width:900px){.identityLauncher{bottom:240px;right:20px}}
.assignLauncher{color:#9a5913;background:#fff2df;right:895px}.assignPreview{object-fit:cover;border-radius:12px;width:100%;max-height:330px;margin-top:15px}@media (max-width:1100px){.assignLauncher{bottom:290px;right:20px}}
.publicGallery{background:#f5f8fb}.publicGalleryGrid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.publicGalleryGrid a{color:#fff;background:#0b3154;border-radius:14px;min-height:230px;position:relative;overflow:hidden}.publicGalleryGrid img{object-fit:cover;width:100%;height:100%;transition:all .35s}.publicGalleryGrid a:hover img{transform:scale(1.05)}.publicGalleryGrid div{background:linear-gradient(#0000,#06182de8);flex-direction:column;padding:45px 18px 18px;display:flex;position:absolute;inset:auto 0 0}.publicGalleryGrid span{color:#a9dbf5;margin-top:5px;font-size:10px}@media (max-width:900px){.publicGalleryGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.publicGalleryGrid{grid-template-columns:1fr}}
.modal:has(.adminPanel){background:#edf1f5;place-items:stretch stretch;padding:0}.adminBtn{display:none!important}.adminPanel{width:100%;height:100vh;box-shadow:none;border-radius:0;grid-template-columns:270px 1fr}.adminPanel aside{background:#182433;border-right:1px solid #26384b;padding:24px 18px}.adminPanel aside .brand{border-bottom:1px solid #324253;margin:0 0 18px;padding:0 8px 22px}.adminPanel aside .brandmark{background:#2495db}.adminPanel aside button{color:#c2ced9;padding:13px 14px;font-size:14px}.adminPanel aside button.active{color:#fff;background:#1976bd;box-shadow:0 7px 18px #07182b55}.adminPanel aside button:nth-of-type(n+3):not(:last-child){opacity:.38;cursor:default}.adminPanel>section{background:#f3f6f9;padding:0 34px 40px}.adminTop{background:#fff;border-bottom:1px solid #dfe6ec;min-height:96px;margin:0 -34px 28px;padding:18px 34px}.adminTop h2{margin:4px 0 0;font-size:25px}.adminTop small{letter-spacing:1.5px;color:#1976bd;font-size:10px;font-weight:800}.adminPanel .formCard{background:#fff;border-radius:8px;box-shadow:0 2px 8px #1f2d3d16}.adminStats div{border-top:3px solid #1976bd;border-radius:7px}.adminPanel .primary{color:#fff;box-shadow:none;background:#1976bd}.adminPanel .secondary{border-radius:6px}.adminPanel input,.adminPanel select{border-radius:5px}.adminPanel .formTitle h3{font-size:18px}.adminPanel .savebar{background:#fff;border-top:1px solid #e3e8ed;margin:24px -30px -30px;padding:16px 30px;position:sticky;bottom:-40px}.adminPanel aside:after{content:"Perubahan tersimpan ke database dan tampil setelah dipublikasikan.";color:#6f8294;border-top:1px solid #324253;margin-top:12px;padding:16px 12px;font-size:11px;line-height:1.5}.cmsLauncher{z-index:66;text-align:left;color:#c2ced9;width:234px;height:42px;box-shadow:none;background:0 0;border-radius:6px;padding:0 14px;font-size:13px;font-weight:600;left:18px;right:auto}.cmsLauncher:hover{color:#fff;background:#26384b}.cmsLauncher:not(.assignLauncher):not(.identityLauncher):not(.mediaLauncher):not(.editLauncher){top:390px}.identityLauncher{top:438px}.mediaLauncher{top:486px}.editLauncher{top:534px}.assignLauncher{top:582px}.cmsModal{background:#0b1724d9;padding:22px}.cmsPanel{background:#f3f6f9;border-radius:8px;width:min(1280px,100%);height:min(900px,100%)}.cmsPanel .adminTop{margin:-30px -30px 24px;padding:18px 30px}.cmsTabs{background:#fff;border:1px solid #dfe6ec;border-radius:7px;padding:10px}.cmsTabs button{border:0;border-radius:5px}.cmsGrid{align-items:start}.contentList,.cmsPanel .formCard{border-radius:7px;box-shadow:0 2px 8px #1f2d3d12}@media (max-width:800px){.adminPanel{grid-template-columns:1fr}.adminPanel aside{display:none}.adminPanel>section{padding:0 18px 28px}.adminTop{margin:0 -18px 20px;padding:16px 18px}.adminPanel .savebar{bottom:-28px}.cmsLauncher{white-space:nowrap;text-align:center;width:46px;padding:0;left:auto;right:12px;overflow:hidden}.cmsLauncher:not(.assignLauncher):not(.identityLauncher):not(.mediaLauncher):not(.editLauncher){top:auto;bottom:260px}.identityLauncher{top:auto;bottom:212px}.mediaLauncher{top:auto;bottom:164px}.editLauncher{top:auto;bottom:116px}.assignLauncher{top:auto;bottom:68px}.cmsPanel{padding:18px}.cmsPanel .adminTop{margin:-18px -18px 18px;padding:14px 18px}}