body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#3df0fd;--secondary-color:#8aff54;--accent-color:#ff4d7d;--dark-color:#0a0a0a;--card-bg:#ffffff08;--text-color:#fff;--text-muted:#a0a0a0;--font-family:"Poppins",sans-serif;--transition-speed:0.3s;--border-radius:10px;--spacing-unit:1rem;--text-glow:0 0 15px #00d4ff80;--text-subtle-shadow:2px 2px 4px #0006}.preloader{align-items:center;background:#0a0a0a;background:var(--dark-color);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .5s ease,visibility .5s ease;width:100%;z-index:10000}.preloader.hide{opacity:0;visibility:hidden}.loader{animation:spin 1s linear infinite;border:3px solid #00d4ff1a;border-radius:50%;border-top:3px solid var(--primary-color);height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0a0a;background:var(--dark-color)}::-webkit-scrollbar-thumb{background:#3df0fd;background:var(--primary-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#8aff54;background:var(--secondary-color)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;background-color:var(--dark-color);color:#fff;color:var(--text-color);font-family:Poppins,sans-serif;font-family:var(--font-family);line-height:1.7;overflow-x:hidden;text-rendering:optimizeLegibility}.container{margin:auto;max-width:1100px;padding:0 20px}h1,h2,h3,h4,h5,h6{color:#fff;color:var(--text-color);font-weight:700;letter-spacing:1px;line-height:1.2;margin-bottom:1rem}h1{animation:neon-glow 2s infinite alternate;font-size:clamp(2.5rem,5vw,4rem);text-shadow:0 0 15px #00d4ff80;text-shadow:var(--text-glow)}h2{font-size:clamp(2rem,4vw,3rem);text-shadow:2px 2px 8px #00000080}h3{font-size:clamp(1.5rem,3vw,1.8rem)}p{color:#a0a0a0;color:var(--text-muted);font-weight:400;margin-bottom:1.2rem}a{color:#3df0fd;color:var(--primary-color);position:relative;text-decoration:none;transition:color .3s ease,-webkit-text-decoration .3s ease;transition:color .3s ease,text-decoration .3s ease;transition:color .3s ease,text-decoration .3s ease,-webkit-text-decoration .3s ease;transition:color var(--transition-speed) ease,-webkit-text-decoration var(--transition-speed) ease;transition:color var(--transition-speed) ease,text-decoration var(--transition-speed) ease;transition:color var(--transition-speed) ease,text-decoration var(--transition-speed) ease,-webkit-text-decoration var(--transition-speed) ease}a:hover{color:#8aff54;color:var(--secondary-color);text-decoration:underline;text-underline-offset:4px}ol,ul{margin-bottom:1.2rem;padding-left:20px}li{color:#a0a0a0;color:var(--text-muted);margin-bottom:.5rem}section{padding:120px 0;position:relative}section[id]{scroll-margin-top:90px}@keyframes neon-glow{0%{text-shadow:0 0 5px #ce2effcc,0 0 10px #ef0,0 0 15px #3df0fd66,0 0 20px #470050,0 0 25px #3df0fd1a}50%{text-shadow:0 0 10px #3df0fde6,0 0 20px #3df0fdb3,0 0 30px #3df0fd80,0 0 40px #3df0fd4d,0 0 50px #3df0fd33}to{text-shadow:0 0 5px #ef0,0 0 10px #8afd3d,0 0 15px #0006,0 0 20px #3df0fd33,0 0 25px #3df0fd1a}}@keyframes neon-pulse{0%,to{text-shadow:0 0 3px #8aff54cc,0 0 6px #8aff5499,0 0 9px #8aff5466,0 0 12px #8aff5433}50%{text-shadow:0 0 6px #8aff54e6,0 0 12px #8aff54b3,0 0 18px #8aff5480,0 0 24px #8aff544d}}.animated-bg{background:#000;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}#matrix-canvas{display:block;height:100%;width:100%}.main-nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a0a0acc;border-bottom:1px solid #ffffff0d;left:0;position:fixed;top:0;transition:all .3s ease;transition:all var(--transition-speed) ease;width:100%;z-index:1000}.main-nav .container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1100px;padding:20px}.main-nav .logo{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#3df0fd,#ff4d7d);background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-color);flex-shrink:0;font-size:1.8rem;font-weight:700;text-decoration:none}.main-nav .nav-links{align-items:center;display:flex;list-style:none;margin:0;padding:0}.main-nav .nav-links li{margin-bottom:0;margin-left:30px}.main-nav .nav-links a{color:#a0a0a0;color:var(--text-muted);display:block;font-size:.9rem;font-weight:500;letter-spacing:1.5px;position:relative;text-decoration:none;text-transform:uppercase;transition:color .3s ease;transition:color var(--transition-speed) ease}.main-nav .nav-links a.active,.main-nav .nav-links a:hover{color:#3df0fd;color:var(--primary-color)}.main-nav .nav-links a:after{background:#3df0fd;background:var(--primary-color);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;transition:width var(--transition-speed) ease;width:0}.main-nav .nav-links a.active:after,.main-nav .nav-links a:hover:after{width:100%}.mobile-menu-toggle{background:none;border:none;color:#3df0fd;color:var(--primary-color);cursor:pointer;display:none;font-size:1.5rem;z-index:1001}.hero{align-items:center;color:#fff;color:var(--text-color);display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;text-align:center;z-index:1}.hero h1{margin-bottom:1.5rem;text-shadow:0 0 15px #00d4ff80;text-shadow:var(--text-glow)}.hero p{animation:neon-pulse 3s infinite alternate;color:#fff;color:var(--text-color);font-size:clamp(1.1rem,2vw,1.3rem);margin-bottom:2.5rem;max-width:700px}.hero-buttons .btn{margin:10px}.btn{background:linear-gradient(45deg,#3df0fd,#8aff54);background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-radius:10px;border-radius:var(--border-radius);box-shadow:0 5px 20px #00d4ff33;color:#0a0a0a;color:var(--dark-color);display:inline-block;font-size:1rem;font-weight:600;letter-spacing:1px;overflow:hidden;padding:15px 35px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease;transition:all var(--transition-speed) ease}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn:hover{background:linear-gradient(45deg,#8aff54,#3df0fd);background:linear-gradient(45deg,var(--secondary-color),var(--primary-color));box-shadow:0 10px 30px #00d4ff66;transform:translateY(-5px)}.btn-secondary{background-color:initial;border:2px solid #3df0fd;border:2px solid var(--primary-color);box-shadow:none;color:#3df0fd;color:var(--primary-color)}.btn-secondary:hover{background-color:#3df0fd;background-color:var(--primary-color);box-shadow:0 10px 30px #00d4ff66;color:#0a0a0a;color:var(--dark-color)}.section-title{margin-bottom:4rem;text-align:center}.section-title h2{color:#fff;color:var(--text-color);display:inline-block;letter-spacing:2px;padding-bottom:15px;position:relative;text-transform:uppercase}.section-title h2:after{background:linear-gradient(90deg,#0000,#3df0fd,#0000);background:linear-gradient(90deg,#0000,var(--primary-color),#0000);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.glass-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff08;background:var(--card-bg);border:1px solid #ffffff0d;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 8px 32px 0 #0003;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.glass-card:hover{border-color:#00d4ff33;box-shadow:0 15px 40px 0 #00d4ff1a;transform:translateY(-10px)}.services{background-color:initial;position:relative;z-index:1}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.service-card{color:#fff;color:var(--text-color);padding:2.5rem 2rem;text-align:center}.service-card .icon{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#3df0fd,#ff4d7d);background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;font-size:3.5rem;margin-bottom:1.5rem}.service-card h3{color:#fff;color:var(--text-color);letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.service-card p{color:#a0a0a0;color:var(--text-muted);font-weight:400}.about-section{background-color:initial;position:relative;z-index:1}.about-content{color:#fff;color:var(--text-color);margin:auto;max-width:800px;padding:3rem;text-align:center}.about-text h3{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#3df0fd,#ff4d7d);background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;font-size:2.2rem;margin-bottom:1.5rem}.about-text p{color:#fff;color:var(--text-color);font-size:1.1rem;margin-bottom:1.5rem}.pricing-section{background-color:initial;position:relative;z-index:1}.pricing-tabs{border-bottom:1px solid #ffffff1a;display:flex;justify-content:center;margin-bottom:2rem}.pricing-tab{background:none;border:none;color:#a0a0a0;color:var(--text-muted);cursor:pointer;font-size:1.2rem;font-weight:600;letter-spacing:1px;padding:1rem 2rem;position:relative;text-transform:uppercase;transition:all .3s ease;transition:all var(--transition-speed) ease}.pricing-tab:hover{color:#fff;color:var(--text-color)}.pricing-tab.active{color:#3df0fd;color:var(--primary-color)}.pricing-tab.active:after{background:#3df0fd;background:var(--primary-color);bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100%}.pricing-content{display:none}.pricing-content.active{animation:fadeIn .5s ease;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pricing-grid{grid-gap:1.5rem;align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.pricing-card{color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:2rem 1.5rem;text-align:center}.pricing-card h3{font-size:1.8rem;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.pricing-card .price{align-items:center;display:flex;flex-direction:column;margin-bottom:1rem}.pricing-card .price .price-text{color:#3df0fd;color:var(--primary-color);font-size:1.5rem;font-weight:600;line-height:1.4;text-align:center}.pricing-note{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff08;background:var(--card-bg);border:1px solid #ffffff0d;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 8px 32px 0 #0003;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:800px;padding:1.5rem;text-align:center}.pricing-note p{color:#fff;color:var(--text-color);font-size:1rem}.pricing-card ul{flex-grow:1;list-style:none;margin-bottom:2rem;text-align:left}.pricing-card ul li{border-bottom:1px solid #ffffff0d;color:#a0a0a0;color:var(--text-muted);font-weight:400;padding:.8rem 0 .8rem 1.5rem;position:relative}.pricing-card ul li:before{color:#3df0fd;color:var(--primary-color);content:"✓";left:0;position:absolute}.pricing-card ul li:last-child{border-bottom:none}.pricing-card .btn{margin-top:auto}.pricing-card.featured{border-color:#3df0fd;border-color:var(--primary-color);position:relative;transform:scale(1.05)}.pricing-card.featured:before{background:#3df0fd;background:var(--primary-color);border-radius:20px;color:#0a0a0a;color:var(--dark-color);content:"Paling Popular";font-size:.8rem;font-weight:600;left:50%;letter-spacing:1px;padding:5px 15px;position:absolute;text-transform:uppercase;top:-15px;transform:translateX(-50%);z-index:1}.faq-section{background-color:initial;position:relative;z-index:1}.faq-section .faq-container{margin:auto;max-width:800px}.faq-section .faq-item{color:#fff;color:var(--text-color);margin-bottom:1.5rem}.faq-section .faq-question{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff08;background:var(--card-bg);border:1px solid #ffffff0d;border-radius:10px;border-radius:var(--border-radius);color:#fff;color:var(--text-color);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;padding:1.8rem;text-align:left;transition:all .3s ease;transition:all var(--transition-speed) ease;width:100%}.faq-section .faq-question:hover{background:#ffffff0d}.faq-section .faq-question .icon{color:#3df0fd;color:var(--primary-color);font-size:1.5rem;transition:transform .3s ease;transition:transform var(--transition-speed) ease}.faq-section .faq-item.active .faq-question .icon{transform:rotate(45deg)}.faq-section .faq-answer{color:#a0a0a0;color:var(--text-muted);font-weight:400;max-height:0;overflow:hidden;padding:0 1.8rem;transition:max-height .4s ease,padding .4s ease}.faq-section .faq-item.active .faq-answer{max-height:500px;padding:1.5rem 1.8rem}.why-choose-us{background-color:initial;position:relative;z-index:1}.why-choose-us .features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.why-choose-us .feature-item{color:#fff;color:var(--text-color);padding:2.5rem;text-align:center}.why-choose-us .feature-item h3{color:#3df0fd;color:var(--primary-color);letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.why-choose-us .feature-item p{font-weight:400}.contact{background-color:#0a0a0a80;color:#fff;color:var(--text-color);position:relative;z-index:1}.contact .container{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.contact-form .form-group{margin-bottom:1.5rem}.contact-form label{color:#fff;color:var(--text-color);display:block;font-size:.9rem;font-weight:500;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.contact-form input,.contact-form textarea{background:#ffffff08;background:var(--card-bg);border:1px solid #ffffff1a;border-radius:10px;border-radius:var(--border-radius);color:#fff;color:var(--text-color);font-family:Poppins,sans-serif;font-family:var(--font-family);padding:15px;transition:all .3s ease;transition:all var(--transition-speed) ease;width:100%}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#a0a0a0;color:var(--text-muted)}.contact-form input:focus,.contact-form textarea:focus{background:#ffffff0d;border-color:#3df0fd;border-color:var(--primary-color);box-shadow:0 0 0 3px #00d4ff1a;outline:none}.contact-form textarea{height:150px;resize:vertical}.contact-info h3{font-size:2rem;letter-spacing:1px;margin-bottom:1.5rem;text-transform:uppercase}.contact-info p{color:#a0a0a0;color:var(--text-muted);font-weight:400;margin-bottom:1rem}.contact-info a{color:#3df0fd;color:var(--primary-color);text-decoration:none;transition:color .3s ease;transition:color var(--transition-speed) ease}.contact-info a:hover{color:#8aff54;color:var(--secondary-color)}.thank-you{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:100px 0}.thank-you .glass-card{max-width:600px;padding:50px;text-align:center}.thank-you h1{color:#3df0fd;color:var(--primary-color);font-size:2.5rem;margin-bottom:20px}.thank-you p{color:#fff;color:var(--text-color);font-size:1.2rem;margin-bottom:30px}.main-footer{background-color:#0a0a0a;background-color:var(--dark-color);border-top:1px solid #ffffff0d;color:#a0a0a0;color:var(--text-muted);font-size:.9rem;padding:60px 0 20px;position:relative;z-index:1}.footer-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.footer-logo .logo{color:#fff;color:var(--text-color);display:inline-block;font-size:24px;font-weight:700;margin-bottom:10px;text-decoration:none}.footer-logo p{color:#a0a0a0;color:var(--text-muted)}.footer-contact h4,.footer-links h4,.footer-social h4{color:#fff;color:var(--text-color);font-size:18px;margin-bottom:20px;padding-bottom:10px;position:relative}.footer-contact h4:after,.footer-links h4:after,.footer-social h4:after{background:#3df0fd;background:var(--primary-color);bottom:0;content:"";height:2px;left:0;position:absolute;width:50px}.footer-links ul{list-style:none;margin:0;padding:0}.footer-links ul li{margin-bottom:10px}.footer-links ul li a{color:#a0a0a0;color:var(--text-muted);text-decoration:none;transition:color .3s ease;transition:color var(--transition-speed) ease}.footer-links ul li a:hover{color:#3df0fd;color:var(--primary-color)}.footer-contact p{color:#a0a0a0;color:var(--text-muted);margin-bottom:10px}.social-links{display:flex;gap:15px}.social-links a{align-items:center;background-color:#ffffff1a;border-radius:50%;color:#fff;color:var(--text-color);display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;transition:all var(--transition-speed) ease;width:40px}.social-links a:hover{background-color:#3df0fd;background-color:var(--primary-color);color:#0a0a0a;color:var(--dark-color);transform:translateY(-3px)}.footer-bottom{border-top:1px solid #ffffff0d;color:#a0a0a0;color:var(--text-muted);padding-top:20px;text-align:center}@media(max-width:992px){.pricing-grid{gap:2rem;grid-template-columns:1fr}.pricing-card{padding:2.5rem 2rem}.services-grid,.why-choose-us .features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:768px){.main-nav .container{padding:15px}.mobile-menu-toggle{display:block}.main-nav .nav-links{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a0a0af2;box-shadow:0 10px 20px #0003;flex-direction:column;left:0;max-height:calc(100vh - 70px);overflow-y:auto;padding:20px 0;position:fixed;top:70px;transform:translateY(-100vh);transition:transform .3s ease;transition:transform var(--transition-speed) ease;width:100%;z-index:999}.main-nav .nav-links.active{transform:translateY(0)}.main-nav .nav-links li{border-bottom:1px solid #ffffff0d;margin:0;padding:15px 0;text-align:center;width:100%}.main-nav .nav-links li:last-child{border-bottom:none}.main-nav .nav-links a{display:inline-block}.hero{height:auto;padding:120px 0 80px}.hero h1{margin-bottom:1rem}.hero p{font-size:clamp(1rem,3vw,1.1rem);margin-bottom:2rem}.btn{font-size:.9rem;padding:12px 25px}.services-grid{gap:1.5rem;grid-template-columns:1fr}.service-card{padding:2rem 1.5rem}.service-card .icon{font-size:3rem}.about-content{padding:2rem 1.5rem}.about-text h3{font-size:1.8rem}.about-text p,.pricing-tab{font-size:1rem}.pricing-tab{padding:.8rem 1rem}.faq-section .faq-question{font-size:1rem;padding:1.2rem}.faq-section .faq-answer{padding:0 1.2rem}.faq-section .faq-item.active .faq-answer{padding:1rem 1.2rem}.why-choose-us .features-grid{gap:1.5rem;grid-template-columns:1fr}.why-choose-us .feature-item{padding:2rem 1.5rem}.contact .container{gap:2rem;grid-template-columns:1fr}.contact-form input,.contact-form textarea{padding:12px}.section-title{margin-bottom:2.5rem}.section-title h2{font-size:clamp(1.5rem,5vw,2rem)}.pricing-card.featured{margin-top:1rem;transform:none}.footer-content{grid-template-columns:1fr;text-align:center}.footer-contact h4:after,.footer-links h4:after,.footer-social h4:after{left:50%;transform:translateX(-50%)}.social-links{justify-content:center}}@media(max-width:480px){h1{font-size:clamp(1.8rem,7vw,2rem)}h2{font-size:clamp(1.4rem,6vw,1.8rem)}h3{font-size:clamp(1.1rem,5vw,1.3rem)}section{padding:40px 0}.hero{padding:100px 0 60px}.hero p{font-size:1rem}.btn{font-size:.85rem;margin:5px;padding:10px 20px}.about-content,.pricing-card,.service-card{padding:1.5rem 1rem}.pricing-tab{font-size:.9rem;padding:.7rem .8rem}.faq-section .faq-question{font-size:.95rem;padding:1rem}.why-choose-us .feature-item{padding:1.5rem 1rem}.contact-form input,.contact-form textarea{padding:10px}.main-nav .nav-links{max-height:calc(100vh - 60px);top:60px}.main-nav .container{padding:10px 15px}.main-nav .logo{font-size:1.5rem}}
/*# sourceMappingURL=main.ca7805c0.css.map*/