@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700&display=swap);body,h1,h2,h3,h4,h5,h6{color:var(--text-color-dark)}body.light-mode,body.light-mode .footer-link,body.light-mode footer,body.light-mode h1,body.light-mode h2,body.light-mode h3,body.light-mode h4,body.light-mode h5,body.light-mode h6{color:var(--text-color-light)}#theme-toggle:hover,.footer-link:hover,.text-primary-green{color:var(--green-primary)!important}:root{--green-primary:#1DB954;--green-secondary:#0A7337;--black-dark:#0A0A0A;--black-light:#181818;--gray-dark:#2C2C2C;--gray-medium:#E0E0E0;--gray-light:#F4F6F8;--white-pure:#FFFFFF;--text-color-light:#333333;--text-color-dark:#F0F0F0;--shadow-light:rgba(0, 0, 0, 0.1);--shadow-dark:rgba(255, 255, 255, 0.08)}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;transition:background-color .6s cubic-bezier(.25, .46, .45, .94),color .6s cubic-bezier(.25, .46, .45, .94);line-height:1.7;font-size:1rem}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:800;letter-spacing:-.05rem;line-height:1.2;margin-bottom:.5em}.lead,p{font-weight:400;line-height:1.8}.btn-primary-green{background-color:var(--green-primary);border:2px solid var(--green-primary);color:var(--white-pure);font-weight:600;padding:.75rem 2.5rem;border-radius:50px;text-transform:uppercase;letter-spacing:.05rem;transition:.3s cubic-bezier(.25, .46, .45, .94);box-shadow:0 4px 15px rgba(29,185,84,.2);will-change:transform,box-shadow}.btn-primary-green:hover{background-color:var(--green-secondary);transform:translateY(-3px);box-shadow:0 8px 25px rgba(29,185,84,.3);color:var(--white-pure)}body.light-mode{background-color:var(--gray-light)}#loading-screen,body.dark-mode{background-color:var(--black-dark)}body.light-mode .navbar{background-color:var(--white-pure);box-shadow:0 2px 10px var(--shadow-light)}body.light-mode .nav-link,body.light-mode .navbar-brand{color:var(--text-color-light)!important}body.light-mode .navbar-toggler-icon{filter:invert(0)}body.light-mode .feature-item{background-color:var(--white-pure);border:1px solid var(--gray-medium);border-radius:1.5rem;box-shadow:0 4px 15px rgba(0,0,0,.05)}body.light-mode .contact-form{background-color:var(--white-pure);box-shadow:0 8px 20px var(--shadow-light)}body.light-mode footer{background-color:var(--white-pure);border-top:1px solid var(--gray-medium)}body.dark-mode .contact-form,body.dark-mode .feature-item,body.dark-mode .navbar,body.dark-mode footer{background-color:var(--black-light)}body.dark-mode,body.dark-mode .btn-close-custom,body.dark-mode .footer-link,body.dark-mode footer,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6{color:var(--text-color-dark)}body.dark-mode .navbar{box-shadow:0 2px 10px var(--shadow-dark)}body.dark-mode .nav-link,body.dark-mode .navbar-brand{color:var(--text-color-dark)!important}body.dark-mode .navbar-toggler-icon{filter:invert(1)}body.dark-mode .feature-item{border:1px solid var(--gray-dark);border-radius:1.5rem;box-shadow:0 4px 15px rgba(0,0,0,.2)}body.dark-mode .contact-form{box-shadow:0 8px 20px rgba(0,0,0,.2)}body.dark-mode footer{border-top:1px solid var(--gray-dark)}.navbar{transition:background-color .4s,box-shadow .4s}.nav-scrolled{background-color:rgba(18,18,18,.9)!important;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,.2)}body.light-mode .nav-scrolled{background-color:rgba(255,255,255,.95)!important}.section-bg-overlay,body.light-mode .section-bg-overlay{background:radial-gradient(circle at 15% 15%,rgba(29,185,84,.08),transparent 25%),radial-gradient(circle at 85% 85%,rgba(29,185,84,.08),transparent 25%),radial-gradient(circle at 50% 50%,rgba(29,185,84,.05),transparent 40%)}.navbar-brand{padding-left:1rem;margin-right:auto}.logo-circle{width:40px;height:40px;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center;box-shadow:0 0 10px rgba(0,0,0,.1);transition:box-shadow .3s}body.dark-mode .logo-circle{box-shadow:0 0 10px rgba(255,255,255,.1)}.logo-circle img{width:100%;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.25, .46, .45, .94)}.logo-circle:hover img{transform:scale(1.05)}.navbar-nav .nav-link{position:relative;padding-bottom:.5rem;transition:color .3s}.navbar-nav .nav-link::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background-color:var(--green-primary);transition:width .3s cubic-bezier(.25, .46, .45, .94)}.navbar-nav .nav-link.active::after,.navbar-nav .nav-link:hover::after{width:100%}#theme-toggle{cursor:pointer;font-size:1.25rem;margin-left:1rem;transition:color .3s,transform .2s;will-change:transform,color}#theme-toggle:hover{transform:scale(1.1)}.section-bg-overlay-parent{position:relative;z-index:1}.section-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;animation:30s linear infinite pan-background;will-change:background-position;z-index:-1}@keyframes pan-background{0%{background-position:0 0}100%{background-position:100% 100%}}.hero-section{min-height:100vh;padding-top:5rem;padding-bottom:2rem;display:flex;align-items:center}.hero-section .container-fluid{height:100%;display:flex;align-items:center}.animate__content{opacity:0;transform:translateY(20px);animation:1.2s cubic-bezier(.25,1,.5,1) forwards fade-in-up}.animate__mockup{opacity:0;transform:translateY(50px) scale(.95);animation:1.2s cubic-bezier(.25,1,.5,1) .5s forwards fade-in-up}@keyframes fade-in-up{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-mockup-frame{position:relative;width:280px;height:560px;border:12px solid #333;border-radius:40px;box-shadow:inset 0 0 10px rgba(0,0,0,.5),0 20px 60px rgba(0,0,0,.3);overflow:hidden;background-color:#000;display:flex;justify-content:center;align-items:center;transition:border-color .4s,box-shadow .4s,transform .5s cubic-bezier(.25, 1, .5, 1);will-change:transform,box-shadow}body.dark-mode .mobile-mockup-frame{border-color:#555;box-shadow:inset 0 0 10px rgba(255,255,255,.1),0 20px 60px rgba(0,0,0,.5)}.mobile-mockup-frame:hover{transform:translateY(-5px) scale(1.03)}.mobile-mockup-frame::before{content:'';position:absolute;top:15px;left:50%;transform:translateX(-50%);width:80px;height:6px;background-color:#666;border-radius:10px}.mobile-mockup-frame .app-screenshot{width:calc(100% - 16px);height:calc(100% - 16px);object-fit:cover;border-radius:30px;position:absolute;top:8px;left:8px;transition:.5s cubic-bezier(.25, 1, .5, 1);will-change:transform}.animate-on-scroll{opacity:0;transform:translateY(30px) scale(.9);transition:opacity .6s cubic-bezier(.25, 1, .5, 1),transform .6s cubic-bezier(.25, 1, .5, 1);will-change:transform,opacity}.download-btn,.download-btn img{transition:transform .3s,filter .3s;will-change:transform,filter}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0) scale(1)}.animate-on-scroll.delay-1{transition-delay:0.1s}.animate-on-scroll.delay-2{transition-delay:0.2s}.animate-on-scroll.delay-3{transition-delay:0.3s}.animate-on-scroll.delay-4{transition-delay:0.4s}.animate-on-scroll.delay-5{transition-delay:0.5s}#download,#features,#guide{padding-top:5rem;padding-bottom:5rem}#features .feature-item,#guide .feature-item{transition:transform .3s,box-shadow .3s;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:1.5rem}#features .feature-item:hover,#guide .feature-item:hover{transform:translateY(-8px);box-shadow:0 8px 20px rgba(0,0,0,.15)}body.dark-mode #features .feature-item:hover,body.dark-mode #guide .feature-item:hover{box-shadow:0 8px 20px rgba(0,0,0,.3)}#features .image-outline,#guide .image-outline{border:none;width:250px;height:250px;padding:5px;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-shrink:0;transition:transform .3s}#features .feature-img,#guide .feature-img{width:100%;height:100%;object-fit:contain}#features h4,#guide h4{margin-top:1rem;margin-bottom:.5rem;color:var(--green-primary);transition:color .3s}#features .feature-item:hover h4,#guide .feature-item:hover h4{color:var(--green-secondary)}#features p,#guide p{font-size:.95rem}.download-btn{height:60px;display:inline-block}.download-btn img{height:100%;object-fit:contain;filter:brightness(1)}body.dark-mode .download-btn img{filter:brightness(.85)}.download-btn:hover img{transform:translateY(-5px);filter:brightness(1.2)}body.dark-mode .download-btn:hover img{filter:brightness(1.2)}.about-cover-img{transition:transform .3s,box-shadow .3s;will-change:transform,box-shadow}.about-cover-img:hover{transform:scale(1.02);box-shadow:0 10px 30px rgba(0,0,0,.15)}body.dark-mode .about-cover-img:hover{box-shadow:0 10px 30px rgba(0,0,0,.3)}.contact-form{transition:background-color .4s,box-shadow .4s;border-radius:1.5rem;padding:2.5rem}.contact-form .form-label{font-weight:500;margin-bottom:.5rem}.contact-form .form-control{border-radius:.75rem;border:1px solid var(--gray-medium);padding:.75rem 1.25rem;transition:border-color .3s,box-shadow .3s}body.dark-mode .contact-form .form-control{background-color:var(--gray-dark);color:var(--text-color-dark);border-color:#444}.contact-form .form-control:focus{border-color:var(--green-primary);box-shadow:0 0 0 .25rem rgba(29,185,84,.25);outline:0;background-color:inherit}footer{padding-top:3.5rem;padding-bottom:3.5rem;margin-top:4rem;border-top:1px solid var(--gray-medium);transition:background-color .4s,border-color .4s}body.dark-mode footer{border-color:var(--gray-dark)}.footer-link{font-weight:500;transition:color .3s;text-decoration:none}.modal-content{border-radius:1.5rem;border:none;transition:background-color .4s;padding:1.5rem}body.light-mode .modal-content{background-color:var(--white-pure);color:var(--text-color-light)}body.dark-mode .modal-content{background-color:var(--black-light);color:var(--text-color-dark)}.btn-close-custom{background:0 0;border:none;font-size:1.5rem;color:var(--text-color-light);transition:color .3s;opacity:1}.btn-close-custom:hover,.icon-circle,body.dark-mode .btn-close-custom:hover{color:#dc3545}.icon-circle{width:60px;height:60px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;background-color:#f8d7da;font-size:2rem}.icon-circle.success{background-color:#d4edda;color:#28a745}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;transition:opacity .5s ease-in-out}#loading-screen.fade-out{opacity:0;visibility:hidden}.loader-container{animation:2s cubic-bezier(.66,0,.34,1) infinite pulse}.loader-logo{width:100px;height:100px;border-radius:50%;background-color:var(--green-primary);display:flex;justify-content:center;align-items:center;position:relative;box-shadow:0 0 10px rgba(29,185,84,.5)}.loader-logo img{width:70%;height:70%;object-fit:contain}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(29,185,84,.7)}70%{transform:scale(1.1);box-shadow:0 0 0 10px rgba(29,185,84,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(29,185,84,0)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--black-light)}::-webkit-scrollbar-thumb{background:var(--green-primary);border-radius:10px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:var(--green-secondary)}body.light-mode ::-webkit-scrollbar-track{background:var(--gray-medium)}@media (max-width:991.98px){.hero-section{padding-top:80px;text-align:center}.hero-section .row{flex-direction:column;margin:0}.hero-section .col-lg-5{padding:0}.mobile-mockup-frame{width:250px;height:500px;margin-bottom:3rem;border-width:10px;border-radius:35px}.mobile-mockup-frame .app-screenshot{width:calc(100% - 12px);height:calc(100% - 12px);border-radius:28px;top:6px;left:6px}.mobile-mockup-frame::before{width:70px;height:5px}#features .image-outline,#guide .image-outline{width:150px;height:150px}#features h4,#guide h4{font-size:1.1rem}#features p,#guide p{font-size:.85rem}.download-btn img{height:45px}.contact-form{padding:1.5rem}}@media (max-width:575.98px){.hero-section h1{font-size:2.5rem}.hero-section p.lead{font-size:1rem}.mobile-mockup-frame{width:220px;height:450px;border-width:8px;border-radius:30px}.mobile-mockup-frame .app-screenshot{width:calc(100% - 10px);height:calc(100% - 10px);border-radius:25px;top:5px;left:5px}.mobile-mockup-frame::before{width:60px;height:4px}}