*{font-family:Poppins,sans-serif}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}.page-container{background:linear-gradient(135deg,#e0a697,#fff);color:#333;min-height:100vh}.nav{background:linear-gradient(90deg,#e17204,#e17204);padding:1.5rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.nav-brand{display:flex;align-items:center;gap:1rem}.nav-logo{width:70px;height:70px;border-radius:50%;object-fit:cover;transition:transform .5s ease}.nav-logo:hover{transform:rotate(360deg)}.nav-title h1{font-size:2rem;color:#fff;margin-bottom:.2rem}.nav-title-row{display:flex;align-items:center;gap:.5rem}.sampark-text{color:green;font-size:2rem}.india-text{color:#fff;font-size:2rem}.nav-title p{font-size:1rem;color:#fff}.nav-links{display:flex;gap:2rem}.nav-link{color:#fff;text-decoration:none;font-size:1.1rem;font-weight:700;position:relative;transition:color .3s ease}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:green;transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-link:hover{color:green}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;background:none;border:none;cursor:pointer;z-index:101}.hamburger-line{width:100%;height:3px;background-color:#fff;transition:all .3s ease}.hamburger.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.screenshots-section{background:linear-gradient(135deg,#e0a697,#fff);color:#fff;min-height:80vh;width:100%;padding:80px 5% 100px;box-sizing:border-box}.screenshots-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;max-width:1200px;margin:0 auto}.store-buttons{display:flex;gap:20px}.container{max-width:1200px;margin:2rem auto;padding:0 1rem}.hero{text-align:center;padding:3rem 1rem;margin-bottom:2rem;transition:transform .5s ease}.hero:hover{transform:scale(1.02)}.hero h2{color:#e17204;font-size:2rem;margin-bottom:1rem}.hero p{font-size:1.1rem;margin-bottom:1.5rem}.cta-button{background-color:#e17204;color:#333;padding:.75rem 1.5rem;border:none;border-radius:5px;font-size:1rem;cursor:pointer;position:relative;overflow:hidden;transition:background-color .3s,transform .2s}.cta-button:after{content:"";position:absolute;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.5),transparent);top:50%;left:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s}.cta-button:hover:after{width:200px;height:200px}.cta-button:hover{background-color:#ffd9d0;transform:scale(1.1)}.search-section{padding:2rem;margin-bottom:2rem;text-align:center}.search-section h2{color:#e17204;margin-bottom:1rem}.search-bar{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.search-input{padding:.75rem;width:100%;max-width:400px;border:1px solid #DA4B2C;border-radius:5px;font-size:1rem;background-color:#fff2ee;color:#333;transition:border-color .3s,transform .2s}.search-input:focus{outline:none;border-color:#fa6f51;transform:scale(1.02)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:2rem 0}.feature-card{padding:1.5rem;text-align:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px) scale(1.02)}.feature-card h3{color:#e17204;margin-bottom:.5rem}.feature-card p{color:#555}.footer{background-color:#e17204;color:#fff;text-align:center;padding:1rem;margin-top:2rem}.footer p{font-size:.9rem;opacity:0;animation:fadeIn 1s ease-in forwards;animation-delay:.5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes zoom{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes navLinkFade{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-fadeIn{animation:fadeIn 1s ease-in}.animate-slideUp{animation:slideUp .8s ease-out}.animate-zoom{animation:zoom .6s ease-out}.nav-link.animate-nav-link:nth-child(1){animation:navLinkFade .5s ease-out .1s forwards}.nav-link.animate-nav-link:nth-child(2){animation:navLinkFade .5s ease-out .2s forwards}.nav-link.animate-nav-link:nth-child(3){animation:navLinkFade .5s ease-out .3s forwards}.nav-link.animate-nav-link:nth-child(4){animation:navLinkFade .5s ease-out .4s forwards}.nav-initial{background-color:#000;height:100px;transition:background-color .4s ease,height .4s ease}.nav-scrolled{background-color:#e17204;height:70px;transition:background-color .4s ease,height .4s ease}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background:#fff2ee;padding:2rem;border-radius:8px;max-width:500px;width:90%;position:relative;box-shadow:0 4px 8px #0003;border:1px solid #e17204}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#e17204;transition:transform .3s ease}.close-button:hover{transform:scale(1.2)}.form-section{display:flex;flex-direction:column;gap:1.5rem}.form-section h3{margin:0;color:#e17204;text-align:center;font-size:1.8rem;font-weight:700}.form-section label{color:#333;font-size:1rem;font-weight:500}.search-input{padding:.75rem;width:100%;border:1px solid #e17204;border-radius:5px;font-size:1rem;background-color:#fff;color:#333;transition:border-color .3s,transform .2s}.search-input:focus{outline:none;border-color:#e17204;transform:scale(1.02)}.search-input.textarea{min-height:120px;resize:vertical}.days-selection,.time-selection{display:flex;flex-direction:column;gap:.75rem}.days-selection h4,.time-selection h4{color:#e17204;margin-bottom:.5rem;font-size:1.2rem}.day-checkbox,.time-input{display:flex;align-items:center;gap:.5rem;color:#333}.day-checkbox input,.time-input input{accent-color:#e17204}.time-input select{padding:.5rem;border:1px solid #e17204;border-radius:5px;background-color:#fff;color:#333;font-size:1rem;width:100%;max-width:150px}.time-input select:focus{outline:none;border-color:#e17204}.success-popup{background:#fff2ee;padding:1.5rem;border-radius:8px;max-width:400px;width:90%;text-align:center;box-shadow:0 4px 8px #0003;border:1px solid #e17204}.success-popup h3{color:#e17204;font-size:1.5rem;margin-bottom:1rem}.success-popup p{color:#333;font-size:1rem;margin-bottom:1.5rem}@media (max-width: 768px){.nav{flex-direction:row;align-items:center;padding:1rem}.nav-brand{flex-direction:row;text-align:left}.nav-logo{width:40px;height:40px}.nav-title h1{font-size:1.8rem}.nav-title p{font-size:.9rem}.hamburger{display:flex}.nav-links{display:none;flex-direction:column;position:absolute;top:70px;right:0;background:#e17204;width:200px;padding:1rem;box-shadow:0 4px 8px #0003;z-index:100}.nav-links.nav-links-open{display:flex}.nav-link{padding:.5rem 0;text-align:center}.screenshots-container{flex-direction:column;text-align:center}.screenshots-text,.screenshots-images{flex:1 1 100%;max-width:100%}.screenshots-images{margin-top:30px}.screenshots-images img{position:relative;top:0;left:0;margin:10px auto;transform:scale(1.05)}.hero h2{font-size:1.5rem}.search-bar{flex-direction:column}.search-bar input,.search-bar button{width:100%}}.screenshots-section{background:linear-gradient(135deg,#e0a697,#fff);color:#fff;min-height:80vh;width:100%;padding:60px 5% 80px;box-sizing:border-box}.screenshots-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;max-width:1200px;margin:0 auto;gap:2rem}.screenshots-text{flex:1 1 60%;animation:slideInLeft 1s ease}.screenshots-text h2{font-size:2.7rem;margin-bottom:20px;font-weight:700;color:#000}.screenshots-text p{font-size:1.2rem;line-height:1.6;margin-bottom:30px;max-width:500px;color:#2b2727}.store-buttons{display:flex;gap:20px;flex-wrap:wrap}.store-buttons img{height:55px;cursor:pointer;transition:transform .3s ease-in-out}.store-buttons img:hover{transform:scale(1.1)}.screenshots-images{flex:1 1 50%;position:relative;max-width:400px;margin-top:-400px;animation:slideInRight 1s ease}.screenshots-images img{width:100%;max-width:300px;border-radius:20px;box-shadow:0 15px 40px #ffffff26;position:absolute;transition:transform .5s ease;transform:scale(1.05)}.img1{top:0;left:0;z-index:2;animation:float1 3s ease-in-out infinite}.img2{top:30px;left:180px;z-index:1;animation:float2 3s ease-in-out infinite;max-width:70%}@keyframes float1{0%,to{transform:scale(1.05) translateY(0)}50%{transform:scale(1.05) translateY(-10px)}}@keyframes float2{0%,to{transform:scale(1.05) translateY(0)}50%{transform:scale(1.05) translateY(10px)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.wave-container{position:relative;width:100%;height:90px;background:transparent;overflow:hidden;margin-top:-2px}.waves{width:100%;height:100%;display:block}.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}@keyframes move-forever{0%{transform:translate(0)}to{transform:translate(-90px)}}@media (max-width: 1024px){.screenshots-text h2{font-size:2.2rem}.screenshots-text p{font-size:1.1rem;max-width:100%}.screenshots-images{max-width:350px;margin-top:-300px}.screenshots-images img{max-width:250px}.img2{left:150px;max-width:65%}}@media (max-width: 768px){.screenshots-section{padding:40px 5% 60px;min-height:auto}.screenshots-container{flex-direction:column;text-align:center;gap:1.5rem}.screenshots-text,.screenshots-images{flex:1 1 100%;max-width:100%}.screenshots-text h2{font-size:1.8rem}.screenshots-text p{font-size:1rem;line-height:1.5}.store-buttons{justify-content:center;gap:15px}.store-buttons img{height:45px}.screenshots-images{margin-top:20px}.screenshots-images img{position:relative;top:0;left:0;margin:10px auto;max-width:200px;transform:scale(1)}.img2{max-width:180px}.wave-container{height:60px}}@media (max-width: 480px){.screenshots-section{padding:30px 5% 40px}.screenshots-text h2{font-size:1.5rem}.screenshots-text p{font-size:.9rem}.store-buttons img{height:40px}.screenshots-images img{max-width:150px}.img2{max-width:140px}.wave-container{height:50px}}
