@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap";.smpkrian-news-container{max-width:1200px;margin:2rem auto;padding:0 1.5rem}.smpkrian-news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.guru-container{background-color:var(--primary-dark);height:auto;padding-bottom:1.5rem}.staff-header{background-color:var(--primary);background-position-x:0%;background-position-y:40%;display:flex;flex-direction:column;padding:6rem 4rem 2rem 11rem}.staff-header h2{color:#fff;font-family:Poppins,sans-serif;font-weight:700}.staff-header p,a{color:#fff}.staff-header p{opacity:50%}.staff-header p i{font-size:.6rem}.staff-header h4{color:#fff}.staff-content{display:grid;width:100vw;grid-template-columns:repeat(5,.1fr);grid-template-rows:repeat(2,auto);gap:2rem;padding:20px;justify-content:center;padding:4rem 2rem 0}@media(max-width:1000px){.staff-content{transform:scale(.8);padding:2rem}}@media(max-width:800px){.staff-content{transform:scale(.6);padding:0rem 2rem}}@media(max-width:600px){.staff-content{transform:scale(1);grid-template-columns:repeat(2,.1fr);padding:2rem;gap:4rem}}@media(max-width:440px){.staff-content{transform:scale(.9);grid-template-columns:repeat(2,.1fr);padding:2rem;gap:1rem}}.staff-page-button{display:flex;align-items:center;justify-content:center;padding-top:4rem}@media(max-width:1650px){.staff-header{padding-left:9rem}}@media(max-width:1200px){.staff-header{padding-left:6rem}}@media(max-width:1000px){.staff-header{padding-left:2rem}}.container-guruPage{max-width:1400px;margin:40px auto;padding:0 20px}.header{text-align:center;margin-bottom:40px;padding:0 20px}.header h1{font-size:2.2rem;font-weight:500;color:#212529;margin-bottom:12px;letter-spacing:-.5px}.header p{font-size:1.1rem;color:#6c757d;max-width:600px;margin:0 auto}.teachers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px}.teacher-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #0000000f;transition:all .3s ease;border:1px solid #e9ecef}.teacher-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.teacher-image{width:100%;height:400px;object-fit:cover;background-color:#e9ecef}.teacher-content{padding:20px;text-align:center}.teacher-name{font-size:1.25rem;font-weight:600;color:#212529;margin-bottom:6px;line-height:1.3}.teacher-role{font-size:.95rem;color:#6c757d;font-weight:400;line-height:1.4}@media(max-width:768px){.container-guruPage{padding:0 15px}.header h1{font-size:1.8rem}.header p{font-size:1rem}.teachers-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.teacher-image{height:400px}.teacher-name{font-size:1.15rem}}@media(max-width:480px){.container-guruPage{margin:30px auto}.header{margin-bottom:30px}.header h1{font-size:1.6rem}.teachers-grid{grid-template-columns:1fr;gap:20px}.teacher-image{height:400px}.teacher-content{padding:18px}}.smp2k-main-wrapper{font-family:Poppins,sans-serif;width:90%;max-width:850px;margin:0 auto;padding:0 15px;margin-top:4rem;margin-bottom:4rem}.smp2k-profil-card{background:#fff;border-radius:12px;padding:28px;margin-bottom:32px;box-shadow:0 4px 12px #0000000d;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.smp2k-profil-card.smp2k-visible{opacity:1;transform:translateY(0)}.smp2k-profil-card h2{color:var(--button);margin-bottom:20px;font-size:1.7rem;display:flex;align-items:center;gap:10px}.smp2k-profil-card h2 i{color:var(--button)}.smp2k-visi-highlight{background:#dbeafe;padding:20px;border-left:4px solid var(--button);border-radius:8px;margin-top:12px;font-size:1.1rem}.smp2k-misi-items{padding-left:24px;margin-top:16px;font-size:1.02rem}.smp2k-misi-items li{margin-bottom:14px;position:relative}.smp2k-misi-items li:before{content:"•";color:#3b82f6;font-weight:700;position:absolute;left:-24px;font-size:1.4rem;line-height:1}@media(max-width:600px){.smp2k-logo-unit h1{font-size:1.5rem}.smp2k-profil-card{padding:20px}.smp2k-profil-card h2{font-size:1.4rem}}.container{max-width:1200px;margin:2rem auto;padding:0 1.5rem}.facilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.facility-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.facility-card:hover{transform:translateY(-8px);box-shadow:0 8px 20px #00000026}.facility-card img{width:100%;height:200px;object-fit:cover;display:block}.facility-info{padding:1.2rem}.facility-info h3{font-size:1.4rem;margin-bottom:.6rem;color:#1e5799}.facility-info p{color:#555;font-size:1rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.alumni-fb-page-title{text-align:center;font-size:2.5rem;margin-bottom:.5rem;color:#2c3e50}.alumni-fb-subtitle{text-align:center;color:#7f8c8d;margin-bottom:2.5rem;font-size:1.1rem}.alumni-fb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.alumni-fb-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 6px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.alumni-fb-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0000001f}.alumni-fb-photo{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:1rem;border:3px solid #3498db}.alumni-fb-name{font-size:1.3rem;margin:.5rem 0;color:#2c3e50}.alumni-fb-info{color:#7f8c8d;font-size:.95rem;margin-bottom:.8rem}.alumni-fb-rating{color:#f39c12;font-size:1.2rem;margin-bottom:1rem}.alumni-fb-testimonial{font-style:italic;color:#555;line-height:1.5;font-size:1rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}@media(max-width:600px){.alumni-fb-page-title{font-size:2rem}.alumni-fb-subtitle{font-size:1rem}.alumni-fb-card{padding:1.2rem}}.gallery-container{max-width:1400px;margin:15px auto;padding:15px;opacity:0;transition:opacity .6s ease-in-out}.gallery-container.loaded{opacity:1}.grid{margin:0 auto}.grid-item{width:calc(25% - 15px);margin-bottom:20px;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease,opacity .6s ease,transform .6s ease;opacity:0;transform:translateY(30px)}.grid-item.animate-in{opacity:1;transform:translateY(0)}.grid-item.animate-in:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.grid-item img{display:block;width:100%;height:auto}.loading-spinner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:4px solid #e0e0e0;border-top:4px solid #333;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.hidden{display:none}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media(max-width:1200px){.grid-item{width:calc(33.333% - 15px)}}@media(max-width:768px){.gallery-container{padding:15px}.grid-item{width:calc(50% - 10px);margin-bottom:15px}}@media(max-width:480px){.gallery-container{padding:10px}.grid-item{width:calc(50% - 5px);margin-bottom:10px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;list-style-type:none;text-decoration:none}a{text-decoration:none}body{background-color:var(--primary-dark);font-family:poppins}html{overflow-x:hidden}:root{--primary: #081A28;--primary-dark: #f7fbfe;--secondary: #64748b;--light: #ffffff;--dark: #0f172a;--accent: #f1f5f9;--success: #10b981;--button: #0093DD;--white: #ffffff;--bg: #f5f5f5;--first-color: hsl(38, 92%, 58%);--first-color-light: hsl(38, 100%, 78%);--first-color-alt: hsl(32, 75%, 50%);--second-color: hsl(195, 75%, 52%);--dark-color: hsl(212, 40%, 12%);--white-color: hsl(212, 4%, 95%);--body-color: hsl(212, 42%, 15%);--container-color: hsl(212, 42%, 20%)}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.animate-on-scroll.slide-left{transform:translate(-30px)}.animate-on-scroll.slide-right{transform:translate(30px)}.navbar-landingPage{background-color:var(--primary);position:fixed;width:100%;overflow-x:hidden;top:0;padding:1rem 0;z-index:1000}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:0 5rem;flex-wrap:wrap}.smkn_krian_overlay_2026,.smkn_krian_navpanel_2026{display:none}.logo{display:flex;max-width:22vw;gap:.8rem;align-items:center;justify-content:center}.logo img{width:55px;height:55px}.logo-name{font-size:1rem;color:#fff;font-weight:700}.logo-name-after{font-size:.8rem;color:#fff;font-weight:800}.nav-links{display:flex;gap:1.2rem}.nav-links a{text-decoration:none;color:var(--accent)}.ham-button{display:none}.ham-button i{font-size:1.5rem;color:#fff}.button{display:flex;width:15vw;justify-content:center}.button a{transition:all .3s ease;color:#000}.button a:hover{background-color:var(--light);transform:translateY(-2px);box-shadow:0 5px 10px #fff3}.button a{padding:12px 28px;background-color:var(--button);border-radius:30px}.container-landingPage{width:100%}.hero{background-color:var(--primary);height:95rem;display:flex;flex-direction:column;align-items:center;padding-top:11rem}.hero.hero-container p{margin-top:2rem;color:var(--light);text-align:center;padding:0 2rem}.judul-hero{display:flex;align-items:center;justify-content:center;text-align:center}.hero.hero-container h1{color:var(--light);font-size:5rem;flex:0 0 72rem}.hero-button{display:flex;margin-top:3rem;gap:.8rem}.hero-button button{padding:14px 28px;border:1px solid;border-radius:30px}.button1{background-color:var(--button);transition:all .3s ease}.button1:hover{background:var(--light);transform:translateY(-2px);box-shadow:0 10px 20px #fff3}.button2{background-color:transparent;color:var(--light);transition:all .3s ease}.button2:hover{background:var(--light);color:var(--dark);transform:translateY(-2px);box-shadow:0 10px 20px #fff3}.wrapper{display:flex;align-items:center;width:100%;justify-content:center;gap:2rem;position:absolute;margin-top:30rem;z-index:20}.layout-card{width:500px;height:800px;position:relative}.layout-card .foto-card{width:100%;height:100%;border-radius:250px;overflow:hidden;position:relative}.layout-card img{width:100%;height:100%;object-fit:cover}.layout-card:after{content:"";position:absolute;inset:0;border:1px solid var(--light);border-radius:250px;z-index:-1;transition:.3s}.layout-card.image-position-left:after{transform:translate(-1.2rem,2.5rem)}.layout-card.image-position-center:after{transform:translateY(-10px)}.layout-card.image-position-right:after{transform:translate(1.2rem,2.5rem)}.card-1,.card-3{margin-top:4rem}.pre-hero-2{position:relative;width:100vw}.pre-hero-2:after{content:"";position:absolute;bottom:-60rem;left:0;background-image:url(/build/assets/Transition2-CV5rqnSr.png);background-position-x:0%;background-position-y:0%;background-repeat:repeat;background-size:auto;background-size:cover;background-repeat:no-repeat;width:100vw;height:250px;z-index:3}.hero-2{background-color:var(--primary-dark);height:40rem;max-width:100vw;width:100%;display:flex;align-items:center;justify-content:center;padding:50px 20px}.container-2{max-width:1300px;width:100%}.content-2{display:flex;gap:80px;align-items:center}.left-section{flex:0 0 400px}.left-section h1{font-size:60px;color:#1a1a2e;margin-bottom:20px;line-height:1.2}.left-section p{color:#5a5a6e;font-size:16px;line-height:1.6;margin-bottom:30px}.explore-btn{background:#1a1a2e;color:#fff;border:none;padding:25px 40px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.explore-btn:hover{background:#2d2d44;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.facilities-list{flex:1;display:grid;grid-template-columns:repeat(4,minmax(50px,auto));gap:40px}.cat-card{width:150px;height:150px;border-radius:20px;padding:30px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.cat-card-1{background-color:#f0eafe;font-size:3rem}.cat-card-2{background-color:#ecffea;font-size:3rem}.cat-card-3{background-color:#ffe2ec;font-size:3rem}.cat-card-4{background-color:#f0eafc;font-size:3rem}.cat-card-5{background-color:#ecffea;font-size:3rem}.cat-card-6{background-color:#ffe2ec;font-size:3rem}.cat-card-7{background-color:#f0eafe;font-size:3rem}.cat-card-8{background-color:#ecffea;font-size:3rem}.card-wrapper{display:flex;flex-direction:column;align-items:center}.card-wrapper h3{font-weight:400;font-size:1rem;margin-top:1rem}.icon-wrapper{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:15px;transition:transform .3s ease}.hero-3.hero-container{background-color:var(--light);display:flex;padding:4rem 2rem;flex-direction:column;justify-content:center;align-items:center}.Judul{display:flex;flex-direction:column;justify-content:center;align-items:center}.judul-headmaster{position:relative;display:inline-block;font-weight:600;color:#000}.judul-headmaster:after{content:"";position:absolute;left:40px;bottom:-2px;width:60%;height:3px;background:#0af}.subtitle-headmaster{padding:2rem 0;font-size:3rem}.schl-headmaster-container{max-width:1200px;margin:2rem auto}.schl-headmaster-card{display:flex;align-items:stretch;gap:3rem;background:var(--primary-dark);padding:3rem;border-radius:16px;box-shadow:0 10px 40px #0003;transition:transform .3s ease,box-shadow .3s ease}.schl-headmaster-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #0000004d}.schl-headmaster-img-wrapper{flex:0 0 auto;max-width:350px;overflow:hidden;border-radius:12px;box-shadow:0 8px 20px #0000001a;transition:transform .4s ease;width:100%}.schl-headmaster-img-wrapper:hover{transform:scale(1.02)}.schl-headmaster-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:filter .3s ease}.schl-headmaster-img:hover{filter:brightness(1.05)}.schl-headmaster-content{flex:1;text-align:left;min-width:0}.schl-headmaster-name{font-size:1.8rem;font-weight:700;color:#2c3e50;margin-bottom:1rem;letter-spacing:.5px}.schl-headmaster-quote{font-size:1.1rem;font-style:italic;line-height:1.7;color:#555;padding:1.5rem 2rem;border-left:4px solid #3498db;background:#f8f9fa;border-radius:0 8px 8px 0;margin:1.5rem 0;transition:background .3s ease;word-wrap:break-word}.schl-headmaster-quote:hover{background:#e9ecef}.schl-headmaster-socials{display:flex;gap:1rem;margin-top:1.5rem}.schl-social-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#3498db;color:#fff;border-radius:50%;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s ease}.schl-social-icon:hover{background:#2980b9;transform:scale(1.1)}@media(max-width:768px){.schl-headmaster-title{font-size:2rem}.schl-headmaster-card{flex-direction:column;padding:2rem;gap:2rem}.schl-headmaster-img-wrapper{max-width:100%;flex:0 0 auto}.schl-headmaster-img{height:300px;object-fit:cover}.schl-headmaster-name{font-size:1.5rem}.schl-headmaster-quote{font-size:1rem;padding:1rem}}@media(max-width:480px){.schl-headmaster-img{height:250px}.schl-headmaster-quote{font-size:.95rem;padding:.8rem}.schl-headmaster-socials{gap:.8rem}.schl-social-icon{width:36px;height:36px;font-size:.8rem}}.hero-4{width:100%;height:80rem;background-color:var(--primary-dark)}.tranding-button button{background:var(--primary);color:#fff;border:none;padding:25px 40px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:3rem}.tranding-button button:hover{background:#25253b;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.container-slider{width:100vw;display:flex;justify-content:center}.container-slider .judul-slider h3{position:relative;font-weight:600;font-size:2rem;color:#000}.container-slider .judul-slider h3:after{content:"";position:absolute;left:13rem;bottom:-2px;width:10%;height:3px;background:#0af}.tranding-slider-control .swiper-navigation-icon{display:none}@media(min-width:1440px){#tranding{transform:scale(1);transform-origin:top center}}@media(min-width:2560px){#tranding{transform:scale(2.2);transform-origin:top center}}@media(min-width:3860px){#tranding{transform:scale(2.4);transform-origin:top center}}::-webkit-scrollbar{width:1.3rem}::-webkit-scrollbar-thumb{border-radius:1rem;background:#797979;transition:all .5s ease-in-out}::-webkit-scrollbar-thumb:hover{background:#222224}::-webkit-scrollbar-track{background:#f9f9f9}.container-slider{max-width:124rem;margin:0 auto}.text-center{text-align:center}.section-heading{font-size:3rem;color:var(--primary);padding:2rem 0}#tranding{padding:4rem 0}#tranding .tranding-slider{height:52rem;padding:2rem 0;position:relative}@media(max-width:500px){#tranding .tranding-slider{height:45rem}}.tranding-slide{width:37rem;height:42rem;position:relative}@media(max-width:500px){.tranding-slide,.tranding-slide .tranding-slide-img img{width:20rem!important;height:28rem!important}}.tranding-slide .tranding-slide-img img{width:37rem;height:42rem;border-radius:2rem;object-fit:cover}.tranding-slide-img:after{content:"";position:absolute;inset:0;background:#ed6f6f;background:linear-gradient(180deg,#ed6f6f00 47%,#3b3b3b);pointer-events:none;border-radius:2rem}.tranding-slide .tranding-slide-content{position:absolute;inset:0}.tranding-slide-content .food-price{position:absolute;top:2rem;right:2rem;color:var(--white)}.tranding-slide-content .tranding-slide-content-bottom{position:absolute;bottom:2rem;left:2rem;color:var(--white)}.food-rating{padding-top:1rem;display:flex;gap:1rem}.rating ion-icon{color:var(--primary)}.swiper-slide-shadow-left,.swiper-slide-shadow-right{display:none}.tranding-slider-control{position:relative;bottom:2rem;display:flex;align-items:center;justify-content:center}.tranding-slider-control .swiper-button-next{left:58%!important;transform:translate(-58%)!important}@media(max-width:990px){.tranding-slider-control .swiper-button-next{left:70%!important;transform:translate(-70%)!important}}@media(max-width:450px){.tranding-slider-control .swiper-button-next{left:80%!important;transform:translate(-80%)!important}}@media(max-width:990px){.tranding-slider-control .swiper-button-prev{left:30%!important;transform:translate(-30%)!important}}@media(max-width:450px){.tranding-slider-control .swiper-button-prev{left:20%!important;transform:translate(-20%)!important}}.tranding-slider-control .slider-arrow{background:var(--white);width:3.5rem;height:3.5rem;border-radius:50%;left:42%;transform:translate(-42%);filter:drop-shadow(0px 8px 24px rgba(18,28,53,.1))}.tranding-slider-control .slider-arrow ion-icon{font-size:2rem;color:#222224}.tranding-slider-control .slider-arrow:after{content:""}.tranding-slider-control .swiper-pagination{position:relative;width:15rem;bottom:1rem}.tranding-slider-control .swiper-pagination .swiper-pagination-bullet{filter:drop-shadow(0px 8px 24px rgba(18,28,53,.1))}.tranding-slider-control .swiper-pagination .swiper-pagination-bullet-active{background:var(--primary)}.hero-5{background:linear-gradient(180deg,#081a28 46%,#64748b);min-height:50vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;overflow-x:hidden}.stats-container{overflow:hidden;display:flex;gap:24px;flex-wrap:wrap;justify-content:center;max-width:1400px}.stat-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:40px 30px;min-width:280px;flex:1;text-align:center;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(50px)}.stat-card.animate-in{animation:slideUp .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.stat-card:hover{transform:translateY(-10px) scale(1.02);background:#fff3;box-shadow:0 16px 48px #00000026}.stat-icon{font-size:3.5rem;color:#fff;margin-bottom:1.5rem;display:inline-block;transition:transform .3s ease}@keyframes pulse{0%,to{transform:scale(1.1) rotate(5deg)}50%{transform:scale(1.2) rotate(-5deg)}}.stat-text{display:flex;align-items:center;justify-content:center}.stat-text p{font-size:2.4rem;font-weight:700;color:#fff}.stat-number{font-size:4rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(0,0,0,.2);line-height:1}.stat-label{font-size:1.2rem;color:#fffffff2;font-weight:500;letter-spacing:.5px}.stat-card:before{content:"";position:absolute;inset:0;border-radius:24px;padding:2px;background:linear-gradient(45deg,#ffffff4d,#fff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s}.stat-card:hover:before{opacity:1}@media(max-width:768px){.stats-container{flex-direction:column}.stat-card{min-width:100%}.stat-number{font-size:3rem}.stat-icon{font-size:2.5rem}}.hero-6{background-color:var(--light);overflow:hidden}.judul-news{height:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:5rem 0 2rem}.news-selengkapnya-btn{height:12rem;display:flex;justify-content:center;align-items:center}.judul-news p{font-size:1.2rem;padding:0 1rem;text-align:center}.judul-news h3{margin-bottom:1rem;position:relative;font-weight:600;font-size:2rem;color:#000}.judul-news h3:after{content:"";position:absolute;left:6rem;bottom:-2px;width:25%;height:3px;background:#0af}.smpn2krian-news-section{max-width:1200px;margin:0 auto;padding:0 40px}.smpn2krian-section-header{text-align:center;margin-bottom:50px}.smpn2krian-section-header h2{font-size:2.5em;color:#2c3e50;margin-bottom:15px;position:relative;display:inline-block}.smpn2krian-section-header h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(to right,#3498db,#2ecc71);border-radius:2px}.smpn2krian-section-header p{color:#7f8c8d;font-size:1.1em;margin-top:20px}.smpn2krian-news-slider{position:relative;padding:0 5px}.smpn2krian-swiper{width:100%;padding:20px 10px 50px}.smpn2krian-news-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 3px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column}.smpn2krian-news-card:hover{transform:translateY(-10px);box-shadow:0 8px 15px #00000026}.smpn2krian-news-image{width:100%;height:220px;overflow:hidden;position:relative}.smpn2krian-news-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.smpn2krian-news-card:hover .smpn2krian-news-image img{transform:scale(1.1)}.smpn2krian-news-badge{position:absolute;top:15px;left:15px;background:linear-gradient(135deg,#3498db,#2ecc71);color:#fff;padding:6px 15px;border-radius:20px;font-size:.85em;font-weight:600;z-index:1}.smpn2krian-news-content{padding:25px;flex-grow:1;display:flex;flex-direction:column}.smpn2krian-news-meta{display:flex;align-items:center;gap:15px;margin-bottom:15px;color:#95a5a6;font-size:.9em}.smpn2krian-news-meta i{color:#3498db}.smpn2krian-news-title{font-size:1.3em;color:#2c3e50;margin-bottom:12px;line-height:1.4;font-weight:600}.smpn2krian-news-excerpt{color:#7f8c8d;line-height:1.6;margin-bottom:20px;font-size:.95em}.smpn2krian-news-section{margin-top:-40px}.smpn2krian-read-more{display:inline-flex;align-items:center;gap:8px;color:#3498db;text-decoration:none;font-weight:600;transition:gap .3s ease;margin-top:auto}.smpn2krian-read-more:hover{gap:12px}.swiper-navigation-icon{display:none}.ri-arrow-right-s-line,.ri-arrow-left-s-line{font-size:30px}.smpn2krian-swiper .swiper-button-next,.smpn2krian-swiper .swiper-button-prev{background:#fff;width:45px;height:45px;border-radius:50%;box-shadow:0 3px 10px #0003;color:#3498db}.smpn2krian-swiper .swiper-button-next:after,.smpn2krian-swiper .swiper-button-prev:after{font-size:20px;font-weight:700}.smpn2krian-swiper .swiper-button-next:hover,.smpn2krian-swiper .swiper-button-prev:hover{background:#3498db;color:#fff}.smpn2krian-swiper .swiper-pagination-bullet{width:12px;height:12px;background:#bdc3c7;opacity:1}.smpn2krian-swiper .swiper-pagination-bullet-active{background:linear-gradient(135deg,#3498db,#2ecc71);width:30px;border-radius:6px}@media(max-width:768px){.smpn2krian-news-section{padding:40px 20px}.smpn2krian-section-header h2{font-size:2em}.smpn2krian-news-slider{padding:0 30px}.smpn2krian-swiper .swiper-button-next,.smpn2krian-swiper .swiper-button-prev{width:35px;height:35px}.smpn2krian-swiper .swiper-button-next:after,.smpn2krian-swiper .swiper-button-prev:after{font-size:16px}}@media(max-width:480px){.smpn2krian-news-slider{padding:0}.smpn2krian-swiper .swiper-button-next,.smpn2krian-swiper .swiper-button-prev{display:none}}.news-btn{background:var(--primary);color:#fff;border:none;padding:25px 40px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.news-btn:hover{background:#25253b;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.hero-7{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--primary-dark);height:40rem}.hero-7:after{content:"";position:absolute;height:100%;width:100%;background:linear-gradient(90deg,#fff 12%,#85909800 50%,#f7fbfe 90%)}.text-alumni{position:absolute;width:400px;padding-left:5rem;left:0;z-index:10}.text-alumni h3{font-size:2.5rem;font-weight:700}.text-alumni p{padding:0 0rem}.text-alumni button{background:var(--primary);color:#fff;border:none;padding:14px 40px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.text-alumni button:hover{background:#25253b;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.wrapper-alumni{display:flex;align-items:center;justify-content:center;width:90%;max-width:1536px;margin-inline:auto;height:18rem;position:relative;overflow:hidden}@keyframes scrollLeft{to{left:-25rem}}@keyframes scrollRight{to{right:-25rem}}.itemLeft,.itemRight{width:25rem;height:15rem;background-color:var(--light);border-radius:6px;position:absolute;animation-timing-function:linear;animation-duration:30s;animation-iteration-count:infinite;display:flex;flex-direction:column;padding:30px}.itemLeft{left:max(138rem,100%);animation-name:scrollLeft;box-shadow:0 10px 20px #0003}.itemRight{right:max(138rem,calc(100% + 20rem));animation-name:scrollRight;box-shadow:0 10px 20px #0003}.item1{animation-delay:calc(30s / 6 * (6 - 1) * -1)}.item2{animation-delay:-20s}.item3{animation-delay:-15s}.item4{animation-delay:-10s}.item5{animation-delay:-5s}.item6{animation-delay:-0s}.item7{animation-delay:calc(30s / 6 * (6 - 1) * -1)}.item8{animation-delay:-20s}.item9{animation-delay:-15s}.item10{animation-delay:-10s}.item11{animation-delay:-5s}.item12{animation-delay:-0s}.alumni__profile{display:flex;flex-direction:row;gap:1rem}.alumni__profile img{width:3.5rem;height:3.5rem;object-fit:cover;object-position:center;border-radius:50%}.rating i{color:gold;margin-right:.2rem}.nama-angkatan h3{font-size:1.2rem;font-weight:700}.nama-angkatan p{opacity:.7}.hero-container{width:100%}.container-footer{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.footer{background:var(--dark);color:var(--light);padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5rem;margin-bottom:2.5rem}.footer-col h3{color:var(--secondary);margin-bottom:1.5rem;font-size:1.4rem;position:relative;padding-bottom:.8rem}.footer-col h3:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:var(--secondary)}.footer-col p,.footer-col a{color:var(--accent);margin-bottom:.8rem;display:block;text-decoration:none;transition:color .3s ease}.footer-col a:hover{color:var(--secondary)}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-link{width:40px;height:40px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--light);text-decoration:none;transition:all .3s ease}.social-link:hover{background:var(--secondary);transform:translateY(-3px)}.copyright{text-align:center;padding-top:2rem;border-top:1px solid var(--accent);color:var(--accent);font-size:.95rem}@media(max-width:1650px){.hero.hero-container{height:84rem}.hero.hero-container h1{font-size:4rem;flex:0 0 64rem}.layout-card{width:350px;height:560px}.pre-hero-2:after{bottom:-51rem}.hero-2{height:32rem}.container-2{max-width:1100px}.content-2{gap:60px}.left-section{flex:0 0 400px}.left-section h1{font-size:50px;color:#1a1a2e;margin-bottom:20px;line-height:1.2}.left-section p{color:#5a5a6e;font-size:14px}.explore-btn{padding:15px 35px}.facilities-list{gap:18px}.cat-card{width:120px;height:120px}.icon-wrapper i{font-size:3rem}.hero-3-content{gap:6rem}.foto-kepsek img{width:22rem}.subtitle-headmaster{font-size:2.4rem}.tranding-slide,.tranding-slide .tranding-slide-img img{width:27rem!important;height:37.8rem!important}#tranding .tranding-slider{height:48rem}.hero-4{height:78rem}.container-slider .judul-slider h3{font-size:1.6rem}.container-slider .judul-slider h3:after{left:10rem}.container-slider .judul-slider h1{font-size:2.4rem}.judul-news h3{font-size:1.6rem}}@media(max-width:1200px){nav{flex-wrap:wrap}.logo{max-width:25rem}.nav-links{display:none}.smkn_krian_overlay_2026{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:998;display:none;opacity:0;transition:opacity .2s ease}.smkn_krian_navpanel_2026{display:block;position:fixed;top:0;left:-320px;width:320px;height:100vh;background:#fff;z-index:999;box-shadow:2px 0 12px #0000001f;transition:left .2s cubic-bezier(.25,.46,.45,.94);padding:24px;overflow-y:auto}.smkn_krian_navpanel_2026.active{left:0}.smkn_krian_logoheader_2026{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #eee;margin-bottom:22px}.smkn_krian_logowrap_2026{display:flex;align-items:center;gap:12px}.smkn_krian_schoollogo_2026{width:64px;height:64px;object-fit:contain;border-radius:8px}.smkn_krian_schooltitle_2026{font-size:19px;font-weight:700;line-height:1.3;color:#1a365d}.smkn_krian_schooltitle_2026 small{display:block;font-size:10px;color:#718096;font-weight:400}.smkn_krian_closebtn_2026{background:none;border:none;font-size:26px;cursor:pointer;color:#a0aec0;padding:4px}.smkn_krian_tagline_2026{font-size:14px;color:#718096;line-height:1.6;margin-bottom:24px}.smkn_krian_contactlist_2026{display:flex;flex-direction:column;gap:11px;margin-bottom:30px;font-size:14px;color:#718096}.smkn_krian_contactitem_2026{display:flex;align-items:center;gap:10px}.smkn_krian_sectionlabel_2026{font-size:11px;text-transform:uppercase;color:#a0aec0;margin:24px 0 12px;letter-spacing:1.2px;font-weight:600}.smkn_krian_navitem_2026{padding:13px 0;border-bottom:1px solid #f1f3f5;font-size:16px;color:#2d3748;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .25s ease}.smkn_krian_navitem_2026:hover{color:#2b6cb0}.smkn_krian_navitem_2026.has-sub:after{content:"+";font-weight:700;font-size:18px;color:#a0aec0;transition:transform .3s ease}.smkn_krian_navitem_2026.active-link{color:#e53e3e;font-weight:600}.smkn_krian_submenu_2026{overflow:hidden;max-height:0;opacity:0;transition:max-height .45s ease,opacity .35s ease}.smkn_krian_submenu_2026.active{max-height:400px;opacity:1}.smkn_krian_subitem_2026{padding:9px 0 9px 22px;font-size:14px;color:#4a5568;cursor:pointer;transition:all .25s ease}.smkn_krian_subitem_2026:hover{color:#3182ce}.smkn_krian_subitem_2026.active-link{color:#dd6b20;font-weight:600}.smkn_krian_hamburger_2026{position:fixed;top:22px;left:22px;z-index:1000;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;width:26px;height:20px}.smkn_krian_hamburger_2026 span{display:block;height:2px;width:100%;background:#1a202c;border-radius:2px;transition:all .3s ease}.smkn_krian_hamburger_2026.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.smkn_krian_hamburger_2026.active span:nth-child(2){opacity:0}.smkn_krian_hamburger_2026.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media(max-width:768px){.smkn_krian_navpanel_2026{width:290px}}@media(max-width:480px){.smkn_krian_navpanel_2026{width:260px}.smkn_krian_schooltitle_2026{font-size:17px}}.button{display:none}.ham-button{display:block}.hero.hero-container{height:74rem}.hero.hero-container h1{font-size:3rem;flex:0 0 48rem}.wrapper{margin-top:25rem}.layout-card{width:300px;height:480px}.pre-hero-2:after{bottom:-42rem}.hero-2{height:28rem}.container-2{max-width:900px}.content-2{gap:40px}.left-section{flex:0 0 300px}.left-section h1{font-size:40px;color:#1a1a2e;margin-bottom:20px;line-height:1.2}.left-section p{color:#5a5a6e;font-size:12px}.explore-btn{padding:15px 30px;font-size:.8rem}.facilities-list{gap:18px}.cat-card{width:100px;height:100px}.icon-wrapper i{font-size:2rem}.hero-7{flex-direction:column;height:55rem}.hero-7:after{background:linear-gradient(90deg,#fff,#85909800 45% 55%,#fff)}.text-alumni{position:static;padding:0rem;width:100%;text-align:center;margin-bottom:2rem}.wrapper-alumni{width:100%}.judul-news h3{font-size:1.6rem}}@media(max-width:1000px){.logo-name{font-size:.8rem}.hero.hero-container{height:60rem}.hero.hero-container h1{font-size:3.4rem;flex:0 0 48rem}.hero.hero-container p{font-size:.8rem}.wrapper{margin-top:25rem}.layout-card{width:200px;height:320px}.pre-hero-2:after{bottom:-30rem;height:11rem}.hero-2{height:26rem}.container-2{max-width:700px}.content-2{gap:20px}.left-section{flex:0 0 220px}.left-section h1{font-size:32px;margin-bottom:20px;line-height:1.2}.left-section p{color:#5a5a6e;font-size:10px}.explore-btn{padding:15px 30px;font-size:.6rem;font-weight:400}.facilities-list{gap:18px}.cat-card{width:80px;height:80px}.icon-wrapper i{font-size:1.4rem}.card-wrapper h3{font-size:.8rem}.tranding-slide,.tranding-slide .tranding-slide-img img{width:22.5rem!important;height:31.5rem!important}#tranding .tranding-slider{height:44rem}.hero-4{height:72rem}.container-slider .judul-slider h3{font-size:1.6rem}.container-slider .judul-slider h3:after{left:10rem}.container-slider .judul-slider h1{font-size:2.4rem}.judul-news h3{font-size:1.6rem}}@media(max-width:768px){.navbar-container{padding:0 1rem}.logo{width:50vw;justify-content:flex-start}.logo img{width:40px;height:40px}.logo-name{font-size:.7rem}.stats-container{width:100vw}.stat-card{padding:40px auto}.hero.hero-container{height:50rem}.hero.hero-container h1{font-size:2rem;flex:0 0 28rem}.hero.hero-container p{font-size:.5rem;padding:0 1rem;margin-top:1rem}.wrapper{margin-top:20rem}.layout-card{width:150px;height:240px}.hero-button button{font-size:.8rem}.pre-hero-2:after{bottom:-25rem;height:11rem}.hero-2{padding-top:0rem;height:40rem}.content-2{flex-direction:column;text-align:center}}@media(max-width:556px){.Logo{max-width:28rem}.logo-name-after{font-size:.5rem}.hero.hero-container{height:36rem}.hero{padding-top:8rem}.hero.hero-container h1{font-size:1.4rem;max-width:22rem}.hero.hero-container p{font-size:.5rem}.wrapper{margin-top:14rem;gap:.6rem}.layout-card{width:100px;height:160px}.layout-card.image-position-left:after{transform:translate(-.4rem,3rem)}.layout-card.image-position-center:after{transform:translateY(-10px)}.layout-card.image-position-right:after{transform:translate(.4rem,3rem)}.hero-button{margin-top:1rem}.hero-button button{font-size:.6rem}.pre-hero-2:after{bottom:-16rem;height:8rem}.hero-2{padding-top:1rem;height:40rem}.content-2{flex-direction:column;text-align:center}.facilities-list{gap:18px}.cat-card{width:60px;height:60px}.icon-wrapper i{font-size:1.4rem}.subtitle-headmaster{font-size:1.8rem;text-align:center}.tranding-slide,.tranding-slide .tranding-slide-img img{width:18rem!important;height:25.2rem!important}.container-slider .judul-slider h1{font-size:1.8rem}.hero-4{height:60rem}#tranding .tranding-slider{height:35rem}.text-alumni h3{font-size:1.8rem}.itemLeft,.itemRight{width:18rem}.itemLeft{left:max(90rem,100%)}.itemRight{right:max(96rem,calc(100% + 20rem))}}