:root{--primary: #0e2e72;--secondary: #198754;--accent: #ffd700;--text-main: #333333;--text-muted: #6c757d;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--footer-bg: #3C3D37}html,body{scroll-behavior:smooth;overflow-x:hidden!important;max-width:100%!important;width:100%;position:relative}html{scroll-padding-top:90px}body{font-family:Poppins,sans-serif;font-weight:500;margin-top:90px;font-style:normal}body.is-home{margin-top:0!important}.alumni-marquee{will-change:transform}section{padding-top:100px;scroll-margin-top:100px;margin-bottom:80px}@media (max-width: 768px){section{padding-top:35px!important;padding-bottom:35px!important;scroll-margin-top:70px;margin-bottom:0!important}section.py-5{padding-top:35px!important;padding-bottom:35px!important}.container{padding-left:15px!important;padding-right:15px!important}h2.display-5{font-size:1.6rem!important}.display-3{font-size:2rem!important}#sekolah,.pesantren,#fasilitas,#prestasi,#ppdb,#testimoni,#berita,#profil-sekolah{padding-top:35px!important;padding-bottom:25px!important;margin-bottom:0!important}.timeline-content{padding:1rem!important}.row.g-5{--bs-gutter-x: 1.5rem !important;--bs-gutter-y: 1.5rem !important}.mb-5{margin-bottom:2rem!important}}.navbar{position:fixed;width:100%;top:0;left:0;right:0;z-index:9999;background:#fff;transition:all .4s ease-in-out;padding:10px 0;box-shadow:0 2px 15px #0000000d}.is-home .navbar{background:transparent;box-shadow:none;padding:20px 0}.is-home .navbar.navbar-scrolled{background:#fff;box-shadow:0 2px 15px #0000001a;padding:10px 0}.is-home .navbar .nav-link{color:#fff!important}.navbar .nav-link,.is-home .navbar.navbar-scrolled .nav-link{color:#333!important}.is-home .navbar .navbar-brand span{color:#fff}.navbar .navbar-brand span{color:#333;transition:color .4s ease}.is-home .navbar.navbar-scrolled .navbar-brand span{color:#333}.navbar-brand{font-weight:600;font-size:1.1rem;display:flex;align-items:center;gap:8px}.navbar-brand img{width:60px;height:auto}@media (max-width: 768px){.navbar-brand{font-size:.9rem}.navbar-brand img{width:45px}}.navbar-toggler{border:none!important;padding:0}.navbar-toggler:focus{box-shadow:none!important}.navbar-toggler-icon{width:24px;height:24px}.is-home .navbar .navbar-toggler-icon{filter:invert(1) brightness(2)}.is-home .navbar.navbar-scrolled .navbar-toggler-icon{filter:none}.navbar-nav .nav-link{color:inherit;font-weight:500;margin:0 .5rem;transition:all .3s ease}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:#0e2e72}.navbar .navbar-nav a:after{content:"";display:block;padding-bottom:.5rem;border-bottom:.1rem solid #0e2e72;transform:scaleX(0);transition:transform .2s ease}.navbar .navbar-nav a:hover:after{transform:scaleX(1)}.btn-blue{background-color:#0e2e72;border-color:#0e2e72;color:#fff;border-radius:30px;padding:.4rem 1rem;transition:.3s}.text-blue{color:#0e2e72!important}.btn-blue:hover{background-color:gold;border-color:gold;color:#fff}.text-success{color:gold!important}#hero{position:relative;height:100vh;overflow:hidden}.hero-img{height:100vh;width:100%;object-fit:cover;filter:brightness(60%);transition:transform 10s ease}.carousel-item.active .hero-img{transform:scale(1.1)}.hero-content{position:relative;left:auto!important;top:auto!important;transform:none!important;text-align:center;width:100%;max-width:800px;z-index:3;margin:0 auto}.carousel-caption{position:absolute;right:0;bottom:0;left:0;top:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:0;text-align:center!important}@media (max-width: 768px){#hero,.hero-img{height:60vh!important}.hero-content{width:100%;max-width:100%;padding:0 20px;margin-top:20px}.carousel-caption{justify-content:center;padding-right:0;text-align:center!important;bottom:0}.hero-title{font-size:1.8rem!important;margin-bottom:.5rem}.hero-subtitle{font-size:.9rem!important}}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(0,0,0,.2) 0%,rgba(0,0,0,.7) 100%);z-index:1}.hero-title{font-size:2.5rem;font-weight:600;line-height:1;text-shadow:2px 2px 8px rgba(0,0,0,.5);margin-bottom:1rem;color:#fff}.hero-subtitle{font-size:1.25rem;font-weight:400;text-shadow:1px 1px 4px rgba(0,0,0,.6);margin-bottom:2rem;color:#f0f0f0}.pesantren h3{font-family:Poppins,sans-serif}.pesantren p{font-size:1.05rem;line-height:1.8;color:#444}.bg-blue-statistik{background-color:#0e2e72;position:relative;overflow:hidden}.bg-blue-statistik:before,.bg-blue-statistik:after{content:"";position:absolute;background:rgba(255,255,255,.05);border-radius:50%;z-index:0}.bg-blue-statistik:before{width:500px;height:500px;top:-100px;left:-150px}.bg-blue-statistik:after{width:600px;height:600px;bottom:-150px;right:-200px}.bg-blue-statistik .container{position:relative;z-index:2}.bg-blue-statistik h3,.bg-blue-statistik p,.bg-blue-statistik i{animation:fadeInUp 1s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ekstrakurikuler .card{transition:transform .3s ease,box-shadow .3s ease}.ekstrakurikuler .card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.ekskul-card{position:relative;overflow:hidden;border-radius:15px;height:220px;cursor:pointer}.ekskul-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.ekskul-card:hover img{transform:scale(1.15)}.ekskul-card .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.55);opacity:0;transition:all .4s ease;display:flex;align-items:center;justify-content:center}.ekskul-card .overlay span{color:#fff;font-size:1.3rem;font-weight:700;opacity:0;transform:translateY(20px);transition:all .4s ease}.ekskul-card:hover .overlay{opacity:1}.ekskul-card:hover .overlay span{opacity:1;transform:translateY(0)}.gallery-scroll{display:flex;overflow-x:auto;gap:20px;padding:20px 0 40px;-webkit-overflow-scrolling:touch;justify-content:flex-start}.gallery-scroll::-webkit-scrollbar{height:8px;display:none}.gallery-item{position:relative;border-radius:20px;overflow:hidden;height:350px;min-width:280px;flex:0 0 auto;scroll-snap-align:center;box-shadow:0 10px 30px #0000001a;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;margin:10px 0}@media (min-width: 1200px){.gallery-scroll{justify-content:center}.gallery-scroll{justify-content:safe center}}.gallery-item:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #0e2e7233;z-index:10}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.gallery-item:hover img{transform:scale(1.15)}.gallery-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.2) 50%,rgba(255,255,255,0) 100%);opacity:0;transition:opacity .4s ease;display:flex;align-items:flex-end;padding:25px}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-info{transform:translateY(20px);transition:transform .4s ease;width:100%;text-align:left}.gallery-item:hover .gallery-info{transform:translateY(0)}.gallery-info i{font-size:2rem;color:#fff;margin-bottom:10px;display:block;text-shadow:0 2px 5px rgba(0,0,0,.3)}.gallery-info span{color:#fff;font-size:1.2rem;font-weight:600;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.5);display:block;border-left:4px solid #ffd700;padding-left:10px}@media (max-width: 768px){.gallery-scroll{gap:15px;padding-left:20px;padding-right:20px;justify-content:flex-start}.gallery-item{height:280px;min-width:240px}.gallery-info span{font-size:1rem}.gallery-info i{font-size:1.5rem}}.galeri-wrapper{overflow-x:auto}.prestasi-scroll{display:flex;gap:20px;padding:20px 0 40px}@media (max-width: 768px){.prestasi-scroll{overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;padding-left:20px;padding-right:20px}.prestasi-scroll::-webkit-scrollbar{display:none}.prestasi-item{min-width:240px;max-width:240px;flex:0 0 auto;scroll-snap-align:center}.prestasi-card img{height:150px}.prestasi-card .card-body h5{font-size:1rem}}@media (min-width: 769px){.prestasi-scroll{flex-wrap:wrap;justify-content:center}.prestasi-item{width:calc(33.333% - 20px);margin-bottom:20px}.prestasi-item.clone{display:none!important}}.prestasi-card{transition:.3s ease;border-radius:12px;height:100%;display:flex;flex-direction:column}.prestasi-card img{width:100%;object-fit:cover;transition:transform .4s ease}@media (min-width: 769px){.prestasi-card img{height:230px}}.prestasi-card:hover img{transform:scale(1.08)}.prestasi-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.prestasi-card .card-body{padding:15px!important;display:flex;flex-direction:column;flex-grow:1}.prestasi-card .card-body h5{font-weight:600;color:#0e2e72;margin-bottom:.5rem}.prestasi-winner{margin-top:auto;padding-top:10px;border-top:1px solid #eee}.fasilitas{width:100%;border-radius:10px;padding:20px;margin-bottom:10px;display:flex;align-items:center}.fasilitas:hover{background-color:gold;color:#fff;box-shadow:0 0 10px #0009}.fasilitas .description{text-align:right;flex:3 1;padding:10px 20px 10px 10px}.fasilitas .description.icon-left{order:1;text-align:left}.fasilitas .icon-des{height:80px;width:80px;border-radius:50%;background-color:#0e2e72}.fasilitas:hover .icon-des{background:white}.fasilitas .icon-des img{margin-top:15px;height:50px;width:50%}.berita-wrapper{display:flex;gap:20px;overflow-x:auto;padding-bottom:15px;scroll-snap-type:x mandatory}.berita-card{min-width:320px;background:#fff;border-radius:18px;box-shadow:0 4px 18px #0000001a;overflow:hidden;scroll-snap-align:start;transition:transform .25s ease,box-shadow .25s ease}.berita-card:hover{transform:translateY(-8px);box-shadow:0 10px 28px #0000002e}.berita-image-wrapper{height:180px;overflow:hidden}.berita-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.berita-card:hover .berita-image{transform:scale(1.1)}.berita-content{padding:18px}.berita-title{font-weight:700;font-size:18px;margin-bottom:8px}.berita-desc{color:#666;font-size:14px;height:45px;overflow:hidden;margin-bottom:12px}.btn-blue{display:inline-block;background:#084298;color:#fff;padding:8px 14px;border-radius:8px;font-size:14px;transition:background .2s;text-decoration:none}.btn-blue:hover{background:#0e2e72}.alumni-wrapper{overflow-x:auto;overflow-y:hidden}.alumni-scroll{display:flex;gap:20px;overflow-x:auto;padding-bottom:20px}.alumni-scroll::-webkit-scrollbar{display:none}.alumni-scroll{padding:40px calc(50% - 175px)}.alumni-item{flex:0 0 350px;scroll-snap-align:center;cursor:grab;padding:15px}.alumni-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000000d;transition:all .5s ease;height:100%;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.02);transform:scale(.9);filter:blur(2px);opacity:.7}.alumni-card.active{transform:scale(1);filter:blur(0);opacity:1;box-shadow:0 20px 40px #0e2e7226}.alumni-card:hover{transform:scale(1.02) translateY(-5px)}.alumni-img-container{padding:30px 0 10px;text-align:center;background:linear-gradient(to bottom,#f8fbff 50%,#fff 50%)}.alumni-img{width:100px;height:100px;object-fit:cover;border-radius:50%;border:4px solid #fff;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease}.alumni-card:hover .alumni-img{transform:scale(1.1);border-color:#0e2e72}.alumni-body{padding:20px 25px 30px;text-align:center;flex:1;display:flex;flex-direction:column}.alumni-quote{font-size:.95rem;color:#555;font-style:italic;line-height:1.6;margin-bottom:20px;flex:1}.alumni-name{font-weight:700;color:#0e2e72;font-size:1.1rem;margin-bottom:5px}.alumni-role{font-size:.85rem;color:#888;font-weight:500}.section-title-premium{position:relative;display:inline-block;margin-bottom:2rem}.section-title-premium h2{font-weight:800;font-size:2.5rem;color:#0e2e72;margin-bottom:.5rem}.section-title-premium .divider{width:60px;height:5px;background:linear-gradient(90deg,#0e2e72,#00d2ff);border-radius:10px;margin-top:10px}.premium-text{font-size:1.1rem;line-height:1.8;color:#555}.premium-img-wrapper{position:relative;padding:15px;background:#fff;border-radius:20px;box-shadow:0 15px 35px #0000001a;transform:rotate(-2deg);transition:transform .5s ease}.premium-img-wrapper:hover{transform:rotate(0) scale(1.02)}.premium-img-wrapper img{border-radius:15px}.feature-list{list-style:none;padding:0;margin-top:20px}.feature-item{display:flex;align-items:center;margin-bottom:15px;background:#fff;padding:15px;border-radius:12px;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease}.feature-item:hover{transform:translate(10px)}.feature-icon{width:40px;height:40px;background:#e3f2fd;color:#0e2e72;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:1.2rem;font-weight:700}.img-modal{display:none;position:fixed;z-index:9999;padding-top:50px;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.img-modal-content{margin:auto;display:block;width:auto;max-width:90%;max-height:85vh;border-radius:12px;box-shadow:0 0 30px #00000080;animation:zoom .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes zoom{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.close{position:absolute;top:20px;right:40px;color:#fff;font-size:50px;font-weight:300;transition:.3s;cursor:pointer;line-height:1;text-shadow:0 2px 5px rgba(0,0,0,.5);z-index:10000}.close:hover,.close:focus{color:gold;text-decoration:none;cursor:pointer;transform:rotate(90deg)}#caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:20px 0;height:150px;font-size:1.2rem;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.8);animation:fadeInUp .5s ease .2s forwards;opacity:0}@media only screen and (max-width: 700px){.img-modal-content{width:100%}}#caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px;font-size:18px;font-weight:500}.alumni-name{font-weight:700;color:#0e2e72}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.map-container{width:100%;height:500px;border:1px solid #ddd;overflow:hidden;background:#fff;box-shadow:0 6px 20px #0000001a}.map-container iframe{width:100%;height:100%;border:0}footer{background-color:var(--footer-bg);color:#fff}footer h5{font-size:18px;font-weight:700;margin-top:20px;margin-bottom:16px}footer ul{list-style:none;padding:0;margin:0;color:#fff}footer .icon-mds img{width:32px;height:32px;transition:transform .3s}footer .icon-mds img:hover{transform:scale(1.1)}footer ul li{margin-bottom:8px}footer ul li i{margin-right:6px}footer img{border-radius:50%}.icon-mds i{margin:auto auto 10px;color:#000;padding-right:5px;font-size:20px}.icon-mds i:hover{color:gold}@media (max-width: 768px){.navbar-brand img{width:60px}.navbar-brand span{font-size:1rem}footer{text-align:center}footer .icon-mds a{margin-right:10px}.galeri-scroll{gap:12px;padding:5px 0 10px}.galeri-item{min-width:230px;height:150px;flex:0 0 260px;border-radius:12px;flex-shrink:0;scroll-snap-align:center}.galeri-item img{width:100%;height:100%;object-fit:cover}.berita-scroll{gap:12px;padding:5px 0 10px;font-size:15px}.berita-scroll .berita-card{min-width:350px;border-radius:12px;flex-shrink:0}.berita-scroll .berita-card img{height:240px;object-fit:cover}.berita-item{width:240px!important;height:auto!important}}@media (max-width: 768px){.berita-item{flex:0 0 260px}.berita-img{height:160px}}@media (max-width: 480px){.berita-item{flex:0 0 220px}.berita-img{height:140px}}html{scroll-behavior:smooth}.card-hover{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.card-hover:hover{transform:translateY(-10px);box-shadow:0 15px 30px #00000026!important}.text-gradient{background:linear-gradient(45deg,#0e2e72,#198754);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.btn-premium{background:linear-gradient(45deg,#0e2e72,#0a2357);color:#fff;border:none;padding:10px 25px;border-radius:50px;box-shadow:0 4px 15px #0e2e724d;transition:all .3s ease}.btn-premium:hover{background:linear-gradient(45deg,#198754,#146c43);transform:translateY(-2px);box-shadow:0 6px 20px #19875466;color:#fff}.section-divider{width:80px;height:4px;background:linear-gradient(90deg,#0e2e72,#198754);border-radius:10px;margin:0 auto}.glass-effect{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}@media (max-width: 768px){.mobile-merge-row{position:relative;display:block;overflow:hidden;border-radius:20px;margin-bottom:15px;box-shadow:0 5px 20px #0000000d;min-height:auto;background:#fff;border:1px solid rgba(0,0,0,.05)}.mobile-merge-row>div[class*=col-]:has(img),.mobile-merge-row>div[class*=col-]:has(.premium-img-wrapper){display:none!important}.mobile-merge-row>div[class*=col-]:not(:has(img)):not(:has(.premium-img-wrapper)){position:relative;width:100%;height:auto;padding:30px 25px;z-index:1;background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:center}#preloader{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:999999;background:#ffffff;display:flex;justify-content:center;align-items:center;will-change:opacity,transform;transition:opacity .6s cubic-bezier(.65,0,.35,1),visibility .6s cubic-bezier(.65,0,.35,1),transform .6s cubic-bezier(.65,0,.35,1)}.mobile-merge-row h2{font-size:1.6rem!important;margin-bottom:.5rem;font-weight:700;color:#0e2e72!important;text-shadow:none}.mobile-merge-row .divider{margin:10px auto 20px;background:linear-gradient(90deg,#0e2e72,#00d2ff)!important;width:60px;height:4px}.mobile-merge-row p,.mobile-merge-row .text-muted,.mobile-merge-row small{font-size:.95rem!important;line-height:1.7;color:#555!important;text-shadow:none}.mobile-merge-row h5{color:#0e2e72!important;text-shadow:none}.mobile-merge-row .feature-list{margin-top:20px;width:100%;text-align:left}.mobile-merge-row .feature-item{background:#f8fbff;border:1px solid #eef2f7;margin-bottom:10px;padding:12px 15px;border-radius:12px;color:#333}.mobile-merge-row .feature-icon{width:36px;height:36px;font-size:1.1rem;background:#e3f2fd;color:#0e2e72!important}.mobile-merge-row .btn{width:100%;margin-top:20px;background:#0e2e72!important;color:#fff!important;border:none!important;font-weight:700;box-shadow:0 4px 10px #0e2e724d}#sekolah .mobile-merge-row .btn{display:none!important}}