@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.animated-box{margin-top:30px;opacity:0;transform:translateY(50px);transition:opacity .6s ease-out,transform .6s ease-out}.animated-box.visible{animation:fadeInUp .6s ease-out forwards}.container{font-family:Poppins,sans-serif;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;flex-direction:row;max-width:100%;gap:10%;overflow-y:auto;overflow-x:hidden;padding:0 30px}.text-content{flex:1}.image-content{flex:1;display:flex;justify-content:center;max-width:100%}.image{max-width:100%;height:auto}.home-page h1{font-size:3.5rem;color:#222}.home-page h1 span{color:#0056b3}.home-page p{font-size:1.3rem;color:#555;line-height:1.6}@media (max-width: 768px){.container{flex-direction:column;padding-top:120px;min-height:100vh}.home-page h1{font-size:2.5rem;color:#222}.text-content{text-align:center}.image{width:90%;max-width:400px}}.features{padding:20px;font-family:Poppins,sans-serif;margin:0;background-color:#f8f9fa;text-align:center}.features-container{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;padding-bottom:20px}.feature{background:#fff;padding:20px;border-radius:10px;width:300px;text-align:center;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease-in-out}.feature:hover{transform:translateY(-10px)}.feature img{width:80px;margin-bottom:15px}.home-page h3{font-size:1.5rem;color:#0056b3}.pricing{font-family:Poppins,sans-serif;background-color:#f8f9fa;text-align:center;padding:20px}.pricing-container{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:20px}.plan{background:#fff;padding:25px;border-radius:10px;width:300px;text-align:center;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease-in-out}.plan:hover{transform:translateY(-10px);border:1px solid #0056b3;transform:scale(1.05)}.plan h3{font-size:1.5rem;color:#0056b3}.price{font-size:1.8rem;font-weight:700;margin:10px 0;color:#222}.home-page ul{list-style:none;padding:0}.home-page ul li{margin:8px 0;font-size:1rem;color:#555}.subscribe-btn{display:inline-block;margin-top:15px;padding:10px 20px;background:#0056b3;color:#fff;text-decoration:none;border-radius:5px;transition:background .3s}.subscribe-btn:hover{background:#003d80}.contact{font-family:Poppins,sans-serif;background-color:#f8f9fa;text-align:center;padding:20px 20px 50px}.home-page h2{font-size:2.5rem;color:#222}.home-page p{font-size:1rem;color:#555;margin-bottom:30px}.contact-container{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.contact-info,.contact-form{background:#fff;padding:25px;border-radius:10px;width:350px;text-align:left;box-shadow:0 5px 15px #0000001a}.contact-info h3,.contact-form h3{font-size:1.5rem;color:#0056b3;margin-bottom:10px}.contact-info p,.contact-form form{font-size:1rem;color:#555}.contact-info a{color:#0056b3;text-decoration:none}.contact-info a:hover{text-decoration:underline}.contact-form input,.contact-form textarea{width:90%;padding:10px;margin:8px 0;border:1px solid #ccc;border-radius:5px}.contact-form textarea{height:100px;resize:none}.contact-form button{width:100%;padding:10px;background:#0056b3;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background .3s}.contact-form button:hover{background:#003d80}.image-flow-wrapper{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.image-flow{max-width:50%;border-radius:10px;margin-bottom:30px}.header{display:flex;justify-content:space-around;align-items:center;padding:10px 20px;background-color:#fff;border-bottom:1px solid #ddd;height:50px;position:fixed;top:0;left:0;width:100%;z-index:1000}.logo{display:flex;align-items:center;font-size:24px;font-weight:700;color:#1a2a3a}.header nav ul{display:flex;justify-content:center;gap:20px;list-style:none;padding:0;margin:0}.header nav ul li{padding:5px 10px;font-size:18px;font-weight:500;border-bottom:2px solid transparent;transition:border-bottom .2s ease-in-out}.active{box-shadow:0 2px #0056b3;z-index:1000}@media (max-width: 768px){nav ul li{display:none}.header{justify-content:center}}html,body,#react-root{height:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}img{display:inline-block;max-width:100%}.manual{color:orange}.cloud{color:#4a754c}.new-input{color:#333}