/*!---|| 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==

*/.navbar{position:fixed;top:0;width:100%;height:auto;z-index:8;color:#e0e0e0;padding:.35rem 0;background-color:rgba(0,0,0,.53);border:.5px solid hsla(0,0%,100%,.28)}.navbar-progress{position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(105deg,rgba(108,92,231,.173),rgba(152,152,219,.3));transition:width .45s ease;z-index:-1}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:0 .5rem;max-width:100%;margin:0 auto}.nav-title{display:flex;font-size:1rem;color:#fff;background:linear-gradient(45deg,#fff,var(--accent-color),#fff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;text-transform:uppercase;letter-spacing:4px;animation:gradientShift 7s ease infinite}.menu{display:flex;list-style:none;position:absolute;top:90%;left:0;width:90%;justify-content:center;align-items:center;overflow:hidden;max-height:0;opacity:0;transition:max-height .8s ease,opacity .8s ease;z-index:12;box-shadow:0 4px 30px rgba(0,0,0,.1)}.menu li{padding:12px 20px}.menu a{text-decoration:none;color:#fff;font-size:1rem;padding:.5rem 1rem;transition:color .3s ease;letter-spacing:2px}.menu a:hover{color:#0dfbff}.menu.active{max-height:500px;opacity:1}.toggle-button{flex-direction:column;width:35px;height:35px;display:flex;padding:7px;cursor:pointer;z-index:15}.toggle-button span{height:1px;background-color:hsla(0,0%,100%,.62);transition:all .5s ease;margin:3px 0}.toggle-button span:first-child{width:10px}.toggle-button span:nth-child(3){margin-left:10px}.menu-button{display:none;flex-direction:column;cursor:pointer;z-index:8}.menu-button span{width:22px;height:1px;background-color:hsla(0,0%,100%,.62);margin:3px 0;transition:all .3s ease}.menu-button.active span:first-child{transform:rotate(45deg) translate(2.3px,2.3px)}.menu-button.active span:nth-child(2){transform:translateX(-1000px)}.menu-button.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}#languageButton{background-color:#0e0f11;color:#fff;border:1px solid hsla(0,0%,100%,.2);padding:6px 12px;font-size:12px;border-radius:8px;cursor:pointer;transition:background-color .3s ease;position:relative}#languageButton:hover{background-color:hsla(0,0%,100%,.1)}.dropdown-content{display:none;position:relative;background-color:#1c1c1c;min-width:50px;min-height:50px;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;z-index:5;text-align:center}.dropdown-content a{color:#fff;padding:6px 12px;text-decoration:none;display:flex;font-size:12px;border-bottom:1px solid hsla(0,0%,100%,.2);transition:background-color .3s ease}.dropdown-content a:last-of-type{border-bottom:none}.flag{border-right:1px solid hsla(0,0%,100%,.2);margin-right:5px}.dropdown-content a:hover{background-color:hsla(0,0%,100%,.1)}#languageDropdown.show{display:block}@media (max-width:575.98px){.toggle-button{width:25px;height:25px;display:flex;padding:3px;cursor:pointer;z-index:15}.menu,.toggle-button{flex-direction:column}.menu{position:absolute;top:98%;left:0;width:90%;margin:3px 10px 0 20px;justify-content:center;align-items:center;max-height:0;opacity:0;transition:max-height .8s ease,opacity .8s ease}.menu a{font-size:.75rem}.menu.active{max-height:500px;margin:3px 10px 0 20px;border-radius:0 0 12px 12px;box-shadow:0 4px 30px rgba(0,0,0,.1);border:.5px solid hsla(0,0%,100%,.28);border-top:none;background-color:rgba(0,0,0,.53)}.menu-button span{width:16.5px;height:.75px;display:flex}.nav-title{font-size:.75rem}}@media (max-width:768px){.menu{position:absolute;top:98%;left:0;flex-direction:column;width:90%;justify-content:center;align-items:center;max-height:0;opacity:0;transition:max-height .8s ease,opacity .8s ease}.menu,.menu.active{margin:3px 10px 0 20px}.menu.active{max-height:500px;border-radius:0 0 12px 12px;box-shadow:0 4px 30px rgba(0,0,0,.1);border:.5px solid hsla(0,0%,100%,.28);border-top:none;background-color:rgba(0,0,0,.53)}.menu-button{display:flex}}@media (min-width:769px){.menu{position:relative;background-color:rgba(0,0,0,.3);display:flex;top:auto;left:auto;width:auto;background:none;max-height:50px;opacity:1;justify-content:flex-end}.menu-button{display:none}.dropdown-content{right:20px;top:72px;position:fixed;background-color:#0e0f11;min-width:100px;min-height:50px;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;z-index:5}}@media (max-height:500px) and (orientation:landscape){.navbar{padding:.35rem 0}}.btn-primary{padding:.5rem 1rem;background-color:rgba(26,26,26,.8);border:1px solid rgba(0,195,255,.7);color:#dcdcdc;border-radius:5px;font-family:Orbitron,sans-serif;transition:background .3s ease,color .3s ease,transform .3s ease;cursor:pointer;font-size:.6rem}.btn-primary:hover{background-color:rgba(0,195,255,.1);color:#03e9f4;transform:scale(1.05)}.btn-blue{background-color:transparent;color:var(--accent-color);background:linear-gradient(75deg,var(--accent-color),#fff,#fff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-tap-highlight-color:transparent;background-size:300% 300%;border:2px solid var(--accent-color);padding:10px 20px;border-radius:25px;font-size:16px;cursor:pointer;transition:all .3s ease;margin-top:20px;display:inline-block;text-decoration:none}.btn-blue:hover{background-color:var(--accent-color);color:#fff}.btn-red{background-color:transparent;color:var(--accent-color);background:linear-gradient(75deg,var(--accent-color),#fff,#fff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-tap-highlight-color:transparent;background-size:300% 300%;border:2px solid red;opacity:.7;padding:10px 20px;border-radius:25px;font-size:16px;cursor:pointer;transition:all .3s ease;margin-top:20px;display:inline-block;text-decoration:none}.btn-red:hover{background-color:red;color:#fff}.btn-confirm{border:1px solid hsla(0,0%,100%,.3);background-color:#1c1c1c;color:#fff;padding:8px 16px;margin:0 10px;border-radius:4px;cursor:pointer}.btn-confirm:hover{background-color:#2980b9}.btn-glow,.btn-secondary{padding:.4rem .6rem;border-radius:.25rem;font-size:1rem;font-family:Orbitron,sans-serif;color:hsla(0,0%,100%,.65);cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:hsla(0,0%,4%,.991);border:1px solid hsla(0,0%,100%,.2);transition:background-color .3s ease,background .3s ease;z-index:100}.btn-secondary{background:linear-gradient(90deg,rgba(108,92,231,.7),rgba(0,0,0,.7))}.btn-secondary:hover{background:linear-gradient(90deg,#6c5ce7,#6c5ce7);transform:scale(1.05);border-color:hsla(0,0%,100%,.5)}.btn-glow:hover{background:linear-gradient(90deg,rgba(108,92,231,.8),rgba(0,0,0,.8))}.btn-glow:active{border-color:hsla(0,0%,100%,.5);background-color:#3730a3}.btn-setting,.btn-signin{background-color:transparent;color:var(--accent-color);background:linear-gradient(75deg,var(--accent-color),#fff,#fff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-tap-highlight-color:transparent;background-size:300% 300%;border:.1px solid var(--accent-color);padding:.3rem .5rem;border-radius:.3rem;font-size:.5rem;cursor:pointer;transition:all .3s ease;display:inline-block;font-family:Orbitron,sans-serif;text-decoration:none}.btn-signin{font-size:.5rem}.btn-signin:hover{background-color:var(--accent-color);color:#fff}.btn-setting{font-size:.7rem;opacity:.7}.btn-setting.hidden{opacity:.2}.btn-cancel-s{background-color:transparent;background:linear-gradient(75deg,var(--accent-color),#fff,#fff,#fff);-webkit-background-clip:text;background-size:300% 300%;border:.1px solid red;padding:.3rem .5rem;border-radius:.3rem;font-size:.7rem;font-family:Orbitron,sans-serif;right:1rem;position:absolute;opacity:.7}.btn-cancel-s,.btn-purple-animation{color:var(--accent-color);-webkit-text-fill-color:transparent;-webkit-tap-highlight-color:transparent;cursor:pointer;transition:all .3s ease}.btn-purple-animation{background-color:transparent;background:linear-gradient(75deg,var(--accent-color),#fff,#fff);-webkit-background-clip:text;background-size:300% 300%;border:2px solid var(--accent-color);padding:10px 20px;border-radius:25px;font-size:16px;margin-top:20px;display:inline-block;overflow:hidden;text-decoration:none;animation:gradientShift 7s ease infinite}.btn-purple-animation:hover{background-color:var(--accent-color);color:#fff}@media (max-width:575.98px){.btn-glow,.btn-secondary{font-size:.5rem}.btn-cancel-s,.btn-setting{font-size:.55rem}}