@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap";:root{--header-height:2.5rem;--black-color:#1d232f;--black-color-light:#1d232f;--black-color-lighten:#252b37;--white-color:#fff;--body-color:#f0f5ff;--primary-blue:#036;--accent-blue:#004bb5;--gradient-blue:linear-gradient(#00336e, #009dff00);--body-font:"Montserrat", sans-serif;--normal-font-size:.938rem;--font-regular:400;--font-semi-bold:600;--font-bold:700;--z-tooltip:10;--z-fixed:100;--z-popup:1003}@media screen and (width>=1024px){:root{--normal-font-size:1rem}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--body-font);font-size:clamp(var(--normal-font-size), 1rem + .3vw, 1.1rem);background-color:var(--body-color);flex-direction:column;min-height:100vh;line-height:1.6;display:flex;overflow-x:hidden}ul{list-style:none}a{text-decoration:none}img{max-width:100%;height:auto;display:block}.vt-astra{color:#fff;text-align:center;background:linear-gradient(#0b1c2d,#020617);width:100%;padding:120px 0 0;position:relative;overflow:hidden}.vt-content{z-index:3;max-width:800px;margin:auto;padding:0 20px;position:relative}.vt-content h2{margin-bottom:20px;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.1}.vt-content p{color:#cbd5f5;margin-bottom:30px;font-size:16px;line-height:1.7}.vt-btn{color:#020617;background:#fff;border-radius:999px;padding:14px 34px;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-block}.vt-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0000004d}.vt-visual{z-index:2;margin-top:80px;position:relative}.vt-bg{z-index:999;width:100%;max-width:1400px;margin:auto;display:block;position:relative}.vt-vr{z-index:4;opacity:0;width:420px;max-width:70vw;transition:transform 1.4s cubic-bezier(.22,1,.36,1),opacity .6s;position:absolute;bottom:500px;right:40%;transform:translateY(120px)}.vt-vr.is-visible{opacity:1;transform:translateY(0)}@media screen and (width<=1118px){.vt-vr{width:420px;top:-21%;right:44%;transform:translate(50%)}}@media (width<=769px){.vt-vr{width:300px;top:-22%;right:40%;transform:translate(50%)}}@media (width<=575px){.vt-vr{width:300px;top:-50%;right:30%;transform:translate(50%)}}.vt-content{animation:1s forwards fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.popup{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.popup.show{display:flex}.popup-content{background:#fff;border-radius:16px;width:min(640px,92%);max-height:90vh;padding:24px 22px;animation:.35s popupFade;position:relative;overflow-y:auto;box-shadow:0 20px 40px #00000040,0 2px 8px #00000014}@keyframes popupFade{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.close-btn{color:#020617;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;width:32px;height:32px;font-size:18px;font-weight:700;transition:all .2s;position:absolute;top:14px;right:14px}.close-btn:hover{color:#fff;background:#020617}.popup-body{align-items:center;gap:24px;display:flex}.popup-body img{object-fit:cover;border-radius:12px;width:260px;max-width:100%}.column{flex:1}.content h2,.paragrafPopup{color:#020617;text-align:center;margin-bottom:14px;font-size:20px;font-weight:700}.button-group{flex-direction:column;gap:14px;margin-top:16px;display:flex}.btn-brosur{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.btn-brosur:hover{transform:translateY(-2px);box-shadow:0 10px 20px #2563eb66}@media (width<=768px){.popup-body{text-align:center;flex-direction:column}.popup-body img{width:220px}.content h2{font-size:18px}}@media (width<=375px){.popup-content{padding:18px 16px}.popup-body img{width:200px}.btn-brosur{padding:12px;font-size:14px}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{border-radius:10px;padding:9px 14px;font-size:clamp(.8rem,1.5vw,.9rem);font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-block}.btn-primary{color:#fff;background:#2563eb;border:1px solid #2563eb}.btn-primary:hover{background:#1e40af;border-color:#1e40af}.btn-outline{color:#1e3a8a;background:#fff;border:1px solid #93c5fd}.btn-outline:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.header{background:var(--gradient-blue);-webkit-backdrop-filter:blur(10px)saturate(120%);backdrop-filter:blur(10px)saturate(120%);width:100%;z-index:var(--z-fixed);border-bottom:1px solid #0066ff1a;padding:.75rem 1.5rem;transition:padding .3s;position:fixed;top:0;left:0}.nav{height:var(--header-height)}.nav__data{justify-content:space-between;align-items:center;height:100%;display:flex}.nav__logo{font-weight:var(--font-semi-bold);color:var(--white-color);align-items:center;column-gap:.25rem;display:inline-flex}.nav__logo img{width:auto;height:auto;max-height:80px}.nav__toggle{width:32px;height:32px;position:relative}.nav__burger,.nav__close{cursor:pointer;width:max-content;height:max-content;color:var(--white-color);margin:auto;font-size:1.25rem;transition:opacity .1s,transform .4s;position:absolute;inset:0}.nav__close{opacity:0}.nav__link{color:var(--white-color);font-weight:var(--font-semi-bold);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;transition:background-color .3s;display:flex}.nav__link:hover{background:#ffffff1a}@media screen and (width<=1118px){.nav__menu{width:100%;height:calc(100vh - var(--header-height));pointer-events:none;opacity:0;transition:top .4s,opacity .3s;position:absolute;top:100%;left:0;overflow:auto}.nav__menu::-webkit-scrollbar{width:0}.nav__list{background:#0a68d1ab;padding-top:1rem}.nav__logo img{max-height:50px}}.show-menu{opacity:1;pointer-events:initial;top:100%}.show-icon .nav__burger{opacity:0;transform:rotate(90deg)}.show-icon .nav__close{opacity:1;transform:rotate(90deg)}.dropdown__item{cursor:pointer}.dropdown__arrow{font-size:1.25rem;font-weight:initial;color:#fff;transition:transform .4s}.dropdown__link,.dropdown__sublink{white-space:nowrap;font-weight:var(--font-semi-bold);align-items:center;column-gap:.5rem;transition:background-color .3s;display:flex}.dropdown__link i,.dropdown__sublink i{font-size:1.25rem;font-weight:initial}.dropdown__link:hover,.dropdown__sublink:hover{background-color:var(--black-color)}.dropdown__menu,.dropdown__submenu{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#afcdffcf,#00336e);border-radius:8px;max-height:0;transition:max-height .4s ease-out;overflow:hidden;box-shadow:0 6px 20px #0006}.dropdown__menu a{color:#fffdfd;white-space:nowrap;filter:drop-shadow(2px 4px 6px #00000080);border-radius:8px;padding:12px 16px;text-decoration:none;display:block}.dropdown__item:hover .dropdown__menu,.dropdown__subitem:hover>.dropdown__submenu{max-height:1000px;transition:max-height .4s ease-in}.dropdown__item:hover .dropdown__arrow{transform:rotate(180deg)}.dropdown__add{margin-left:auto}.dropdown__sublink{background-color:var(--black-color-lighten)}.dropdown__item.open .dropdown__menu{max-height:1000px;transition:max-height .4s ease-in}.dropdown__item.open .dropdown__arrow{transform:rotate(180deg)}.hero-new{text-align:center;height:100vh;min-height:500px;margin-top:calc(-1 * var(--header-height));padding:calc(var(--header-height) + 40px) 20px 40px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-new video{width:100%;height:calc(100% + var(--header-height));object-fit:cover;object-position:35% 0;z-index:1;opacity:.85;will-change:transform;backface-visibility:hidden;position:absolute;top:0;left:0;transform:translateZ(0)}.hero-new h5,.hero-new h1,.hero-new .btn{z-index:3;color:#fff;text-shadow:0 2px 2px #000000f2,0 4px 8px #000000d9,0 10px 20px #000000bf;position:relative}.hero-new h5{text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;font-size:clamp(12px,2.5vw,18px)}.hero-new h1{font-size:clamp(1.75rem,5vw,4rem);font-weight:var(--font-bold);margin-bottom:20px;padding:0 10px;line-height:1.2}.hero-new .btn{background-color:var(--accent-blue);border:2px solid var(--accent-blue);font-size:clamp(13px,2vw,17px);font-weight:var(--font-bold);text-transform:uppercase;color:#fff;cursor:pointer;border-radius:12px;padding:12px 24px;transition:all .3s}.hero-new .btn:hover{background-color:#0000;border-color:#fff;transform:translateY(-2px)}.hero-new:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle,#00000073 0%,#00000040 35%,#0000000d 60%,#0000 100%);position:absolute;inset:0}.hero-new:before{content:"";z-index:2;background-image:linear-gradient(#140e0b00 0%,#140e0b 100%);height:300px;position:absolute;bottom:0;left:0;right:0}@keyframes floatText{0%,to{opacity:.9;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}.hero-new .scroll span{animation:2.5s ease-in-out infinite floatText}.hero-slider{width:100%;max-height:600px;position:relative;overflow:hidden}.slider{transition:transform .6s ease-in-out;display:flex}.slide{min-width:100%;position:relative}.slide img{object-fit:cover;width:100%;height:600px;display:block}.slide-text{color:#fff;text-shadow:0 2px 6px #0009;position:absolute;bottom:20%;left:10%}.slide-text h2{margin-bottom:10px;font-size:2rem}.slide-text .desc{color:#f0f0f0;max-width:500px;margin-bottom:15px;font-size:1rem;line-height:1.5}.slide-text .btn{color:#fff;background:#06c;border-radius:6px;padding:10px 20px;text-decoration:none;transition:background .3s;display:inline-block}.slide-text .btn:hover{background:#004c99}.prev,.next{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;padding:8px 12px;font-size:2rem;position:absolute;top:50%;transform:translateY(-50%)}.prev{left:15px}.next{right:15px}.jendral{background:#fff;padding:60px 0}.features{background:#00336e;padding:60px 0}.features-container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{text-align:center;margin-bottom:40px}.section-jendral h2{color:#000;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:var(--font-bold);text-align:center;margin-bottom:15px}.section-title h2{color:#fff;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:var(--font-bold);text-align:center;margin-bottom:15px}.section-title p{color:#666;max-width:700px;margin:0 auto;padding:0 15px;font-size:clamp(.9rem,2vw,1.1rem);line-height:1.6}.features-grid{grid-template-columns:repeat(2,1fr);gap:25px;margin-top:30px;display:grid}.feature-card{background:#2b0fbd;border-radius:10px;padding:25px 20px;transition:all .3s;box-shadow:0 5px 15px #0000000d}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.feature-icon{margin-bottom:15px;font-size:2.5rem;display:inline-block}.feature-card h3{color:#fff;font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:var(--font-semi-bold);text-align:center;margin-top:15px;margin-bottom:10px}.feature-card p{color:#666;font-size:clamp(.875rem,1.5vw,1rem);line-height:1.6}.card-img{object-fit:cover;border-radius:5px;width:100%;height:auto}.smi-heroLite{padding:80px 5%}.smi-heroLite__wrap{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.smi-badge{color:#06f;background:#e8f1ff;border-radius:999px;margin-bottom:20px;padding:8px 14px;font-size:14px;font-weight:700;display:inline-block}.smi-heroLite__left h2{color:#111;margin-bottom:18px;font-size:48px;line-height:1.2}.smi-heroLite__left p{color:#555;margin-bottom:28px;font-size:18px;line-height:1.7}.smi-btn{color:#fff;background:linear-gradient(135deg,#06f,#00c6ff);border-radius:14px;align-items:center;gap:10px;padding:14px 24px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.smi-btn:hover{transform:translateY(-3px)}.smi-liteSlider{position:relative}.smi-liteViewport{border-radius:28px;width:100%;overflow:hidden}.smi-liteTrack{will-change:transform;gap:16px;transition:transform .45s;display:flex}.smi-liteSlide{background:#ddd;border-radius:28px;flex:0 0 100%;width:100%;height:420px;position:relative;overflow:hidden}.smi-liteSlide img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .5s;display:block}.smi-liteSlide:hover img{transform:scale(1.06)}.smi-slideOverlay{background:linear-gradient(#0000001a,#000000b3);position:absolute;inset:0}.smi-liteSlide h3{color:#fff;z-index:2;font-size:24px;line-height:1.3;position:absolute;bottom:24px;left:24px}.smi-liteBtn{cursor:pointer;z-index:20;background:linear-gradient(135deg,#06f,#00c6ff);border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .25s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.smi-liteBtn:hover{transform:translateY(-50%)scale(1.08)}.smi-liteBtn svg{width:22px;height:22px}.smi-liteBtn path{stroke:#fff;stroke-width:2.5px;fill:none;stroke-linecap:round;stroke-linejoin:round}.smi-liteBtn.prev{left:-20px}.smi-liteBtn.next{right:-20px}.smi-liteDots{justify-content:center;gap:10px;margin-top:22px;display:flex}.smi-liteDots button.active{background:#06f;border-radius:999px;width:32px}@media (width<=991px){.smi-heroLite__wrap{grid-template-columns:1fr}.smi-heroLite__left h2{font-size:38px}.smi-liteSlide{aspect-ratio:629/420;flex:0 0 100%;width:100%;height:auto}.smi-liteBtn.prev{left:10px}.smi-liteBtn.next{right:10px}}@media (width<=768px){.smi-liteBtn{width:38px;height:38px}.smi-liteBtn.prev{left:8px}.smi-liteBtn.next{right:8px}}.smi-liteDots{z-index:30;justify-content:center;gap:10px;margin-top:16px;display:flex;position:relative}.smi-liteDots button{cursor:pointer;background:#c7c7c7;border:none;border-radius:50%;width:10px;height:10px;transition:transform .25s,background .25s}.smi-liteDots button.active{background:#06f;transform:scale(1.4)}@media (width<=992px){.smi-heroLite__wrap{text-align:center;grid-template-columns:1fr}.smi-liteSlide{flex:0 0 100%;width:100%;max-width:629px;height:auto}.smi-liteSlide img{width:100%;height:100%}}@media (width<=768px){.smi-liteSlider{padding-bottom:48px}.smi-liteBtn.prev{left:8px}.smi-liteBtn.next{right:8px}}.alumni-success{background:#f5f7fb;padding:60px 20px}.alumni-container{max-width:1200px;margin:auto}.alumni-header{text-align:center;margin-bottom:40px}.alumni-header h2{color:#1f2a44;margin-bottom:12px;font-size:clamp(1.6rem,3vw,2.2rem)}.alumni-header p{color:#555;max-width:700px;margin:auto;font-size:15px;line-height:1.7}.alumni-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.alumni-card{background:#fff;border-radius:14px;transition:transform .35s,box-shadow .35s;overflow:hidden;box-shadow:0 10px 30px #00000014}.alumni-card:hover{transform:translateY(-8px);box-shadow:0 18px 45px #00000026}.alumni-photo{height:200px;position:relative;overflow:hidden}.alumni-photo img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.alumni-card:hover img{transform:scale(1.08)}.alumni-badge{color:#fff;background:#000000bf;border-radius:999px;padding:6px 12px;font-size:12px;position:absolute;bottom:12px;left:12px}.alumni-info{padding:18px}.alumni-info h3{color:#1f2a44;margin-bottom:6px;font-size:16px;font-weight:700}.alumni-role{color:#06f;margin-bottom:4px;font-size:14px}.alumni-company{color:#666;font-size:13px}@media (width<=600px){.alumni-photo{height:180px}}#network{background:#00336e;margin-bottom:1px;padding:60px 20px}.network-container{max-width:1200px;margin:0 auto}.network-header{text-align:center;margin-bottom:32px}.network-header h2{color:#fcfcfc;margin-bottom:10px;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700}.network-divider{background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:999px;width:80px;height:5px;margin:0 auto 12px}.network-subtitle{color:#7788a1;padding:0 15px;font-size:clamp(.9rem,2vw,1rem)}.network-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0 10px;padding:0 10px;display:flex}.tab{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:8px 14px;font-size:clamp(.8rem,1.5vw,.9rem);font-weight:600;transition:all .2s}.tab:hover{background:#eff6ff;border-color:#93c5fd}.tab.active{color:#fff;background:#2563eb;border-color:#2563eb}.network-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.network-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;align-items:flex-start;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 6px 16px #0000000f}.network-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f}.card-header{flex-direction:column;align-items:flex-start;gap:12px;width:100%;margin-bottom:12px;display:flex}.logo-affiliasi{background:#eef2ff;border-radius:12px;justify-content:center;align-items:center;width:100%;max-height:180px;display:flex;overflow:hidden}.logo-affiliasi img{object-fit:contain;max-width:100%;height:auto}.card-meta{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;min-height:70px;display:flex}.card-meta h3{margin:0}.card-meta span{margin-top:4px}.badge{border-radius:999px;padding:5px 10px;font-size:clamp(.7rem,1.5vw,.75rem);font-weight:700;display:inline-block}.badge-branch{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.badge-affiliate{color:#0e7490;background:#ecfeff;border:1px solid #a5f3fc}.card-desc{color:#475569;width:100%;margin:8px 0 16px;font-size:clamp(.8rem,1.5vw,.875rem);line-height:1.5}.card-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.nilai-utama{text-align:center;perspective:2600px;perspective-origin:50%;background-color:#0000;background-image:linear-gradient(#041d54d4,#13398dc7),url(/build/assets/gedung-B5IetmxM.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:40px 20px}.nilai-utama h2{color:#fff}.nilai-grid{flex-wrap:wrap;justify-content:center;gap:25px;display:flex}.nilai-item{text-align:center;opacity:0;max-width:200px;transform-style:preserve-3d;will-change:transform, opacity;flex-direction:column;flex:calc(50% - 25px);align-items:center;display:flex;transform:translateY(90px)translateZ(-520px)rotateX(32deg)scale(.68)}.nilai-item img{object-fit:contain;opacity:0;width:100%;max-width:150px;max-height:140px;transform:translateZ(-260px)scale(.6)}.nilai-item p{color:#fff;opacity:0;margin-top:10px;font-weight:600;transform:translateY(36px)}.nilai-item.is-visible{animation:1.6s cubic-bezier(.18,1,.32,1) forwards nilaiItemSlow3D}.nilai-item.is-visible img{animation:1.2s cubic-bezier(.18,1,.32,1) forwards nilaiImgSlow3D}.nilai-item.is-visible p{animation:1s ease-out forwards nilaiTextSlow}.nilai-item:first-child{animation-delay:0s}.nilai-item:nth-child(2){animation-delay:.6s}.nilai-item:nth-child(3){animation-delay:1.2s}.nilai-item:nth-child(4){animation-delay:1.8s}.nilai-item:nth-child(5){animation-delay:2.4s}.nilai-item:first-child img{animation-delay:.3s}.nilai-item:nth-child(2) img{animation-delay:.9s}.nilai-item:nth-child(3) img{animation-delay:1.5s}.nilai-item:nth-child(4) img{animation-delay:2.1s}.nilai-item:nth-child(5) img{animation-delay:2.7s}.nilai-item:first-child p{animation-delay:.6s}.nilai-item:nth-child(2) p{animation-delay:1.2s}.nilai-item:nth-child(3) p{animation-delay:1.8s}.nilai-item:nth-child(4) p{animation-delay:2.4s}.nilai-item:nth-child(5) p{animation-delay:3s}@keyframes nilaiItemSlow3D{70%{opacity:1;transform:translateY(-6px)translateZ(80px)rotateX(-6deg)scale(1.05)}to{opacity:1;transform:translateY(0)translateZ(0)rotateX(0)scale(1)}}@keyframes nilaiImgSlow3D{70%{opacity:1;transform:translateZ(120px)scale(1.1)}to{opacity:1;transform:translateZ(0)scale(1)}}@keyframes nilaiTextSlow{to{opacity:1;transform:translateY(0)}}.keunggulan-section{color:#333;background:#f5f7fa;padding:60px 20px;font-family:Segoe UI,Arial,sans-serif}.section-subtitle{text-align:center;color:#666;margin-bottom:40px;font-size:1rem}.keunggulan-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;display:grid}.keunggulan{text-align:center;background:#f5f7fb;padding:60px 20px}.keunggulan__title{color:#036;margin-bottom:50px;font-size:clamp(1.8rem,3vw,3rem);font-weight:600}.keunggulan__grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;max-width:1100px;margin:0 auto;display:grid}.keunggulan__item{background:#fff;border-radius:14px;padding:30px 20px;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 25px #00000014}.keunggulan__item:hover{transform:translateY(-6px);box-shadow:0 16px 30px #0000001f}.keunggulan__item i{color:#004bb5;margin-bottom:15px;font-size:42px}.keunggulan__item p{color:#333;font-size:15px;line-height:1.6}.info-section{background:#f9f9f9;flex-wrap:wrap;justify-content:center;gap:20px;padding:40px 20px;display:flex}.info-card{text-align:center;background:#fff;border-radius:12px;flex:180px;max-width:220px;padding:20px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 12px #00000014}.info-card:hover{transform:translateY(-5px);box-shadow:0 6px 16px #0000001f}.info-card i{color:#6366f1;margin-bottom:12px;font-size:5.2rem}.info-card p{color:#000;font-size:.95rem;line-height:1.4}@media (width<=768px){.info-section{flex-wrap:wrap;justify-content:center;gap:12px;padding:24px 12px;display:flex}.info-card{flex:0 calc(50% - 12px);max-width:calc(50% - 12px);padding:14px}.info-card i{margin-bottom:8px;font-size:3.2rem}.info-card p{font-size:.85rem}}@media (width<=420px){.info-card{flex:0 100%;max-width:100%}}.program-section{text-align:center;background-color:#f9f9f9;padding:40px 20px}.program-section h2{color:#036;margin-bottom:30px;font-size:2rem}.program-carousel{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.program-card{background:#fff;border-radius:8px;transition:transform .3s;overflow:hidden;box-shadow:0 4px 12px #0000001a}.program-card:hover{transform:translateY(-5px)}.program-card img{object-fit:cover;width:100%;height:180px}.program-card h3{color:#036;margin:15px 0 10px}.program-card p{color:#555;padding:0 15px;font-size:.95rem}.program-card .btn{color:#fff;background:#007bff;border-radius:4px;margin:15px 0;padding:8px 16px;text-decoration:none;display:inline-block}.program-card .btn:hover{background:#0056b3}.facility-section{text-align:center;background-color:#f0f4f8;padding:40px 20px}.facility-section h2{color:#036;margin-bottom:30px;font-size:2rem}.facility-carousel{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.facility-card{background:#fff;border-radius:8px;transition:transform .3s;overflow:hidden;box-shadow:0 4px 12px #0000001a}.facility-card:hover{transform:translateY(-5px)}.facility-card img{object-fit:cover;width:100%;height:180px}.facility-card h3{color:#036;margin:15px 0 10px}.facility-card p{color:#555;padding:0 15px 20px;font-size:.95rem}.achievement-section{text-align:center;background-color:#fff;padding:40px 20px}.achievement-section h2{color:#036;margin-bottom:30px;font-size:2rem}.achievement-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.achievement-card{background:#f9f9f9;border-radius:8px;transition:transform .3s;overflow:hidden;box-shadow:0 4px 12px #0000001a}.achievement-card:hover{transform:translateY(-5px)}.achievement-card img{object-fit:cover;width:100%;height:180px}.achievement-card h3{color:#036;margin:15px 0 10px}.achievement-card p{color:#555;padding:0 15px 20px;font-size:.95rem}.tefa-section{text-align:center;background-color:#f9f9f9;padding:40px 20px}.tefa-section h2{color:#036;margin-bottom:30px;font-size:2rem}.tefa-carousel{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.tefa-card{background:#fff;border-radius:8px;transition:transform .3s;overflow:hidden;box-shadow:0 4px 12px #0000001a}.tefa-card:hover{transform:translateY(-5px)}.tefa-card img{object-fit:cover;width:100%;height:180px}.tefa-card h3{color:#036;margin:15px 0 10px}.tefa-card p{color:#555;padding:0 15px;font-size:.95rem}.tefa-links{margin:15px 0}.tefa-links a{color:#007bff;margin:0 8px;font-weight:700;text-decoration:none}.tefa-links a:hover{color:#0056b3}.extracurricular-section{text-align:center;background-color:#f9f9f9;padding:40px 20px}.extracurricular-section h2{color:#036;margin-bottom:30px;font-size:2rem}.extracurricular-carousel{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.extracurricular-card{background:#fff;border-radius:8px;transition:transform .3s;overflow:hidden;box-shadow:0 4px 12px #0000001a}.extracurricular-card:hover{transform:translateY(-5px)}.extracurricular-card img{object-fit:cover;width:100%;height:180px}.extracurricular-card h3{color:#036;margin:15px 0 10px}.extracurricular-card p{color:#555;padding:0 15px;font-size:.95rem}.extracurricular-links{margin:15px 0}.extracurricular-links a{color:#007bff;margin:0 8px;font-weight:700;text-decoration:none}.extracurricular-links a:hover{color:#0056b3}.highlight-section{background:linear-gradient(#f8fafc 0%,#fff 100%);padding:45px 20px}.highlight-container{max-width:1200px;margin:0 auto}.highlight-item{align-items:flex-start;gap:64px;margin-bottom:100px;display:flex}.highlight-image{border-radius:28px;flex:0 0 56%;overflow:hidden;box-shadow:0 30px 60px #0f172a26}.highlight-image img{object-fit:cover;width:100%;height:650px;display:block}.highlight-text{flex-direction:column;flex:1;display:flex}.highlight-badge{color:#2563eb;letter-spacing:.04em;text-transform:uppercase;background:#2563eb1a;border-radius:999px;margin-bottom:12px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-block}.highlight-title{color:#0f172a;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:16px;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:800;line-height:1.2}.highlight-desc{color:#475569;word-wrap:break-word;overflow-wrap:break-word;max-width:520px;font-size:1.05rem;line-height:1.8}@media (width<=768px){.highlight-item{flex-direction:column;gap:28px;margin-bottom:80px}.highlight-image img{height:260px}.highlight-desc{max-width:100%}}.news-detail{background:#f9fafb;padding:60px 20px}.news-detail-container{background:#fff;border-radius:16px;max-width:900px;margin:0 auto;padding:32px;overflow:hidden;box-shadow:0 10px 30px #00000014}.news-title{color:#0f172a;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;margin-bottom:10px;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;line-height:1.25}.news-meta{color:#64748b;margin-bottom:24px;font-size:.9rem}.news-thumbnail{margin-bottom:24px}.news-thumbnail img{object-fit:cover;border-radius:12px;width:100%}.news-content{color:#334155;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;font-size:1rem;line-height:1.8}.news-content p{margin-bottom:16px}.news-content img{max-width:100%;height:auto;margin:16px auto;display:block}.news-back{color:#2563eb;margin-top:32px;font-weight:600;text-decoration:none;display:inline-block}.news-back:hover{text-decoration:underline}.news-content ul,.news-content ol{margin-bottom:16px;padding-left:20px}.news-content *{box-sizing:border-box;max-width:100%}.school-banner{background:url(/build/assets/gedung2-CdGlH8Ru.jpeg) 50%/cover no-repeat;width:100%;height:400px;position:relative}.banner-overlay{text-align:center;color:#fff;background:#0006;border-radius:8px;padding:20px 40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.banner-overlay h1{margin-bottom:10px;font-size:2.5rem}.banner-overlay p{font-size:1.2rem}.yuko-sldr{flex-direction:column;justify-content:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.yuko-sldr-bg{filter:blur(14px) scale(1.15);z-index:0;background-position:50%;background-size:cover;transition:background-image .6s;position:absolute;inset:0}.yuko-sldr:before{content:"";z-index:1;background:#0000008c;position:absolute;inset:0}.yuko-container{z-index:2;justify-content:center;align-items:center;gap:60px;padding:40px;display:flex;position:relative}.yuko-slider{width:360px;height:480px;position:relative}.yuko-item{opacity:0;justify-content:center;align-items:center;transition:all .5s;display:flex;position:absolute;inset:0;transform:scale(.85)}.yuko-item img{object-fit:contain;width:100%;height:100%}.yuko-item.active{opacity:1;z-index:2;transform:scale(1)}.yuko-content{align-items:center;width:500px;min-height:300px;display:flex}.yuko-content-item{display:none}.yuko-content-item.active{animation:.4s fadeUp;display:block}.yuko-content h2{color:#fff;margin-bottom:15px;font-size:28px}.yuko-content p{color:#eee;max-width:480px;line-height:1.6}.yuko-button{color:#000;background:#fc0;border-radius:4px;margin-top:18px;padding:10px 22px;font-weight:700;text-decoration:none;display:inline-block}.yuko-nav{z-index:2;justify-content:center;align-items:center;gap:20px;margin-top:30px;display:flex;position:relative}.yuko-nav button{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;width:45px;height:45px;font-size:22px}.yuko-dots{gap:10px;display:flex}.yuko-dots span{cursor:pointer;background:#777;border-radius:50%;width:10px;height:10px}.yuko-dots span.active{background:#fc0}@media (width<=768px){.yuko-sldr{justify-content:flex-start;min-height:100vh;padding-top:80px}.yuko-sldr-bg{filter:blur(8px) scale(1.1)}.yuko-container{text-align:center;flex-direction:column;gap:30px;padding:20px}.yuko-slider{width:90%;max-width:300px;height:360px}.yuko-item img{object-fit:contain}.yuko-content{justify-content:center;width:100%;min-height:auto}.yuko-content h2{font-size:22px}.yuko-content p{max-width:100%;font-size:14px}.yuko-button{padding:10px 20px;font-size:14px}.yuko-nav{gap:14px;margin-top:20px}.yuko-nav button{width:42px;height:42px;font-size:20px}.yuko-dots span{width:8px;height:8px}}@media (width<=480px){.yuko-slider{height:300px}.yuko-content h2{font-size:20px}.yuko-content p{font-size:13px}.yuko-sldr-bg{filter:blur(6px) scale(1.05)}}.card-carousel-section{background:#f5f7fb;padding:40px 20px}.card-carousel-container{max-width:1100px;margin:auto}.card-carousel-item{background:#fff;border-radius:14px;transition:transform .35s,box-shadow .35s;overflow:hidden;box-shadow:0 10px 30px #00000014}.card-carousel-item:hover{transform:translateY(-6px);box-shadow:0 18px 45px #0000001f}.card-image{display:block;overflow:hidden}.card-image img{width:100%;height:auto;transition:transform .5s;display:block}.card-carousel-item:hover img{transform:scale(1.06)}.card-content{flex-direction:column;gap:14px;padding:20px;display:flex}.card-title{color:#1f2a44;font-size:1.2rem;font-weight:700;line-height:1.4}.card-btn{color:#fff;background:linear-gradient(135deg,#06f,#00c6ff);border-radius:999px;align-self:flex-start;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .3s,box-shadow .3s}.card-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0066ff59}@media (width<=768px){.card-content{padding:16px}.card-title{font-size:1.05rem}}.mm2100-support{text-align:center;background:#00336e;padding:40px 20px}.mm2100-support h2{color:#fffefe;font-size:clamp(1.2rem,3vw,1.5rem);font-weight:var(--font-bold);margin-bottom:20px}.image-wrapper{max-width:800px;margin:0 auto;padding:0 15px}.image-wrapper img{border-radius:8px;width:100%;box-shadow:0 0 10px #0000001a}.comment-section{color:#fff;background-color:#0000;background-image:linear-gradient(#041d54d4,#13398dd4),url(/build/assets/gedung2-CdGlH8Ru.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:30px;box-shadow:0 4px 12px #0000001a}.containerCom{max-width:1200px;margin:0 auto}.comment-section h2{text-align:center;margin-bottom:10px}.comment-section .divider{background:#fff;width:60px;height:3px;margin:0 auto 30px}.comment-section .row{flex-wrap:wrap;gap:20px;display:flex}.comment-section .col{flex:1;min-width:300px}.comment-section .contact-info ul{margin:0;padding:0;list-style:none}.comment-section .contact-info li{color:#fff;align-items:center;margin-bottom:15px;font-size:14px;display:flex}.comment-section .contact-info i{color:#fff;margin-right:10px}.comment-section form{flex-direction:column;gap:15px;display:flex}.comment-section input,.comment-section textarea{color:#fff;background:0 0;border:1px solid #fff;border-radius:6px;width:100%;padding:10px;font-size:14px}.comment-section button{color:#fff;cursor:pointer;background:#0750ff;border:none;border-radius:6px;padding:12px;font-size:15px;transition:background .3s}.comment-section button:hover{background:#45a049}.alert-success-custom{color:#fff;text-align:center;background:#28a745;border-radius:6px;margin-bottom:15px;padding:12px}.alert-error-custom{color:#fff;text-align:center;background:#dc3545;border-radius:6px;margin-bottom:15px;padding:12px}.alert-success-custom,.alert-error-custom{max-width:500px;margin:0 auto 20px}.footer{background:var(--primary-blue);color:#fff;padding:40px 20px 30px}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.logo img{width:auto;max-height:80px}.footer-column h3{font-size:clamp(.9rem,2vw,1rem);font-weight:var(--font-semi-bold);margin-bottom:15px;padding-bottom:10px;position:relative}.footer-column h3:after{content:"";background:var(--accent-blue);width:50px;height:2px;position:absolute;bottom:0;left:0}.footer-column p{color:#fffc;margin-bottom:15px;font-size:clamp(.8rem,1.5vw,.875rem);font-style:normal;line-height:1.6}.footer-links{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:#fffc;font-size:clamp(.8rem,1.5vw,.875rem);text-decoration:none;transition:color .3s;display:inline-block}.footer-links a:hover{color:var(--accent-blue)}.social-links{flex-wrap:wrap;gap:12px;margin-top:15px;display:flex}.social-links a{color:#fff;font-size:clamp(1.1rem,2.5vw,1.25rem);text-decoration:none;transition:transform .3s,color .3s}.social-links a:hover{color:var(--accent-blue);transform:scale(1.2)}.copyright{text-align:center;color:#fff9;border-top:1px solid #ffffff1a;margin-top:20px;padding-top:20px;padding-bottom:20px;font-size:clamp(.7rem,1.5vw,.8rem)}.copyright p{margin-bottom:0}@media screen and (width<=575px){.container{padding:0 1rem}body{padding:0}.header{padding:.6rem 1rem}.nav__toggle{width:28px;height:28px}.nav__burger,.nav__close{font-size:1.1rem}.nav__link{padding:.9rem 1rem;font-size:.9rem}.nav__logo img{max-height:60px}.dropdown__menu a{padding:10px 12px;font-size:.875rem}.hero-new{min-height:450px;padding:24px 15px}.hero-new h1{padding:0 5px}.hero-new .btn{padding:10px 20px}.features{padding:40px 0}.features-container{padding:0 15px}.section-title{margin-bottom:30px}.features-grid{grid-template-columns:1fr;gap:20px}.feature-card{padding:20px 15px}#network{padding:40px 15px}.network-grid{grid-template-columns:1fr;gap:15px}.network-card{padding:18px}.nilai-utama{padding:30px 15px}.nilai-grid{grid-template-columns:repeat(2,1fr);gap:20px}.nilai-item{flex:calc(50% - 20px);max-width:calc(50% - 20px)}.nilai-item img{max-width:120px;max-height:120px}.nilai-item p{font-size:1rem}.mm2100-support{padding:30px 15px}.banner-overlay h1{margin-bottom:10px;font-size:1.5rem}.banner-overlay p{font-size:.8rem}.footer{padding:30px 15px 20px}.footer-content{grid-template-columns:1fr;gap:25px}.logo img{max-height:60px}.info-card{flex:0 calc(50% - 20px);max-width:calc(50% - 20px)}.info-section:has(.info-card:only-child){justify-content:center}}@media screen and (width>=576px) and (width<=767px){.features-grid{grid-template-columns:1fr}.network-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.nilai-grid{grid-template-columns:repeat(2,1fr)}.nilai-item img{max-width:130px;max-height:130px}}@media screen and (width>=768px) and (width<=1117px){.network-header h2{font-size:clamp(1.875rem,3.5vw,2.125rem)}.card-header{align-items:flex-start}.features-grid{grid-template-columns:repeat(2,1fr);gap:25px}.network-grid{grid-template-columns:repeat(2,1fr)}.header{padding:.7rem 1.2rem}.nav__link{padding:1rem 1.2rem}.hero-new{min-height:550px}.nilai-grid{grid-template-columns:repeat(auto-fit,minmax(150px,200px))}}@media screen and (width>=1118px){.container{margin-inline:auto}.nav{height:calc(var(--header-height) + 2rem);justify-content:space-between;display:flex}.nav__toggle{display:none}.nav__list{column-gap:3rem;height:100%;display:flex}.nav__link{justify-content:initial;column-gap:.25rem;height:100%;padding:0}.nav__link:hover{background-color:#0000}.dropdown__item,.dropdown__subitem{position:relative}.dropdown__menu,.dropdown__submenu{max-height:initial;overflow:initial;opacity:0;visibility:hidden;z-index:var(--z-fixed);transition:opacity .4s,visibility .4s;position:absolute;top:6rem;left:0}.dropdown__submenu{top:0;left:100%}.dropdown__item:hover .dropdown__menu,.dropdown__subitem:hover>.dropdown__submenu{opacity:1;visibility:visible}.dropdown__menu a{padding:10px 20px}.hero-new{min-height:700px}.features-grid{grid-template-columns:repeat(2,1fr);gap:30px}.network-grid{grid-template-columns:repeat(3,1fr)}.nilai-grid{grid-template-columns:repeat(auto-fit,minmax(150px,200px))}}@media (width<=768px){.comment-section .row{flex-direction:column}.comment-section .contact-info li,.comment-section input,.comment-section textarea,.comment-section button{font-size:13px}}.page-wrapper{margin-top:calc(var(--header-height) - 2rem);flex:1}.error-page-section{min-height:calc(100vh - var(--header-height) - 2rem);background:var(--body-color);justify-content:center;align-items:center;padding:40px 20px;display:flex}