@font-face{font-family:'Claritycity';src:url('../fonts/clarity-city/TrueType/ClarityCity-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Claritycity';src:url('../fonts/clarity-city/TrueType/ClarityCity-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Claritycity';src:url('../fonts/clarity-city/TrueType/ClarityCity-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:'Claritycity';src:url('../fonts/clarity-city/TrueType/ClarityCity-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'Claritycity';src:url('../fonts/clarity-city/TrueType/ClarityCity-ExtraBold.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}:root{--royal:#7454f5;--navy:#000080;--orange:#f3794d;--pink:#f96073;--mustard:#ffc530;--brand-blue:#7454f5;--purple:#7454f5;--green:#73C926;--text-dark:#000000;--text-body:#000000;--hero-bg:#ffffff;--white:#ffffff;--surface:#fbfbfb;--slate:#000000;--slate-light:#000000;--gray-100:#f5f5f5;--gray-200:#e8e8e8;--gray-300:#c4c4c4;--font-heading:'Claritycity',sans-serif;--font-body:'Claritycity',sans-serif;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:none;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:100px;--transition:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.6s cubic-bezier(.4,0,.2,1)}.bg-decor-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}.stat-pill{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:20px 35px;display:flex;align-items:center;gap:15px;min-width:160px;transition:transform 0.3s ease;position:relative;z-index:10}.stat-pill:hover{transform:translateY(-5px)}.stat-pill-icon{width:45px;height:45px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.stat-pill-val{font-family:var(--font-heading);font-size:2rem;font-weight:900;line-height:1;color:var(--text-dark)}.stat-pill-label{font-size:0.75rem;font-weight:700;color:var(--slate);text-transform:uppercase;letter-spacing:0.5px;margin-top:2px}@media (max-width:768px){.profil-hero-stats,.galeri-stats,.berita-stats,.prestasi-stats,.spmb-hero-stats,.bkk-stats,.sejarah-stats,.struktur-stats{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:12px !important;margin-top:30px !important;align-items:stretch !important}.profil-hero-stats > *:last-child:nth-child(odd),.galeri-stats > *:last-child:nth-child(odd),.berita-stats > *:last-child:nth-child(odd),.prestasi-stats > *:last-child:nth-child(odd),.spmb-hero-stats > *:last-child:nth-child(odd),.bkk-stats > *:last-child:nth-child(odd),.sejarah-stats > *:last-child:nth-child(odd),.struktur-stats > *:last-child:nth-child(odd){grid-column:span 2;justify-self:center;width:100%;max-width:250px}.stat-pill{padding:12px 15px !important;min-width:unset !important;gap:10px !important;border-radius:15px !important;justify-content:center !important;text-align:center;flex-direction:column;gap:5px !important}@media (min-width:480px){.stat-pill{flex-direction:row;text-align:left;padding:12px 20px !important}}.stat-pill-icon{width:35px !important;height:35px !important;font-size:1rem !important;border-radius:10px !important}.stat-pill-val{font-size:1.3rem !important}.stat-pill-label{font-size:0.6rem !important;letter-spacing:0.2px !important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(243,121,77,0.25);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:rgba(243,121,77,0.45)}html{scrollbar-width:thin;scrollbar-color:rgba(243,121,77,0.25) transparent}body,h1,h2,h3,h4,h5,h6,p,a,span:not(.fa-solid):not(.fa-brands):not(.fa-regular):not(.fa),li,input,textarea,button,strong,small{font-family:'Claritycity',sans-serif !important}html{scroll-behavior:smooth;scroll-padding-top:80px;overflow-x:hidden}body{color:var(--text-body);background:var(--white);line-height:1.7;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:0.82rem;font-weight:700;color:var(--slate);margin-bottom:8px;text-transform:uppercase;letter-spacing:0.5px}.form-control{width:100%;padding:14px 20px;font-family:var(--font-body);font-size:0.95rem;font-weight:500;color:var(--text-dark);background:var(--white);border:2px solid var(--gray-100);border-radius:var(--radius-md);transition:var(--transition);outline:none}.form-control::placeholder{color:var(--gray-300)}.form-control:focus{border-color:var(--purple);background:var(--white);box-shadow:0 0 0 4px rgba(243,121,77,0.1)}.custom-file-upload{display:block;width:100%;padding:30px 20px;background:var(--surface);border:2px dashed var(--gray-200);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:var(--transition);position:relative}.custom-file-upload:hover{border-color:var(--green);background:rgba(243,121,77,0.05)}.custom-file-upload i{font-size:2rem;color:var(--orange);margin-bottom:10px;display:block}.custom-file-upload span{display:block;font-size:0.9rem;font-weight:600;color:var(--slate)}.custom-file-upload small{font-size:0.75rem;color:var(--gray-300);margin-top:5px;display:block}.custom-file-upload input[type="file"]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:15px;border-radius:var(--radius-lg)}.integrated-panel{background:var(--white);border-radius:var(--radius-xl);padding:35px;box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,0.02);position:relative;overflow:hidden}@media(max-width:992px){.integrated-panel{padding:25px}.modern-table td,.modern-table th{padding:15px;font-size:0.85rem}}@media(max-width:768px){.admin-grid-two{grid-template-columns:1fr !important;gap:25px !important}}img{max-width:100%;height:auto;display:block}.berita-card img,.gallery-item img,.fasilitas-bento img,.prestasi-card img{aspect-ratio:16 / 10;object-fit:cover;background:var(--gray-100)}.guru-card img{aspect-ratio:1 / 1;object-fit:cover;object-position:top center;background:var(--gray-100)}.footer-logo,.nav-logo{aspect-ratio:auto;object-fit:contain}img[loading="lazy"]{opacity:0;transform:translateY(15px);transition:opacity 0.8s cubic-bezier(0.4,0,0.2,1),transform 0.8s cubic-bezier(0.4,0,0.2,1);will-change:opacity,transform}img[loading="lazy"].loaded{opacity:1;transform:translateY(0)}a{text-decoration:none;color:inherit}ul{list-style:none}.container{max-width:1400px;margin:0 auto;padding:0 var(--container-padding,40px)}@media (max-width:1200px){:root{--container-padding:32px}}@media (max-width:768px){:root{--container-padding:24px}.section{padding:80px 0}}@media (max-width:480px){:root{--container-padding:20px}.section{padding:60px 0}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:18px 0;background:transparent;transition:all var(--transition)}.navbar.scrolled{padding:12px 0;background:rgba(255,255,255,0.9);backdrop-filter:blur(15px);box-shadow:0 4px 30px rgba(0,0,0,.05)}.nav-container{max-width:1400px;margin:0 auto;padding:0 var(--container-padding,40px);display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:8px;flex:0 0 auto}.nav-logo{width:52px;height:52px;border-radius:50%;object-fit:cover;border:none;outline:none;box-shadow:none;transition:var(--transition);flex-shrink:0}.nav-title{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text-dark);line-height:1.1;white-space:nowrap}.navbar.solid{background:rgba(255,255,255,0.95);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 4px 30px rgba(0,0,0,.05)}.nav-title small{font-weight:400;font-size:.82rem;color:var(--slate-light)}.nav-menu{display:flex;align-items:center;justify-content:center;gap:2px;flex:1 1 auto}.nav-link{font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--slate);padding:10px 16px;border-radius:var(--radius-full);transition:var(--transition);white-space:nowrap}.nav-link:hover{color:var(--orange);background:rgba(243,121,77,.06)}.nav-link.active{color:var(--pink);font-weight:500}.nav-item-dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--white);min-width:220px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.1);padding:10px 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.3s ease;z-index:1000;display:flex;flex-direction:column}.nav-item-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li{list-style:none;width:100%}.dropdown-menu .nav-link{display:block;padding:10px 20px;border-radius:0;margin:0;white-space:normal}.nav-actions{display:flex;justify-content:flex-end;align-items:center;flex:0 0 auto}.nav-actions .btn{white-space:nowrap}.nav-ppdb-btn{padding:12px 28px !important;font-size:.95rem !important;border-radius:var(--radius-full) !important}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:32px;height:22px;background:none;border:none;cursor:pointer;padding:0;z-index:10001;transition:transform 0.4s cubic-bezier(0.165,0.84,0.44,1)}.nav-mobile-brand,.nav-mobile-socials,.nav-mobile-cta{display:none !important}.bar{width:100%;height:2.5px;background:var(--mustard);border-radius:4px;transition:all 0.4s cubic-bezier(0.165,0.84,0.44,1);transform-origin:center}.hamburger.active .bar:nth-child(1){transform:translateY(10px) rotate(45deg);background:var(--text-dark)}.hamburger.active .bar:nth-child(2){opacity:0;transform:translateX(20px)}.hamburger.active .bar:nth-child(3){transform:translateY(-9.5px) rotate(-45deg);background:var(--text-dark)}.hero{min-height:90vh;background:transparent !important;position:relative;overflow:visible;display:flex;align-items:center;padding-top:130px;z-index:5}.hero-bottom-fade{position:absolute;bottom:0;left:0;width:100%;height:250px;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,0.08) 25%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0.7) 75%,#fff 100%);pointer-events:none;z-index:15}.decor-circle{position:absolute;border-radius:50% !important;pointer-events:none;opacity:1;animation:float-bob 6s ease-in-out infinite;z-index:-1}.hero-circle-orange{width:60px;height:60px;background:var(--orange);top:14%;left:4%;animation:float-bob 4s ease-in-out infinite}.hero-circle-green{width:44px;height:44px;background:var(--green);top:38%;left:38%;animation:float-bob 5s ease-in-out infinite .5s}.hero-circle-mustard{width:32px;height:32px;background:var(--mustard);top:70%;right:6%;animation:float-bob 3.5s ease-in-out infinite 1s}.hero-circle-blue-sm{width:50px;height:50px;background:var(--purple);bottom:12%;left:8%;opacity:.7;animation:float-bob 4.5s ease-in-out infinite .3s}.hero-circle-green-sm{width:22px;height:22px;background:var(--green);top:18%;right:6%;animation:float-bob 3s ease-in-out infinite .8s}@keyframes float-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-inner{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;align-items:center;min-height:calc(100vh - 80px);position:relative;width:100%}.hero-left{display:flex;flex-direction:column;gap:0;width:50%;padding-bottom:120px;position:relative;z-index:100}@media (max-width:991px){.hero-inner{flex-direction:column-reverse;padding-top:100px;gap:0;min-height:auto}.hero-left{width:100%;padding-bottom:80px;text-align:center;align-items:center;z-index:10}.hero-badge{margin:0 auto 20px}.hero-subtitle{margin:0 auto 24px}.hero-search-row{justify-content:center}.hero-stats-row{justify-content:center;gap:15px}.hero-right{position:relative;width:100%;height:auto;right:auto;bottom:auto;transform:none;opacity:1;display:flex;justify-content:center;margin-bottom:-40px;z-index:5}.hero-slideshow{width:100%;height:450px !important;position:relative;overflow:visible !important}.hero-img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:100%;width:auto;object-position:bottom center;z-index:2}.hero-right::after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:180px;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,0.4) 30%,rgba(255,255,255,0.8) 70%,#fff 100% );z-index:10;pointer-events:none}}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(243,121,77,.1);color:var(--green);padding:8px 18px;border-radius:var(--radius-full);font-size:.82rem;font-weight:600;margin-bottom:24px;width:fit-content}.hero-title{font-family:var(--font-heading);font-size:clamp(2.2rem,5.2vw,3.6rem);font-weight:700;color:var(--text-dark);line-height:1.1;letter-spacing:-0.035em;margin-bottom:24px;min-height:3.2em;position:relative;z-index:50;display:block}.typing-cursor{color:var(--pink);animation:blink 0.8s infinite;margin-left:2px}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.hero-title-accent{color:var(--orange)}.hero-subtitle{font-size:1.05rem;color:var(--text-body);line-height:1.75;margin-bottom:20px;max-width:800px}.hero-search-row{display:flex;align-items:center;gap:16px;margin-bottom:40px;flex-wrap:wrap}.hero-search-pill{display:flex;align-items:center;gap:10px;background:#fff;border-radius:var(--radius-full);padding:14px 14px 14px 22px;box-shadow:var(--shadow-md);flex:1;min-width:200px;transition:var(--transition)}.hero-search-pill:focus-within{box-shadow:0 5px 30px rgba(34,119,248,.2)}.hero-search-pill > i:first-child{color:var(--pink);font-size:.95rem;flex-shrink:0}.hero-search-pill input{flex:1;border:none;outline:none;font-family:var(--font-body);font-size:.92rem;color:var(--text-dark);background:transparent}.hero-search-pill input::placeholder{color:var(--mustard);opacity:0.6}.hero-search-icon-btn{width:36px;height:36px;border-radius:50%;background:var(--mustard);border:none;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;cursor:pointer;flex-shrink:0;transition:var(--transition)}.hero-search-icon-btn:hover{background:#1a5ed4;transform:scale(1.08)}.hero-category-pill{display:flex;align-items:center;gap:10px;background:#fff;border-radius:var(--radius-full);padding:14px 22px;box-shadow:var(--shadow-md);font-family:var(--font-body);font-size:.92rem;font-weight:500;color:var(--text-dark);white-space:nowrap;transition:var(--transition);flex-shrink:0}.hero-category-pill i:first-child{color:var(--orange)}.hero-category-pill:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hero-stats-row{display:flex;align-items:center;gap:20px;flex-wrap:nowrap}.hero-stat{display:flex;flex-direction:column;align-items:center;position:relative;min-width:110px}.hero-stat-num,.hero-stat-letter{display:inline-block;font-family:var(--font-heading);font-size:2.22rem;font-weight:700;color:var(--text-dark);line-height:1}.hero-stat-plus{font-family:var(--font-heading);font-size:1.45rem;font-weight:700;color:var(--purple);vertical-align:top;margin-left:1px}.hero-stat p{font-size:.78rem;color:var(--text-body);margin-top:4px}.hero-stat-divider{width:1px;height:40px;background:var(--gray-200)}.about-stats-bar{background:var(--white);border-radius:20px;padding:40px 60px;margin-top:40px;box-shadow:0 10px 30px rgba(0,0,0,0.05);border:1px solid var(--gray-100)}.about-stats-inner{display:flex;align-items:center;justify-content:space-evenly;gap:30px;flex-wrap:wrap}.about-stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1 1 150px;padding:10px}.about-stat-num,.about-stat-letter{display:inline-block;font-family:var(--font-heading);font-size:clamp(2rem,3.5vw,2.8rem);font-weight:700;color:var(--text-dark);line-height:1}.about-stat-plus{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--green);vertical-align:top;margin-left:1px}.about-stat-item p{font-size:0.85rem;color:var(--text-dark);opacity:0.7;margin-top:6px;white-space:nowrap}.about-stat-divider{width:1px;height:50px;background:var(--gray-200)}.hero-right{position:absolute;right:-40px;bottom:0;width:55%;height:115%;z-index:5;pointer-events:none}.hero-slideshow{position:relative;width:100%;height:100%}.hero-img{position:absolute;right:0;bottom:0;height:100%;width:auto;object-fit:contain;object-position:bottom right;filter:none;opacity:0;visibility:hidden;transition:opacity 1.5s ease-in-out,visibility 1.5s;z-index:1}.hero-img.active{opacity:1;visibility:visible;z-index:2}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--radius-full);font-family:var(--font-heading);font-size:.95rem;font-weight:500;cursor:pointer;transition:var(--transition);border:2px solid transparent}.btn-dark{background:var(--text-dark);color:#fff;border-color:var(--text-dark)}.btn-dark:hover{background:#2c2c2c;transform:translateY(-2px);box-shadow:0 8px 25px rgba(18,18,18,.25)}.btn-primary{background:var(--orange);color:#fff;border-color:var(--orange)}.btn-primary:hover{background:var(--orange);border-color:var(--pink);transform:translateY(-3px);box-shadow:0 8px 25px rgba(243,121,77,0.3)}.btn-outline{background:transparent;color:var(--text-dark);border-color:var(--gray-200)}.btn-outline:hover{border-color:var(--mustard);color:var(--purple);transform:translateY(-3px)}.btn-prestasi{background:var(--green);color:#fff;border-color:var(--orange)}.btn-prestasi:hover{background:var(--purple);border-color:var(--green);transform:translateY(-3px);box-shadow:0 8px 25px rgba(116,84,245,0.3)}.btn-galeri{background:pink;background:var(--pink);color:#fff;border-color:var(--pink)}.btn-galeri:hover{background:var(--purple);border-color:var(--purple);transform:translateY(-3px);box-shadow:0 8px 25px rgba(116,84,245,0.3)}.btn-berita{background:orange;background:var(--orange);color:#fff;border-color:var(--orange)}.btn-berita:hover{background:var(--mustard);border-color:var(--mustard);transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,197,48,0.3)}.btn-lg{padding:16px 36px;font-size:1.05rem}.section{padding:100px 0;position:relative;overflow:visible;background:transparent !important;z-index:5}.container,.section-header-center,.section-header,.sambutan-wrapper,.about-gallery,.hero-inner,.footer-grid,.footer-bottom{position:relative;z-index:10}body{background:#ffffff;overflow-x:hidden}.section-header{text-align:center;margin-bottom:60px}.section-badge{display:inline-flex;align-items:center;gap:8px;background:var(--pink);color:#fff;padding:8px 22px;border-radius:var(--radius-full);font-size:.85rem;font-weight:500;margin-bottom:12px;text-transform:uppercase;letter-spacing:0.05em}.section-badge i{font-size:0.9rem}.section-badge-light{background:rgba(255,255,255,.15);color:var(--mustard-light)}.section-title{font-family:var(--font-heading);font-size:clamp(2.2rem,5.5vw,3.5rem);font-weight:700;color:var(--text-dark);margin-bottom:16px;letter-spacing:-.03em;line-height:1.05}@media (max-width:480px){.section-title{font-size:1.8rem !important}}.section-subtitle{font-size:1.15rem;font-weight:450;color:var(--slate-light);max-width:850px;margin:0 auto;line-height:1.6}.section-header-center{text-align:center;margin-bottom:60px}.mitra-slide-hero{display:flex;align-items:center;gap:28px;margin-top:32px;position:relative;z-index:150}.mitra-label{font-family:var(--font-heading);font-size:1rem;font-weight:500;color:#000 !important;text-transform:uppercase;letter-spacing:0.1em;white-space:nowrap}.mitra-logo-slide{position:relative;width:280px;height:100px;overflow:hidden}.mitra-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;visibility:hidden;transition:opacity 0.8s ease-in-out;filter:none}.mitra-img.active{opacity:1;visibility:visible}.sambutan-new{padding:120px 0;background:#ffffff}.sambutan-wrapper{display:flex;align-items:center;gap:100px}.sambutan-visual{flex:0 0 45%;position:relative;z-index:5;display:flex;justify-content:center}.principal-image-container{position:relative;width:100%;max-width:500px;display:flex;justify-content:center;align-items:flex-end}.principal-photo{width:100%;height:auto;object-fit:contain;position:relative;z-index:2;border-radius:0}.principal-image-container::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:120px;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,0.6) 40%,#fff 100%);z-index:5;pointer-events:none}.image-accent-border{display:none}.sambutan-content{flex:1}.sambutan-content .section-title{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700;color:var(--text-dark);letter-spacing:-0.035em;line-height:1.1;margin-bottom:24px}.text-brand{color:var(--text-dark)}.glass-quote{background:rgba(115,201,38,0.03);border-left:5px solid var(--green);padding:30px;margin:32px 0;border-radius:0 24px 24px 0;position:relative}.quote-icon{position:absolute;top:-15px;left:20px;font-size:2rem;color:var(--green);opacity:0.25}.glass-quote p{font-family:var(--font-heading);font-size:1.35rem;font-weight:500;line-height:1.5;color:var(--text-dark);font-style:italic;margin:0}.sambutan-text-body p{color:var(--text-body);line-height:1.8;font-size:1.05rem;margin-bottom:12px}.principal-signature{margin-top:24px}.sig-name{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--text-dark);margin-bottom:2px}.sig-title{font-family:var(--font-body);font-size:0.95rem;font-weight:500;color:var(--slate-light);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.05em}.sig-id{color:var(--mustard);font-weight:500;font-size:0.9rem;letter-spacing:0.05em}@media (max-width:991px){.sambutan-wrapper{flex-direction:column;text-align:center;gap:60px}.sambutan-visual{width:80%;margin:0 auto}.principal-stats-pill{left:20px}.glass-quote{border-radius:24px;border-left:none;border-top:4px solid var(--purple)}}.about-gallery{display:grid;grid-template-columns:1.1fr 1fr 1.1fr;gap:24px;align-items:center;margin-bottom:80px}.gallery-col{display:flex;flex-direction:column;gap:24px}.col-left{align-items:flex-end}.col-right{align-items:flex-start}.col-center{z-index:10}.gallery-item{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,0.06);transition:var(--transition-slow);background:var(--white)}.gallery-item.item-main{width:100%;aspect-ratio:507 / 760;height:520px}.gallery-item.item-med{width:90%;aspect-ratio:800 / 600;height:270px}.gallery-item.item-small{width:75%;aspect-ratio:600 / 400;height:210px}.item-main img{height:520px !important}.item-med img{height:270px !important}.item-small img{height:210px !important}.gallery-item img{width:100%;display:block;object-fit:cover;transition:var(--transition-slow)}.gallery-item:hover img{transform:scale(1.05);opacity:1}.bento-overlay{position:absolute;inset:0;background:linear-gradient( to top,rgba(0,0,0,0.78) 0%,rgba(0,0,0,0.35) 40%,transparent 65% );display:flex;flex-direction:column;justify-content:flex-end;padding:20px;color:#fff;transition:var(--transition)}.bento-overlay > i,.bento-overlay > h4,.bento-overlay > p{position:relative;z-index:2}.bento-tag{position:absolute;top:20px;left:20px;background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);padding:6px 14px;border-radius:var(--radius-full);font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;border:1px solid rgba(255,255,255,0.2)}.bento-overlay i{font-size:1.8rem;margin-bottom:12px;color:var(--mustard)}.bento-overlay h4{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;margin-bottom:6px;letter-spacing:-0.02em}.bento-overlay p{font-size:0.9rem;line-height:1.5;opacity:0.95;max-width:400px;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.visi-profil-new{padding:120px 0;background:#ffffff;position:relative;overflow:hidden}.visi-split{display:flex;align-items:center;gap:100px;margin-bottom:80px}.visi-visual{flex:0 0 55%;position:relative}.video-hero-card{background:var(--white);padding:12px;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--gray-200)}.video-hero-card .video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-lg);background:#000}.video-hero-card .video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.visi-text-side{flex:1}.visi-text-side .section-title{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700;color:var(--text-dark);letter-spacing:-0.035em;line-height:1.1;margin-bottom:32px}.visi-quote-block{position:relative;padding:28px 28px 28px 32px;background:rgba(243,121,77,0.06);border-left:5px solid var(--orange);border-radius:0 var(--radius-lg) var(--radius-lg) 0;margin-bottom:24px}.visi-quote-icon{position:absolute;top:-12px;left:12px;font-size:1.5rem;color:var(--orange);opacity:0.5}.visi-quote-block p{font-family:var(--font-heading);font-size:clamp(1.05rem,2vw,1.3rem);font-weight:500;font-style:italic;line-height:1.6;color:var(--text-dark)}.visi-desc{font-size:1rem;color:var(--slate-light);line-height:1.8}.misi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.misi-card-new{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:36px 28px;text-align:center;transition:var(--transition);position:relative;overflow:hidden}@media (max-width:480px){.visi-quote-block{padding:20px !important}.misi-card-new{padding:30px 20px !important}}.misi-card-new:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--green)}.misi-num{width:48px;height:48px;background:var(--orange);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:1rem;margin:0 auto 20px}.misi-card-new h4{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--text-dark);margin-bottom:10px}.misi-card-new p{color:var(--slate-light);font-size:0.95rem;line-height:1.7}@media (max-width:1024px){.visi-split{flex-direction:column;gap:50px}.visi-visual{flex:0 0 100%;width:100%}.misi-row{grid-template-columns:1fr}.skl-grid{grid-template-columns:1fr}}.kompetensi-new{background:transparent}.skl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.skl-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:40px 32px;transition:var(--transition);position:relative}.skl-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:transparent}@media (max-width:480px){.skl-card{padding:30px 20px !important}}.skl-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:24px}.skl-card h3{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--text-dark);margin-bottom:8px}.skl-desc{font-size:0.9rem;color:var(--slate-light);margin-bottom:20px;line-height:1.5}.skl-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.skl-list li{display:flex;align-items:flex-start;gap:10px;font-size:0.92rem;color:var(--slate);line-height:1.6}.skl-list li i{color:var(--green);margin-top:4px;flex-shrink:0;font-size:0.75rem}@media (max-width:1024px){.skl-grid{grid-template-columns:1fr;gap:20px}}.fasilitas-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:280px;gap:20px}.bento-item{position:relative;border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;background:var(--white);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.bento-large{grid-column:span 2;grid-row:span 2}.bento-wide{grid-column:span 2}.bento-item img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow);opacity:1}.bento-item:hover img{transform:scale(1.05);opacity:1}.bento-tag{position:absolute;top:20px;left:20px;background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);padding:6px 14px;border-radius:var(--radius-full);font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;border:1px solid rgba(255,255,255,0.2)}.bento-overlay i{font-size:1.8rem;margin-bottom:12px;color:var(--mustard)}.bento-overlay h4{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;margin-bottom:6px;letter-spacing:-0.02em}.bento-overlay p{font-size:0.9rem;line-height:1.5;opacity:0.9;max-width:400px;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ekskul-amin-section{background:var(--surface);padding:100px 0;overflow:hidden}.ekskul-amin-layout{display:flex;align-items:center;gap:60px;max-width:1400px;margin:0 auto;padding-left:5%}.ekskul-amin-info{flex:0 0 320px}.ekskul-amin-title{font-family:var(--font-heading);font-size:clamp(2.2rem,5.5vw,3.5rem);font-weight:700;color:var(--text-dark);text-transform:uppercase;line-height:1.1;letter-spacing:-1px;margin-top:15px;margin-bottom:25px}.ekskul-amin-desc{font-size:1.1rem;color:var(--slate);line-height:1.8;margin-bottom:40px}.ekskul-amin-nav{display:flex;gap:12px}.amin-btn-nav{width:48px;height:48px;border-radius:50%;background:var(--orange);color:var(--white);border:none;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.amin-btn-nav:hover{background:var(--pink);transform:scale(1.05)}.ekskul-amin-track-wrapper{flex:1;overflow:hidden;width:100%}.ekskul-amin-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-right:5vw;padding-bottom:20px;-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.ekskul-amin-track::-webkit-scrollbar{display:none}.amin-card{flex:0 0 320px;height:480px;border-radius:20px;position:relative;overflow:hidden;scroll-snap-align:start;background:var(--white);box-shadow:var(--shadow-sm);transition:var(--transition)}.amin-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.amin-card-logo{position:absolute;top:20px;right:20px;width:65px;height:65px;background:var(--white);border-radius:50%;padding:4px;box-shadow:0 4px 15px rgba(0,0,0,0.3);z-index:5;display:flex;align-items:center;justify-content:center}.amin-card-logo img{width:100%;height:100%;object-fit:contain;border-radius:50%}.amin-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform 0.6s ease}.amin-bg-image img{width:100%;height:100%;object-fit:cover}.amin-card:hover .amin-bg-image{transform:scale(1.05)}.amin-overlay{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient( to top,rgba(0,0,0,0.80) 0%,rgba(0,0,0,0.45) 40%,transparent 65% )}.amin-content{position:absolute;bottom:0;left:0;width:100%;padding:30px;color:var(--white)}.amin-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.amin-header h3{font-family:var(--font-heading);font-size:1.8rem;font-weight:400;margin:0;letter-spacing:-0.5px;color:var(--white)}.amin-arrow{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,0.5);display:flex;align-items:center;justify-content:center;font-size:0.9rem}.amin-content p{font-size:0.95rem;line-height:1.6;color:rgba(255,255,255,0.85);margin:0}@media (max-width:1024px){.ekskul-amin-layout{flex-direction:column;padding:0 5%;align-items:flex-start;gap:30px}.ekskul-amin-info{flex:none;width:100%}.ekskul-amin-track-wrapper{width:100%;margin-right:-5%}}@media (max-width:480px){.amin-card{flex:0 0 280px;height:420px}}.testimoni-section{background:var(--surface)}.testimoni-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.testimoni-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:40px 30px;display:flex;flex-direction:column;justify-content:space-between;transition:var(--transition)}.testimoni-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:transparent}.testimoni-quote{margin-bottom:30px}.testimoni-quote i{font-size:2rem;color:var(--gray-300);margin-bottom:16px;display:block}.testimoni-quote p{font-size:0.95rem;color:var(--slate-light);line-height:1.7;font-style:italic}.testimoni-author{display:flex;align-items:center;gap:16px;border-top:1px solid var(--gray-100);padding-top:20px}.author-avatar-wrapper{width:50px;height:50px;min-width:50px;min-height:50px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--gray-100);background:var(--gray-50);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);position:relative}.author-photo{width:100% !important;height:100% !important;object-fit:cover !important;display:block}.author-avatar-initial{display:flex !important;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--font-heading);font-weight:800;color:white}.author-info h4{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text-dark);margin-bottom:4px}.author-info span{display:block;font-size:0.8rem;color:var(--slate-light)}@media (max-width:1024px){.testimoni-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.testimoni-grid{grid-template-columns:1fr}}.prestasi-section{background:var(--white)}@media (min-width:992px){.prestasi-section .prestasi-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:30px !important;margin-bottom:50px !important}}.prestasi-card{text-decoration:none;color:inherit;display:block;background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);overflow:hidden;transition:var(--transition);box-shadow:var(--shadow-sm)}.prestasi-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--mustard)}.prestasi-img-wrapper{height:220px;width:100%;overflow:hidden;position:relative}.prestasi-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.prestasi-card:hover .prestasi-img-wrapper img{transform:scale(1.08)}.prestasi-body{padding:35px 25px 25px;text-align:center;position:relative}.prestasi-icon-circle{width:64px;height:64px;background:rgba(243,121,77,0.1);color:var(--purple);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin:-65px auto 20px;position:relative;border:4px solid var(--white);box-shadow:var(--shadow-sm);transition:var(--transition)}.prestasi-card:hover .prestasi-icon-circle{background:var(--green);color:#fff;transform:scale(1.1)}.prestasi-body h4{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--text-dark);margin-bottom:12px;line-height:1.3}.prestasi-body p{color:var(--slate);font-size:0.92rem;line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prestasi-badge{display:inline-block;padding:6px 18px;background:var(--gray-100);border-radius:50px;font-size:0.8rem;font-weight:700;color:var(--pink);text-transform:uppercase;letter-spacing:0.05em}.galeri-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:50px}.galeri-item{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/3;box-shadow:var(--shadow-md);border:1px solid var(--gray-200)}.galeri-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.165,0.84,0.44,1)}.galeri-item:hover img{transform:scale(1.1)}.galeri-caption{position:absolute;bottom:0;left:0;right:0;padding:20px 15px 12px;background:rgba(243,121,77,0.7);color:#fff;font-size:0.85rem;font-weight:600;text-align:center;transform:translateY(100%);transition:transform 0.4s ease}.galeri-item:hover .galeri-caption{transform:translateY(0)}.extra-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.extra-tag{background:var(--white);padding:10px 22px;border-radius:50px;font-weight:700;font-size:0.82rem;color:var(--mustard);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);cursor:default;letter-spacing:0.02em}.extra-tag span{color:var(--orange);margin-right:4px}.extra-tag:hover{background:var(--pink);color:#fff;transform:translateY(-4px) scale(1.05);border-color:var(--mustard);box-shadow:0 10px 20px rgba(243,121,77,0.2)}.extra-tag:hover span{color:#fff}@media (max-width:1024px){.galeri-grid{grid-template-columns:repeat(2,1fr);width:95%;margin-left:auto;margin-right:auto}}@media (max-width:600px){.galeri-grid{grid-template-columns:1fr;gap:15px}}.berita-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.berita-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition)}.berita-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--purple)}.berita-image{position:relative;overflow:hidden;aspect-ratio:16/9}.berita-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.berita-card:hover .berita-image img{transform:scale(1.08)}.berita-category{position:absolute;top:16px;left:16px;background:var(--green);color:#fff;padding:4px 14px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.berita-body{padding:24px}.berita-date{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--slate-light);margin-bottom:8px}.berita-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--text-dark);margin-bottom:10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.berita-excerpt{font-size:.9rem;color:var(--slate-light);margin-bottom:16px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.berita-link{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:var(--orange);transition:var(--transition)}.berita-link:hover{gap:10px;color:var(--pink)}.ppdb{background:var(--white) !important;color:var(--text-body)}.ppdb .section-title{color:var(--text-dark)}.ppdb .section-badge{background:var(--purple);color:#fff}.ppdb-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.ppdb-content h2{font-family:var(--font-heading);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;margin:20px 0 16px}.ppdb-content > p{opacity:.85;font-size:1.05rem;line-height:1.7;margin-bottom:28px}.ppdb-syarat{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:28px;margin-bottom:28px}.ppdb-syarat h4{font-family:var(--font-heading);font-size:1rem;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px;color:var(--text-dark)}.ppdb-syarat li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:.95rem;opacity:.9}.ppdb-syarat li i{color:var(--green-light);font-size:.9rem}.ppdb-timeline{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:36px}.ppdb-timeline h4{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;margin-bottom:28px;display:flex;align-items:center;gap:10px;color:var(--text-dark)}.timeline{position:relative;padding-left:40px}.timeline::before{content:'';position:absolute;left:16px;top:0;bottom:0;width:2px;background:var(--gray-200)}.timeline-item{position:relative;padding-bottom:32px}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-40px;top:0;width:34px;height:34px;border-radius:50%;background:var(--mustard);border:3px solid var(--orange);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#fff;z-index:1}.timeline-content strong{display:block;font-family:var(--font-heading);font-size:1rem;font-weight:700;margin-bottom:4px}.timeline-content span{font-size:.9rem;opacity:.75}.kontak-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.kontak-map{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);min-height:400px}.kontak-map iframe{width:100%;height:100%;min-height:400px;border:none}.kontak-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--gray-200)}.kontak-item:last-of-type{border-bottom:none;margin-bottom:24px}.kontak-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--green);display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0}.kontak-item strong{display:block;font-family:var(--font-heading);font-size:.9rem;font-weight:700;color:var(--text-dark);margin-bottom:2px}.kontak-item p{font-size:.9rem;color:var(--slate-light)}.kontak-form h4{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--text-dark);margin-bottom:16px}.kontak-form input,.kontak-form textarea{width:100%;padding:14px 18px;border:2px solid var(--gray-200);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9rem;color:var(--slate);margin-bottom:12px;transition:var(--transition);background:var(--white)}.kontak-form input:focus,.kontak-form textarea:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 4px rgba(37,99,235,.1)}.kontak-form textarea{resize:vertical}.kontak-form .btn{width:100%;justify-content:center}.kontak-list-daftar{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.kontak-list-daftar li{display:flex;align-items:center;font-size:1rem;color:var(--text-dark);background:var(--white);padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--gray-200);box-shadow:0 2px 8px rgba(0,0,0,0.02)}.kontak-list-daftar li strong{min-width:100px;font-family:var(--font-heading);font-weight:600;color:var(--orange)}.kontak-list-daftar li span{font-weight:500}.footer{background:#ffffff;color:var(--text-body);padding:80px 0 0;border-top:1px solid var(--gray-200);position:relative;z-index:5}.footer-grid{display:grid;grid-template-columns:2.5fr 1fr 1fr 1.5fr;gap:50px;padding-bottom:50px}.footer-branding-flex{display:flex;align-items:center;gap:15px;margin-bottom:20px;justify-content:flex-start}.footer-logo-group{display:flex;align-items:center;gap:12px;flex-shrink:0}.footer-logo{width:90px;height:90px;border-radius:50%;object-fit:cover;border:none;background:white;padding:2px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.footer-school-name{margin:0;font-family:var(--font-heading);font-size:1.15rem;font-weight:800;text-align:left;line-height:1.3;color:var(--text-dark)}.footer-brand p{font-size:.88rem;line-height:1.7;margin-bottom:16px;color:var(--text-body)}.footer-social{display:flex;gap:10px}.footer-social a{width:44px;height:44px;border-radius:var(--radius-md);background:var(--gray-100);display:flex;align-items:center;justify-content:center;transition:var(--transition);font-size:1.1rem;color:var(--green);border:1px solid var(--gray-200)}.footer-social a:hover{background:var(--orange);transform:translateY(-3px)}.footer-links h4{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text-dark);margin-bottom:20px;text-transform:uppercase;letter-spacing:0.05em}.footer-links li{margin-bottom:10px;font-size:.88rem;display:flex;align-items:center;gap:8px}.footer-links li a{transition:var(--transition)}.footer-links li a:hover{color:var(--mustard);padding-left:4px}.footer-links li i{font-size:.9rem;color:var(--pink)}.footer-bottom{text-align:center;padding:25px 0;font-size:.85rem;border-top:1px solid var(--gray-100);color:var(--slate-light)}.float-wa{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 20px rgba(37,211,102,.4);z-index:999;transition:var(--transition);animation:pulse-wa 2s infinite}.float-wa:hover{transform:scale(1.1);box-shadow:0 6px 30px rgba(115,201,38,.5)}@keyframes pulse-wa{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.4)}50%{box-shadow:0 4px 30px rgba(37,211,102,.6),0 0 0 10px rgba(37,211,102,.1)}}.float-top{position:fixed;bottom:90px;right:24px;width:44px;height:44px;border-radius:50%;background:var(--pink);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;z-index:999;transition:var(--transition);opacity:0;pointer-events:none;transform:translateY(20px)}.float-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.float-top:hover{background:var(--mustard);transform:translateY(-3px)}[data-anim]{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}[data-anim="fade-down"]{transform:translateY(-30px)}[data-anim="fade-right"]{transform:translateX(-40px)}[data-anim="fade-left"]{transform:translateX(40px)}[data-anim="zoom-in"]{transform:scale(.85)}[data-anim].visible{opacity:1;transform:translate(0) scale(1)}@media (max-width:1024px){.container{padding:0 32px}.hero{padding-top:0px;min-height:auto;align-items:flex-start}.navbar{padding:0px 0}.nav-menu{position:fixed;top:0;left:0;width:100%;height:100dvh;background:rgba(255,255,255,0.85);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);flex-direction:column;justify-content:flex-start;padding:0 40px 60px;gap:0;z-index:10000;opacity:0;visibility:hidden;transform:translateY(-20px);transition:all 0.6s cubic-bezier(0.16,1,0.3,1);pointer-events:none;overflow-y:auto;display:flex !important}.nav-menu.active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.nav-menu li{width:100%;opacity:0;transform:translateY(15px);transition:all 0.5s cubic-bezier(0.16,1,0.3,1)}.nav-menu.active li{opacity:1;transform:translateY(0)}.nav-menu.active li:nth-child(1){transition-delay:0.1s}.nav-menu.active li:nth-child(2){transition-delay:0.15s}.nav-menu.active li:nth-child(3){transition-delay:0.2s}.nav-menu.active li:nth-child(4){transition-delay:0.25s}.nav-menu.active li:nth-child(5){transition-delay:0.3s}.nav-menu.active li:nth-child(6){transition-delay:0.35s}.nav-menu.active li:nth-child(7){transition-delay:0.4s}.nav-menu.active li:nth-child(8){transition-delay:0.45s}.nav-menu.active li:nth-child(9){transition-delay:0.5s}.nav-menu.active li:nth-child(10){transition-delay:0.55s}.nav-menu .nav-link{font-size:1.6rem;font-weight:700;color:var(--text-dark);padding:18px 0;border-radius:0;background:none !important;display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:1px solid rgba(0,0,0,0.05)}.nav-menu .nav-link:hover,.nav-menu .nav-link.active{color:var(--purple)}.dropdown-menu{position:static;background:rgba(0,0,0,0.02);margin:0;padding:0;border-radius:12px;box-shadow:none;max-height:0;opacity:0;visibility:hidden;overflow:hidden;transition:all 0.4s cubic-bezier(0.16,1,0.3,1);display:flex;flex-direction:column;width:100%}.nav-item-dropdown.active .dropdown-menu{max-height:500px;opacity:1;visibility:visible;padding:10px 0;margin-bottom:20px}.dropdown-menu .nav-link{font-size:1rem;font-weight:500;padding:12px 20px;color:var(--slate);border-bottom:none}.nav-item-dropdown .nav-link i{transition:transform 0.4s ease;font-size:0.9rem}.nav-item-dropdown.active > .nav-link i{transform:rotate(180deg)}.nav-mobile-brand{position:sticky;top:0;display:flex !important;align-items:center;gap:8px;padding:27px 60px 20px 16px;margin:0 -40px 25px;background:#ffffff;z-index:100;border-bottom:2px solid rgba(0,0,0,0.05)}.nav-mobile-logo-group{display:flex;align-items:center;gap:6px;flex-shrink:0}.nav-mobile-logo-group img{height:52px !important;width:52px !important;object-fit:contain !important}.nav-mobile-brand span{font-family:var(--font-heading);font-weight:700;font-size:0.85rem;line-height:1.1;color:var(--text-dark);text-transform:none}.nav-mobile-cta{margin:25px 0 10px}.nav-mobile-cta .btn{width:100%;justify-content:center;padding:15px;font-size:1.1rem;font-weight:700;border-radius:var(--radius-md);box-shadow:0 4px 15px rgba(234,88,12,0.2)}.nav-mobile-footer{margin-top:auto;padding-top:40px;border-top:1px solid rgba(0,0,0,0.1)}.nav-mobile-socials{display:flex !important;gap:20px;justify-content:center;margin-top:20px}.nav-mobile-socials a{width:44px;height:44px;background:var(--green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:var(--transition)}.footer-grid{grid-template-columns:1fr;text-align:center;gap:40px}.footer-branding-flex{flex-direction:column;align-items:center;text-align:center}.footer-logo-group{justify-content:center;gap:15px}.footer-school-name{text-align:center;margin-top:5px}.footer-brand p{text-align:center;max-width:450px;margin-left:auto;margin-right:auto}.footer-social{justify-content:center}.footer-links{text-align:center}.footer-links li{justify-content:center}.nav-item-dropdown.active > .nav-link i{transform:rotate(180deg);color:var(--orange)}.dropdown-menu{border-left:2px solid var(--gray-100);margin-left:20px !important;padding-left:10px !important}.dropdown-menu .nav-link{font-size:0.95rem !important;padding:10px 15px !important;opacity:0.8}.nav-item-dropdown.active > .nav-link{background:rgba(243,121,77,0.05);color:var(--orange);border-radius:12px}.nav-actions{display:none !important}.nav-mobile-cta{display:block !important}.nav-menu-cta-mobile{display:block !important;margin-top:30px;padding-top:30px;border-top:1px solid var(--gray-100);width:100%}.nav-menu-cta-mobile .btn{width:100%;justify-content:center;padding:16px !important;font-weight:700}.hamburger{display:flex;margin-left:auto}.hero-bottom-fade{display:none}.hero-inner{display:flex !important;flex-direction:column !important;padding-top:0;text-align:center;min-height:auto}.hero-right{order:-1 !important;position:relative;right:0;width:100%;height:auto !important;margin-top:0 !important;margin-bottom:10px !important;z-index:100 !important}.hero-right::after{content:'' !important;display:block !important;position:absolute !important;bottom:-2px !important;left:0 !important;width:100% !important;height:300px !important;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.5) 75%,rgba(255,255,255,0.9) 92%,#fff 100% ) !important;z-index:110 !important;pointer-events:none}.hero-left{order:1 !important;width:100%;align-items:center;padding-bottom:50px;padding-top:10px;text-align:center;position:relative;z-index:50 !important}.hero-img{object-position:center bottom;height:100%;width:100%;object-fit:contain;z-index:10}.mitra-slide-hero{flex-direction:column;gap:12px;margin-top:25px;align-items:center;text-align:center;width:100%}.mitra-logo-slide{margin:0 auto}.hero-title{font-size:clamp(1.8rem,4.5vw,2.5rem);line-height:1.2;margin-bottom:15px;min-height:5.5em;display:block !important;text-align:center;overflow:hidden;padding-top:5px}.hero-subtitle{font-size:0.95rem;line-height:1.6;margin-bottom:20px;max-width:100%}.hero-stats-row{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:25px 15px !important;width:100% !important;justify-content:center !important;margin:20px 0 !important}.hero-stat{min-width:unset !important;flex:unset !important}.hero-stat-num,.hero-stat-letter{font-size:1.8rem !important}.hero-stat p{font-size:0.75rem !important;margin-top:2px}.hero-stat-divider{display:none !important}.decor-circle{display:none !important}.sambutan-wrapper{gap:60px}.about-gallery{display:flex;flex-wrap:wrap;gap:16px;width:100%;margin:0 auto}.gallery-col{flex:1 1 calc(50% - 16px);display:flex;flex-direction:column;gap:16px}.col-center{flex:1 1 100%;order:-1}.gallery-item{height:auto !important;border-radius:var(--radius-lg);overflow:hidden;width:100% !important;box-shadow:var(--shadow-sm)}.gallery-item img{display:block;width:100% !important;height:auto !important;object-fit:cover}.about-stats{padding:40px 0;margin-top:10px;width:100%}.visi-split{flex-direction:column;gap:40px;text-align:center}.visi-visual{width:100%;flex:auto}.visi-text-side .section-title{font-size:2.5rem;text-align:center}.visi-quote-block{border-left:none;border-top:5px solid var(--orange);border-radius:0 0 var(--radius-lg) var(--radius-lg);text-align:center}.misi-row{grid-template-columns:1fr;gap:20px;text-align:center}}@media (max-width:768px){.section{padding:80px 0}.navbar{padding:12px 0}.navbar.scrolled{padding:10px 0}.nav-container{padding:0 20px}.nav-brand{margin-right:0}.hamburger{display:flex}.nav-link{font-size:1.1rem;padding:12px 20px;border-radius:var(--radius-md);text-align:center}.nav-actions{display:none}.hero-title{margin-bottom:20px}.nav-title{white-space:normal;font-size:0.9rem}.misi-row,.berita-grid,.kontak-grid,.ppdb-wrapper,.skl-grid{display:flex;flex-direction:column;gap:32px;align-items:center;text-align:center}.about-gallery{display:grid !important;grid-template-columns:1fr 1fr;gap:12px;width:100%;padding:0;margin-bottom:40px;align-items:start}.gallery-col{display:contents}.gallery-item{width:100% !important;margin:0 !important;background:transparent !important;box-shadow:0 8px 30px rgba(0,0,0,0.08) !important;border-radius:16px !important;overflow:hidden !important}.gallery-item img{display:block !important;width:100% !important;height:100% !important;object-fit:cover !important}.col-left .item-med{grid-column:1;order:1;height:150px !important}.col-left .item-small{grid-column:2;order:2;height:110px !important;align-self:end}.col-center .item-main{grid-column:span 2;order:3;height:420px !important;margin:4px 0 !important}.col-right .item-small{grid-column:1;order:4;height:110px !important;align-self:start}.col-right .item-med{grid-column:2;order:5;height:150px !important}.fasilitas-bento{grid-template-columns:1fr;grid-auto-rows:minmax(280px,auto);gap:20px}.bento-large,.bento-wide{grid-column:span 1;grid-row:span 1;min-height:320px}.jurusan-grid{grid-template-columns:1fr;gap:20px}.footer-grid{grid-template-columns:1fr 1fr;gap:40px;text-align:center}.sambutan-wrapper{display:flex;flex-direction:column;gap:20px;align-items:center}.sambutan-content{display:contents}.sambutan-content .section-badge{order:1}.sambutan-content .section-title{order:2;margin-bottom:20px}.sambutan-visual{order:3;width:90%;max-width:380px;margin:0 auto}.principal-signature{order:4;margin-top:30px;margin-bottom:20px;position:relative;z-index:10}.sambutan-text-body{order:5;padding:0 10px}.sig-info{text-align:center}}@media (max-width:480px){.container{padding:0 20px}.section{padding:60px 0}.hero-title{font-size:2.1rem;text-align:center}.hero-subtitle{font-size:0.95rem;text-align:center}.hero-search-row{flex-direction:column;width:100%;align-items:center}.hero-search-pill,.hero-category-pill{width:100%;min-width:unset}.hero-stat-divider{display:none !important}.about-stats-bar{padding:28px 20px;border-radius:16px}.about-stats-inner{gap:16px}.about-stat-item{min-width:unset;flex:1}.about-stat-num,.about-stat-letter{font-size:1.6rem}.about-stat-plus{font-size:1rem}.about-stat-item p{font-size:0.72rem}.about-stat-divider{height:36px}.kompetensi-tabs{flex-direction:column;width:100%;align-items:center}.tab-btn{width:100%;justify-content:center}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand{display:flex;flex-direction:column;align-items:center;text-align:center}.sambutan-text-body,.visi-desc,.skl-desc,.skl-card h3,.skl-icon,.berita-excerpt,.footer-brand p,.section-subtitle{text-align:center !important;margin-left:auto !important;margin-right:auto !important}.skl-list li{justify-content:center;text-align:center}.footer-social{justify-content:center}.footer-links li{justify-content:center}.float-wa{bottom:20px;right:20px;width:48px;height:48px}.float-top{bottom:80px;right:20px;width:40px;height:40px}.kontak-item{flex-direction:column;align-items:center;text-align:center;gap:12px}.kontak-icon{margin-right:0}.spmb-bento{padding:60px 0 !important}.bento-grid-spmb{grid-template-columns:1fr !important}.col-span-2,.row-span-2{grid-column:span 1 !important;grid-row:span 1 !important}.spmb-promo-grid{grid-template-columns:1fr !important;gap:20px !important}.promo-gallery{grid-template-columns:1fr !important}.gallery-item.large{min-height:250px !important}.timeline-no-card{padding-left:20px !important}.timeline-no-card::before{left:2px !important}.tl-dot{left:-24px !important;width:14px !important;height:14px !important;border-width:3px !important}.tl-date{font-size:0.95rem !important}.tl-item.active .tl-date{font-size:1.15rem !important}}.galeri-hover img{transform:scale(1)}.galeri-hover:hover img{transform:scale(1.1)}.pengajar-section{padding:100px 0;background:transparent !important;overflow:hidden}.pengajar-slider-wrapper{position:relative;max-width:1200px;margin:0 auto;padding:40px 0 20px}.pengajarSwiper{width:100%;padding-top:20px;padding-bottom:60px;overflow:visible}.pengajarSwiper .swiper-wrapper{align-items:center}.pengajar-card{background:#ffffff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;text-align:center;transition:all 0.5s ease-out;transform:scale(0.85);opacity:1;border:1px solid var(--gray-200);height:auto}.pengajarSwiper .swiper-slide-active{transform:scale(1.1);box-shadow:var(--shadow-xl);border-color:var(--mustard);z-index:10}.foto-pengajar{width:100%;aspect-ratio:4/5;overflow:hidden;background:var(--gray-100);border-bottom:4px solid var(--orange);position:relative}.foto-pengajar img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform 0.6s ease}.pengajarSwiper .swiper-slide-active:hover .foto-pengajar img{transform:scale(1.08)}.info-pengajar{padding:24px 20px}.info-pengajar h4{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--text-dark);margin-bottom:8px;line-height:1.3}.info-pengajar .jabatan{font-size:0.95rem;color:var(--purple);font-weight:600;margin-bottom:2px}.pengajar-nav-buttons{display:flex;justify-content:center;gap:16px;margin-top:10px}.pengajar-btn-prev,.pengajar-btn-next{width:48px;height:48px;border-radius:50%;background:var(--white);border:2px solid var(--gray-200);color:var(--text-dark);display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);z-index:20}.pengajar-btn-prev:hover,.pengajar-btn-next:hover{background:var(--green);color:var(--white);border-color:var(--orange);transform:translateY(-3px);box-shadow:var(--shadow-md)}.pengajar-pagination{bottom:0 !important}.pengajar-pagination .swiper-pagination-bullet{background:var(--gray-300);opacity:1;width:8px;height:8px;transition:var(--transition);margin:0 6px !important}.pengajar-pagination .swiper-pagination-bullet-active{background:var(--pink);width:30px;border-radius:var(--radius-full)}@media (max-width:768px){.bento-overlay h4{font-size:1.1rem !important;margin-bottom:2px !important}.bento-overlay p{display:none !important}.section-badge{padding:6px 16px !important;font-size:0.75rem !important}.footer-grid{text-align:center}.footer-brand{justify-content:center !important}.footer-brand div{justify-content:center !important}.footer-social{justify-content:center !important}}@media (max-width:991px){.prestasi-grid{display:flex !important;flex-direction:column !important;gap:30px !important;width:100% !important;margin-bottom:40px !important}.prestasi-card{width:100% !important;max-width:100% !important;margin:0 !important}.nav-menu{padding:0 24px 40px !important}.nav-mobile-brand{margin-left:-24px !important;margin-right:-24px !important;padding-left:24px !important;padding-right:60px !important}.nav-mobile-brand span{font-size:0.85rem !important}.footer-grid{grid-template-columns:1fr !important;text-align:center !important;gap:40px !important}.footer-branding-flex{flex-direction:column !important;align-items:center !important;text-align:center !important}.footer-logo-group{justify-content:center !important;margin-bottom:15px !important}.footer-school-name{text-align:center !important;margin-bottom:0 !important;font-size:1.1rem !important;line-height:1.4 !important}.footer-brand p{text-align:center !important;margin:20px auto !important;max-width:100% !important}.footer-social{justify-content:center !important;margin:20px auto 30px !important}.footer-links{text-align:center !important}.footer-links ul{display:flex !important;flex-direction:column !important;align-items:center !important}.footer-links ul li{display:flex !important;justify-content:center !important;text-align:center !important;margin-bottom:12px !important}}@media (max-width:1024px){.nav-menu > li .nav-link:hover,.nav-menu > li .nav-link.active{background:rgba(243,121,77,0.05);color:var(--mustard)}}