.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.header{width:80%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:15px 0}.left-side{display:flex;flex-direction:row;align-items:center;gap:15px}.left-side span{font-size:18px;font-weight:500;color:#9e9aa7;cursor:pointer}.left-side span:hover{color:#000}.right-side{display:flex;flex-direction:row;align-items:center;gap:20px}.btn-1{color:#9e9aa7;border:none;padding:10px 15px;border-radius:20px;background-color:#bfbfbf1f;font-weight:700;font-size:18px;cursor:pointer}.btn-1:hover{background-color:#bfbfbf40}.btn-2{color:#fff;border:none;padding:10px 15px;border-radius:20px;background-color:#0ceded;font-weight:700;font-size:18px;cursor:pointer}.btn-2:hover{background-color:#2acfcf}.menu-btn{display:none;cursor:pointer}@media(max-width:1000px){.right-side,.left-side span{display:none}.menu-btn{display:inline-block}}.menu{background-color:#3b3054;border:none;top:60px;right:20px;border-radius:10px;padding:15px 10px;display:flex;flex-direction:column;align-items:center;position:absolute;width:90%}h2{font-weight:700;cursor:pointer;color:#fff}h2:hover{color:#2acfcf}.line{border:2px solid rgba(128,128,128,.075);width:90%}.btn{background-color:#2acfcf;color:#fff;border:none;border-radius:25px;padding:15px 30px;font-size:16px;cursor:pointer;width:80%;text-align:center}.btn:hover{background-color:#51dbdb;color:#fff}.upper-section{background-color:#fff;width:80%;display:flex;flex-direction:row;justify-content:space-between;margin-top:20px;padding:0}.text-container{padding:20px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:start}.text-container h1{font-size:50px;line-height:55px;text-align:start;color:#333;margin-bottom:0}.text-container p{font-size:18px;line-height:28px;text-align:start;color:#667085;margin-top:10px}.text-container button{color:#fff;border:none;padding:10px 15px;border-radius:20px;background-color:#0ceded;font-weight:700;font-size:18px;cursor:pointer}.svg-container{width:auto}.text-container button:hover{background-color:#2acfcf}@media(max-width:1000px){.upper-section{flex-direction:column;width:100%}.text-container h1,.text-container p{text-align:center}.text-container{align-items:center}}.bottom-section{width:100%;background-color:#bfbfbf4f;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:50px}.bottom-container{width:80%;display:flex;flex-direction:column;align-items:center;gap:0px}.statistics{display:flex;flex-direction:column;justify-content:center;align-items:center}.statistics h2{margin-top:70px;margin-bottom:0;color:#3b3054;font-size:30px}.statistics p{margin-top:7px;margin-bottom:70px;color:#7a7a7a;font-size:16px;text-align:center;max-width:500px}.cards-container{display:flex;flex-direction:row;gap:0px;align-items:center;width:80%;justify-content:space-between;margin-top:30px}.card-item-1,.card-item-2,.card-item-3{display:flex;flex-direction:column;align-items:start;padding:20px;background-color:#fff;border-radius:8px;position:relative;margin:0;width:400px;height:200px}.card-item-1{top:-50px}.card-item-2{top:-25px}.icon-wrapper{position:absolute;width:60px;height:60px;background-color:#3b3054;padding:7px;border-radius:60px;display:flex;align-items:center;justify-content:center;top:-30px;left:10%}.card-title{margin-top:40px;margin-bottom:10px;color:#3b3054;font-size:20px;text-align:start}.card-text{margin:0;color:#7a7a7a;font-size:14px;text-align:start}.card-separator{width:20px;height:8px;background-color:#2acfcf;top:50%;right:-20px;z-index:-1}.boost-section{width:100%;background-color:#3b3054;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;padding:50px 0;margin-top:50px}.boost-text{color:#fff;font-size:30px;margin:0}.boost-button{background-color:#2acfcf;color:#fff;border:none;border-radius:25px;padding:15px 30px;font-size:16px;cursor:pointer}.boost-button:hover{background-color:#51dbdb}@media(max-width:1000px){.cards-container{flex-direction:column;align-items:center;justify-content:center;width:100%}.icon-wrapper{left:140px}.card-text{text-align:center}.card-item-1,.card-item-2,.card-item-3{align-items:center;width:300px;margin-top:30px}.card-separator{display:none}}.changer{width:100%;min-height:40px;border:none;border-radius:5px;font-size:16px;box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:20px}.input-container{background-color:#3b3054;display:flex;padding:40px;align-items:start;justify-content:center;gap:10px;border-radius:10px}.input-field{width:100%;display:flex;flex-direction:column;position:relative;min-height:60px}input{height:40px;border:none;border-radius:5px;font-size:16px;padding:0 20px;box-sizing:border-box;width:100%;outline:none}.input-container button{background-color:#2acfcf;color:#fff;border:none;border-radius:5px;padding:11px 20px;font-size:16px;cursor:pointer;width:25%;font-weight:700}.card{background-color:#fff;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 20px;margin-top:10px;border-radius:5px}.input-error{color:red;font-size:10px;visibility:hidden}.input-error.active{visibility:visible}.shorten-link{display:flex;flex-direction:row;align-items:center;gap:20px}.shorten-link p{color:#0ceded;margin:0;font-size:16px}.copy-button{background-color:#0ceded;color:#fff;border:none;border-radius:5px;padding:10px 25px;font-size:16px;cursor:pointer;font-weight:700;margin:0}.copy-button:hover{background-color:#2acfcf}.copy-button.copied{background-color:#3b3054}@media(max-width:1000px){.input-container{flex-direction:column}.input-container button{width:100%}}.footer{background-color:#241e33;width:100%;display:flex;justify-content:center;align-items:center;padding:50px 0}.footer-container{display:flex;flex-direction:row;justify-content:space-between;align-items:start;width:80%}.list{display:flex;justify-content:space-between;align-items:start;gap:20px}.list-items span{color:#fff;font-weight:700}.list-items p{color:#7a7a7a;margin-bottom:5px;line-height:15px;cursor:pointer}.list-items p:hover{color:#0ceded}.social{display:flex;gap:20px;cursor:pointer}.socials{fill:#fff}.socials:hover{fill:#0ceded}@media(max-width:1000px){.footer-container{flex-direction:column;align-items:center;width:100%}.list{flex-direction:column;align-items:center;text-align:center;margin-top:20px}.social{margin-top:20px}}