*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica,sans-serif}body{background:url(/assets/Bg-B5cjP1ZD.png) center/cover no-repeat;width:100%;height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{width:100%;height:100vh;position:relative;background-color:#0006;color:#fff;display:flex;flex-direction:column;align-items:center;overflow:hidden}.app:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}.input{display:flex;justify-content:center;align-items:center;padding-top:70px;gap:10px}.input input{width:350px;height:45px;background-color:#ffffff1a;color:#fff;font-weight:600;border-radius:25px;border:2px solid white;padding:2px 20px;outline:none;transition:all .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.input input:focus{border-color:#00c3ff;box-shadow:0 0 10px #00c3ff}.input button{width:110px;height:45px;background-color:#00c3ff;color:#fff;font-weight:700;border-radius:25px;border:none;cursor:pointer;transition:all .3s ease}.input button:hover{background-color:#009edb;transform:scale(1.05);box-shadow:0 0 12px #00c3ff}p{font-size:1.4rem}h1{font-size:6rem}.container{max-width:700px;min-height:550px;margin:auto;padding:20px 1rem;position:relative;top:10%;display:flex;flex-direction:column;justify-content:space-between;text-align:center;animation:fadeIn .8s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app .top{width:100%;margin:1rem auto}.app .description{position:relative;transform:rotate(269deg);transform-origin:0 0;right:-90%}.app .bottom{display:flex;justify-content:space-evenly;margin:2rem auto;text-align:center;width:100%;padding:1.5rem;border-radius:15px;background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 25px #0003;transition:transform .3s ease}.app .bottom:hover{transform:scale(1.02)}.app .bottom div{display:flex;flex-direction:column;align-items:center;transition:transform .3s ease}.app .bottom div:hover{transform:translateY(-5px)}.app .bottom p{font-size:1.4rem}.bold{font-weight:700;font-size:1.8rem}@media (max-width: 768px){h1{font-size:4rem}.input input{width:250px}.input button{width:90px}.container{top:5%;min-height:400px}.app .bottom{flex-direction:column;gap:1.5rem}}
