/*!---|| CREATE BY RIFZA || ---!

 * Copyright 2024-2025 Rifza Pratama P, rifza.p.p, Azfir.
 * Github (https://github.com/Rifza123)
 * Site: https://xterm.tech
 * YoutubeChannel: https://youtube.com/@rifza?si=ELWRI9UpkoAnuYp0
 * WhatsappChannel: https://whatsapp.com/channel/0029VaauxAt4Y9li9UtlCu1V
 * Instagram: https://www.instagram.com/rifza.p.p?igsh=ZGUzMzM3NWJiOQ==

*/.slideshow-wrapper{width:100vw;min-height:800px}.slide{position:absolute;width:300px;height:100px;transition:all .5s ease;border-radius:12px;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(145deg,rgba(108,92,231,.6),rgba(0,0,0,.5));border:1px solid hsla(0,0%,100%,0);box-shadow:0 4px 10px hsla(0,0%,100%,.05)}.slide:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;background:linear-gradient(135deg,rgba(108,92,231,.4),rgba(0,0,0,.5) 50%);z-index:-1;transition:opacity .5s ease}.slide:hover:before{opacity:.8}.slide:after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:12px;border:1px solid rgba(0,0,0,.1);pointer-events:none}.slide:hover{box-shadow:0 6px 10px hsla(0,0%,100%,.42)}.slide img{width:100%;height:100%;box-shadow:inset 0 0 10px rgba(0,0,0,.5);object-fit:cover;pointer-events:none;opacity:.8}.slide.center{left:50%;transform:translateX(-50%) translateZ(0);z-index:3}.slide.left{left:35%;z-index:2}.slide.left,.slide.right{transform:translateX(-50%) translateZ(-100px) scale(.85);filter:blur(3px) brightness(.7)}.slide.right{left:65%;z-index:1}.controls{position:absolute;top:750px;left:50%;transform:translateX(-50%);display:flex;gap:20px;z-index:3}.control{width:15px;height:2px;background-color:#ccc;cursor:pointer;transition:all .3s ease}.control:hover{background-color:#999}.control.active{background-color:#2c3e50;width:30px}.nav-button{width:15px;height:15px;top:210px;width:20px;height:20px;font-size:12px;position:absolute;transform:translateY(-35%);background-color:hsla(0,0%,100%,.5);border:none;border-radius:50%;cursor:pointer;transition:background-color .3s ease;display:flex;justify-content:center;align-items:center;z-index:4}.nav-button:hover{background-color:hsla(0,0%,100%,.9)}.nav-button.prev{left:5vw}.nav-button.next{right:5vw}.slide-text{top:75%;width:100vw;height:55px;padding:1px;position:absolute;display:flex;flex-direction:column;align-items:center;left:50%;transform:translateX(-50%);background-color:hsla(0,0%,4%,.75);backdrop-filter:blur(1.8px);-webkit-backdrop-filter:blur(1.8px);border:.5px solid hsla(0,0%,100%,.28)}.slide-text h1{text-align:center;font-size:.7rem;top:10px;text-transform:uppercase;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2px;letter-spacing:1px}.slide-text p{text-align:center;font-size:.3rem;color:hsla(0,0%,100%,.5);letter-spacing:1px}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}#slidebtn{height:200px;width:100vw;overflow:hidden;top:500px;position:absolute;left:50%;transform:translateX(-50%);z-index:3;padding:10px}.slidebtn{position:absolute;background-color:141418;transition:opacity .5s ease,transform .5s ease;display:flex;align-items:center}.slidebtn a:before{content:"";position:absolute;background:radial-gradient(circle,rgba(1,110,218,.3),rgba(217,0,192,.3),transparent 70%);transform:rotate(45deg);transition:all 5s ease;z-index:-1}.slidebtn a:hover:before{top:-75%;left:-75%}.slidebtn a:hover{transform:scale(1.15)}.overview-text{position:relative;top:150px;z-index:1}.overviewtext{opacity:0;transition:opacity .5s ease,transform .5s ease;display:none;padding:30px;position:absolute;flex-direction:column;text-align:center}.overviewtext.active{display:flex;opacity:1}.overviewtext.outgoing{opacity:0}.animated-text{font-size:1.7rem;transform:translateY(50px);animation:fadeInUp 1.5s forwards}.subtext{font-size:.7rem;color:#a0a0a0;margin-top:10px;padding:20px;transform:translateY(30px);animation:fadeInUp 1.5s .5s forwards}.slide-banner-wrapper{overflow:hidden;width:100vw;position:relative;display:flex;flex-direction:column;min-height:100vh;height:auto;padding:4rem 0;margin-bottom:-3rem}.slidebanner-wrapper{flex-shrink:0;display:flex;justify-content:center;align-items:center;height:200px;padding:1rem;width:100vw}.slide-banner{height:100%;width:calc(100% - 2rem);background-size:cover;background-position:50%;border-radius:1rem}.banner-text-wrapper{position:absolute;display:flex;flex-direction:column;gap:.5rem;top:50%;left:25px;transform:translateY(-50%);z-index:5;max-width:60%}.slide-label{padding:.5rem 1rem;border-radius:.5rem;font-size:.9rem;font-weight:500}.slide-label,.slide-overviewtext{position:relative;width:-moz-fit-content;width:fit-content;max-width:90%}.slide-overviewtext{padding:.4rem .8rem;font-size:.75rem;font-weight:400}.slider{display:flex;position:relative;height:100%;width:100%;opacity:.9;transition:transform .5s ease-in-out;z-index:1}.slidebanner-wrapper.center{transform:scale(1.02);z-index:3}.slidebanner-wrapper.left,.slidebanner-wrapper.right{opacity:.6;transform:scale(.95);z-index:1}.slide-controls-wrapper{width:100%;height:60px;position:absolute;display:flex;justify-content:center;align-items:center;bottom:5rem}.slide-controls{display:flex;gap:16px;padding:12px 24px;background:rgba(0,0,0,.3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:50px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.3)}.slide-control{width:12px;height:12px;background:hsla(0,0%,100%,.3);cursor:pointer;position:relative;overflow:hidden}.slide-control,.slide-control:before{border-radius:50%;transition:all .4s cubic-bezier(.4,0,.2,1)}.slide-control:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:linear-gradient(45deg,#3498db,#9b59b6);transform:translate(-50%,-50%)}.slide-control:hover{background:hsla(0,0%,100%,.5);transform:scale(1.2)}.slide-control.active{background:linear-gradient(45deg,#3498db,#9b59b6);transform:scale(1.3);box-shadow:0 0 20px rgba(52,152,219,.5)}.slide-control.active:before{width:100%;height:100%}.slide-overviewtext.active{opacity:1;transform:translateY(0);display:block;z-index:5}.slide-overviewtext>a{color:hsla(0,0%,100%,.9);text-shadow:0 2px 4px rgba(0,0,0,.3);text-decoration:none}.overview-text{display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:100%;justify-content:center;pointer-events:none;z-index:4}.slide-mid-overviewtext{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1);display:none;padding:3rem;position:absolute;flex-direction:column;text-align:center;max-width:800px;pointer-events:auto}.slide-mid-overviewtext.active{display:flex;opacity:1;transform:scale(1)}.animated-text{font-size:3rem;font-weight:700;opacity:0;transform:translateY(30px);animation:fadeInUp 1.2s cubic-bezier(.4,0,.2,1) forwards;background:linear-gradient(135deg,#fff,#3498db,#9b59b6);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp 1.2s cubic-bezier(.4,0,.2,1) forwards,gradientShift 4s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.animated-text .subtle{color:#a0a0a0;font-weight:400;margin-right:8px;-webkit-text-fill-color:#a0a0a0}.subtext{font-size:1.1rem;color:hsla(0,0%,100%,.8);margin-top:1.5rem;opacity:0;padding:0;line-height:1.8;transform:translateY(20px);animation:fadeInUp 1.2s cubic-bezier(.4,0,.2,1) .3s forwards}.gradient-text{background:linear-gradient(45deg,#3498db,#9b59b6,#2ecc71);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite;font-weight:600}#slidebtn{height:auto;width:100%;overflow:visible;top:auto;position:relative;left:auto;transform:none;z-index:9;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:transparent;margin-top:2rem}.slidebtn{position:relative;opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1);display:none;z-index:10}.slidebtn a{font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:4px;color:#ecf0f1;text-align:center;text-decoration:none;background-image:linear-gradient(#0d0e21,#0d0e21),linear-gradient(45deg,#3498db,#2ecc71,#9b59b6);background-origin:border-box;background-clip:padding-box,border-box;border:2px solid transparent;padding:15px;-moz-user-select:none;user-select:none;-webkit-user-select:none;position:relative;overflow:hidden;z-index:1;border-radius:30px;font-size:.75rem;outline:none;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}@keyframes borderGlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.slidebtn a:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 0 15px rgba(1,110,218,.5),0 0 15px rgba(217,0,192,.5)}.slidebtn a:hover:before{animation-duration:2s}.slidebtn a:active{transform:translateY(0) scale(1)}.slidebtn.active{display:block;opacity:1}.slidebtn.outgoing{opacity:0}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.bg-galaxy{z-index:-2}.bg-galaxy,.bg-galaxy:before{position:absolute;top:0;left:0;width:100%;height:100%}.bg-galaxy:before{content:""}.bg-grid-w{width:100vw;height:200px;background-size:cover;background-position:50%;position:absolute;bottom:0;z-index:-1;opacity:.3;background-blend-mode:overlay}@media (max-width:768px){.slidebanner-wrapper{height:160px;padding:.8rem}.slide-banner{border-radius:.8rem;width:calc(100% - 1.6rem)}.banner-text-wrapper{left:20px;max-width:70%;gap:.3rem}.slide-label{font-size:.8rem;padding:.4rem .8rem}.slide-overviewtext{font-size:.7rem;padding:.3rem .6rem}.animated-text{font-size:1.8rem}.subtext{font-size:.85rem;margin-top:.8rem}.slidebtn a{padding:.7rem 1.8rem;font-size:.75rem}.slide-controls{gap:12px;padding:8px 16px}.slide-control{width:10px;height:10px}}@media (max-width:480px){.slidebanner-wrapper{height:140px;padding:.5rem}.slide-banner{border-radius:.6rem;width:calc(100% - 1rem)}.banner-text-wrapper{left:15px;max-width:75%;gap:.2rem}.slide-label{font-size:.7rem;padding:.3rem .6rem}.slide-overviewtext{font-size:.65rem;padding:.25rem .5rem}.animated-text{font-size:1.4rem}.subtext{font-size:.75rem;margin-top:.6rem}.slide-mid-overviewtext{padding:1.5rem .8rem}.slidebtn a{padding:.6rem 1.4rem;font-size:.7rem;letter-spacing:1px}.slide-controls{gap:10px;padding:6px 12px}.slide-control{width:8px;height:8px}}@media (min-width:1200px){.slidebanner-wrapper{height:250px;padding:1.5rem}.slide-banner{border-radius:1.5rem;width:calc(100% - 3rem)}.banner-text-wrapper{left:40px;max-width:55%;gap:.8rem}.slide-label{font-size:1.1rem;padding:.7rem 1.4rem}.slide-overviewtext{font-size:.9rem;padding:.6rem 1.2rem}.animated-text{font-size:3.2rem}.subtext{font-size:1.15rem;margin-top:1.8rem}.slidebtn a{padding:1.1rem 2.8rem;font-size:.95rem}.slide-controls{gap:18px;padding:14px 28px}.slide-control{width:14px;height:14px}}@media (min-width:1440px){.slidebanner-wrapper{height:280px;padding:2rem}.slide-banner{border-radius:2rem;width:calc(100% - 4rem)}.banner-text-wrapper{left:50px;gap:1rem}.slide-label{font-size:1.2rem;padding:.8rem 1.6rem}.slide-overviewtext{font-size:1rem;padding:.7rem 1.4rem}.animated-text{font-size:3.5rem}.subtext{font-size:1.25rem;margin-top:2rem}.slidebtn a{padding:1.2rem 3rem;font-size:1rem}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.slide-label{animation:slideInFromLeft .8s cubic-bezier(.4,0,.2,1) forwards}.slide-overviewtext.active{animation:slideInFromLeft .8s cubic-bezier(.4,0,.2,1) .2s forwards}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slide-control:focus,.slidebtn a:focus{outline:2px solid rgba(52,152,219,.8);outline-offset:2px}.slide-banner,.slide-label,.slide-overviewtext,.slidebtn a{will-change:transform,opacity}.slider{will-change:transform}