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

*/@import url("https://c.termai.cc/fontawesome/v7.0.0/css/all.css");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@500&display=swap");@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Neuton:ital,wght@0,200;0,300;0,400;0,700;0,800;1,400&display=swap");*{margin:0;padding:0;box-sizing:border-box}.body-home{height:100%;flex-direction:column;scroll-behavior:smooth;font-family:Orbitron,sans-serif;background:var(--bg-color)}:root{--accent-primary:#9d4edd;--accent-secondary:#c77dff;--accent-tertiary:#7b2cbf;--text-color:#fff;--text-primary:#fff;--text-secondary:#e0e0e0;--text-tertiary:#a0a0a0;--gradient-purple:linear-gradient(135deg,#9d4edd,#7b2cbf);--gradient-dark:linear-gradient(135deg,#12121e,#0a0a0f);--accent-color:#6c5ce7;--card-bg:rgba(26,26,46,.5);--hover-color:#8c7ae6;--bg-color:#000;--bg-color-modern:#1c1c1c;--border-color-modern:hsla(0,0%,100%,.1);--bg-img:url(/image/stars.png);--bg-img2:url(/image/stars2.png);--bg-img3:url(/image/stars3.png);--bg-img4:url(/image/stars4.png);--bg-twillight:url(/image/twillight.png);--bg-home:url(/image/img1.jpg);--bg-payment:url(/image/pricing.jpg);--bg-dark:#0d0b14;--bg-card:#1f1f24;--text-light:#e0d7f4;--accent-purple:#a97efc;--accent-hover:#c1a1ff;--primary-bg:#000;--secondary-bg:#161b22;--accent-purple:#8a2be2;--accent-light:#a855f7;--text-primary:#f0f6fc;--text-secondary:#c9d1d9;--card-bg:rgba(30,35,45,.7);--card-border:rgba(138,43,226,.3)}.slideshow-container{min-height:100vh;height:100px;width:100%}.bg-img{background-image:var(--bg-home);max-width:100vw;overflow:hidden}.bg-img,.bg-img-payment{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;position:absolute;z-index:-1;width:100%}.bg-img-payment{background-image:var(--bg-payment)}.head-text-container{font-size:1.5rem;position:relative;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;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;animation:gradientShift 7s ease infinite;margin-bottom:30px}.overlay{top:0;left:0;width:100%;height:100%;position:fixed;background:rgba(0,0,0,.3);z-index:10;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.overlay.active{opacity:1;visibility:visible}.sparkle-text{background:linear-gradient(75deg,var(--accent-color),#fff,#fff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%}.pricing-section{padding:20px;position:relative;background-position:50%;background-repeat:no-repeat;background-size:cover;background-image:var(--bg-payment)}.container{max-width:100%}.sec-title{text-align:center;margin-bottom:10px}.sec-title h2{font-size:36px;top:10px;margin-bottom:10px;color:var(--accent-color)}.sec-title p{font-size:18px;background:linear-gradient(75deg,var(--accent-color),#fff,#fff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:.5}.pricing-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.pricing-slider::-webkit-scrollbar{display:none}.pricing-table{margin-right:20px;scroll-snap-align:start}.pricing-content{background-color:var(--card-bg);border-radius:15px;padding:30px;text-align:center;font-size:.4rem;height:100%;border:1px solid hsla(0,0%,100%,.18);display:flex;flex-direction:column;color:#fff;justify-content:space-between;transition:transform .3s ease,box-shadow .3s ease}.pricing-content:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(108,92,231,.2)}.pricing-content h3{font-size:24px;margin-bottom:20px;background:linear-gradient(75deg,var(--accent-color),#fff,#fff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pricing-content h2{font-size:32px;margin-bottom:10px}.pricing-content p{margin-bottom:10px;font-size:14px}.stats-section{padding:30px 0;background:var(--bg-color);text-align:center;overflow:hidden;position:relative}.stats-box{display:inline-block;margin:10px;padding:20px;background-color:var(--card-bg);border:1px solid hsla(0,0%,100%,.18);border-radius:15px}.stats-box h3{font-weight:500;font-size:1.1rem;text-transform:uppercase;text-shadow:0 0 10px rgba(3,233,244,.7);margin-bottom:15px}.stats-box p{font-weight:700;font-size:.9rem;color:#fff;text-shadow:0 0 15px hsla(0,0%,100%,.5);margin:0;overflow-x:auto}#layers{height:100vh;overflow:hidden;width:100vw}#layers,#layers .layer{left:0;position:absolute;top:0}#layers .layer{background-size:auto 100%;background-position:50% 0;background-repeat:repeat-x;height:400px;transform:translateZ(0);width:200vw}.hover-link{position:relative;display:inline-block;padding:.5rem .7rem;color:#fff;text-decoration:none;font-size:16px;overflow:hidden;-webkit-tap-highlight-color:transparent;cursor:pointer}.hover-link:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(105deg,rgba(108,92,231,.173),rgba(152,152,219,.3));z-index:-1;transition:width .4s ease}.hover-link:hover:before{width:100%}.hover-link i{margin-right:8px}.flag-id:before{content:"🇮🇩"}.flag-gb:before{content:"🇬🇧"}@keyframes twinkle{0%{opacity:.3}to{opacity:1}}@keyframes layer-1{0%{transform:translateZ(0)}to{transform:translate3d(-689px,0,0)}}#layers .layer:first-child{animation:twinkle 10s ease-in -5s infinite alternate,layer-1 344s linear infinite;background-image:var(--bg-img2);background-size:auto 400px}@keyframes layer-2{0%{transform:translateZ(0)}to{transform:translate3d(-699px,0,0)}}#layers .layer:nth-child(2){animation:twinkle 3s ease-in -3s infinite alternate,layer-2 349s linear infinite;background-image:var(--bg-img);background-size:auto 400px}@keyframes layer-3{0%{transform:translateZ(0)}to{transform:translate3d(-699px,0,0)}}#layers .layer:nth-child(3){animation:twinkle 3.5s ease-in infinite alternate,layer-3 349s linear infinite;background-image:var(--bg-img);background-size:auto 400px}@keyframes layer-4{0%{transform:translateZ(0)}to{transform:translate3d(-480px,0,0)}}#layers .layer:nth-child(4){animation:twinkle 4s ease-in -2s infinite alternate,layer-4 240s linear infinite;background-image:var(--bg-img3);background-size:auto 400px}@keyframes layer-5{0%{transform:translateZ(0)}to{transform:translate3d(-486px,0,0)}}#layers .layer:nth-child(5){animation:twinkle 5.5s ease-in infinite alternate,layer-5 243s linear infinite;background-image:var(--bg-img4);background-size:auto 400px}@keyframes shooting-star{0%{opacity:1;transform:translateZ(0)}25%{opacity:1}to{opacity:0;transform:translate3d(-270px,180px,0)}}#layers:before{animation:shooting-star .5s linear 3s;background-image:var(--bg-twillight);background-size:72px 50px;content:" ";height:50px;left:80%;position:absolute;top:-50px;width:72px;z-index:100}.gradient-text{animation:gradientShift 5s ease infinite}.gradient-text,.gradient-text-silent{background:linear-gradient(45deg,#3498db,#2ecc71,#9b59b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:300% 300%}.gradient-text-silent{animation:gradientShift 60s ease infinite}.neuton-extralight{font-family:Neuton,serif;font-weight:200;font-style:normal}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.screen-size{position:fixed;bottom:20px;right:10px;background-color:transparent;color:#fff;padding:5px 10px;font-size:.5rem;border-radius:5px;z-index:9999}.info-box1{color:#ecf0f1;top:80px;margin-bottom:110px;border:1px solid hsla(0,0%,100%,.2);background:linear-gradient(105deg,rgba(108,92,231,.073),rgba(52,152,219,.2),rgba(0,0,0,.5) box-shadow:0 2.5px 5px hsla(0,0%,100%,.05),0 0 15px rgba(108,92,231,.4) ;);border-radius:20px;padding:8px;max-width:370px;position:relative;overflow:hidden;font-size:.6rem;z-index:0;text-align:center;left:50%;transform:translateX(-50%);transition:all .3s ease-in-out}.info-box1:hover{box-shadow:0 5px 10px hsla(0,0%,100%,.2),0 0 30px rgba(108,92,231,.6)}@media (min-width:320px) and (max-width:691px){.screen-size{font-size:.25rem;bottom:8px}.info-box1{font-size:.4rem;max-width:90vw;border-radius:35px;text-align:center}@media (min-height:320px) and (max-height:480px){.info-box1{font-size:.6rem;top:60px;margin-bottom:90px;padding:7px}}}@media (min-width:691px) and (max-width:1024px){.info-box1{font-size:.8rem;max-width:87vw;border-radius:35px;top:130px;text-align:center;margin-bottom:200px;padding:20px}.thanks-content h2{padding:20px;border:1px solid hsla(0,0%,100%,.18);border-radius:33px}.head-text-container{font-size:1.6rem;margin-bottom:40px}.thanks-to-section{padding:40px 0}.thanks-content{margin:10px;padding:30px;max-width:900px}@media (min-height:769px) and (max-height:1024px){.info-box1{top:100px;margin-bottom:170px}}}@media (min-width:1025px){.info-box1{font-size:1.4rem;max-width:87vw;border-radius:35px;top:130px;text-align:center;margin-bottom:200px;padding:20px}}.toast-container{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:9999;align-items:center;pointer-events:none}.toast-container,.toast-message{display:flex;flex-direction:column;gap:.7rem}.toast-message{position:relative;overflow:hidden;padding:9px 10px;font-family:monospace;font-size:.8rem;color:#e0d8ff;background:rgba(40,30,60,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(180,150,255,.2);border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.4);animation:fadeIn .3s ease;pointer-events:all;width:-moz-fit-content;width:fit-content;max-width:95vw}.toast-content{display:flex;align-items:center;gap:10px}.toast-progress{position:absolute;bottom:0;left:0;height:4px;background:linear-gradient(90deg,#a78bfa,#7c3aed);width:100%;transform:scaleX(0);transform-origin:left;animation:toastProgress 3s linear forwards}@keyframes toastProgress{to{transform:scaleX(1)}}.toast-message.fade-out{animation:fadeOut .4s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}