body{margin:0;font-family:Arial,Helvetica,sans-serif;background-color:#eaeaea}a{color:#138869;text-decoration:none}.big-text{color:#138869;font-size:32px}.text-input{background-color:#fff;color:#138869;border-radius:10px;padding:10px;width:50%}.text-input p{margin:2px 0;font-weight:600;font-size:small}.error-text{color:red}.navbar{padding:20px;display:flex;justify-content:space-between;align-items:center}.navbar p{margin:10px}.navlink,.route-container{display:flex;gap:40px;font-weight:900;font-size:20px}.login-button{border-radius:10px;color:#138869;font-weight:600;padding:10px 30px;background:linear-gradient(to right,#a2ea7680,#57d5b880);cursor:pointer}.regular-button{border-radius:10px;background:#138869;color:#fff;padding:10px 30px;border:none;cursor:pointer;width:fit-content}.frosted{width:fit-content;border-radius:20px;padding:30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid white;box-shadow:inset 0 0 30px #ffffff80;background:#ffffff4d}.icon-button{background:none;border:none;cursor:pointer;font-size:16px;color:#138869}.poi-card{background-color:#fff;border-radius:10px;padding:1px 15px 15px}.poi-card .details{color:#138869;display:flex;gap:20px}.poi-card .details .icon{margin-right:5px}.poi-card .details p{margin:0}.poi-card .poi-header{display:flex;align-items:center;justify-content:space-between}.poi-card .poi-header .buttons{display:flex;gap:10px;align-items:center}.poi-card .poi-like{cursor:pointer}.route-card{background-color:#fff;border-radius:10px;padding:1px 15px}.route-card .header{display:flex;justify-content:space-between;align-items:center}.route-card h1{color:#138869}.route-card h2{color:#138869;margin-top:0}.route-card .details{color:#138869;display:flex;gap:30px;margin-bottom:20px}.route-card .details .icon{margin-right:5px}.route-card .details p{margin:0;color:#000;display:flex;align-items:center;gap:10px}.input-field-component{background-color:#fff;align-items:center;border-radius:10px;padding:10px 20px 10px 10px;justify-content:space-between;display:flex}.input-field-component input{border:none;width:100%}.input-field-component input:focus{outline:none}.input-field-component .inputs{display:flex;width:100%}.input-field-component p{color:#138869;margin-top:2px;font-weight:600;font-size:small}.route-card:hover{cursor:pointer}.account-display{display:flex;align-items:center}.dropdown-trigger{border:none;background-color:transparent;color:#138869;font-size:24px;cursor:pointer}.dropdown-portal{margin-right:20px;padding:20px;min-width:150px}.dropdown-portal .big-text{font-weight:700;margin-bottom:10px}.dropdown-portal-poi{margin-right:20px;padding:20px;display:flex;gap:20px;flex-direction:column}.border{border:3px #138869 solid}.logout{background-color:#138869;border-radius:10px;color:#fff;padding:10px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.dropdown-nav{display:flex;gap:10px;padding:8px 10px;margin-bottom:8px;align-items:center}.dropdown-nav p{margin:0;color:#000}.dropdown-nav:hover{background-color:#fff;border-radius:10px}.autocomplete-input{border:none;width:100%;padding:10px 0;font-size:16px}.autocomplete-input:focus{outline:none}.home{display:flex;justify-content:center;align-items:center;flex-direction:column}.home h1{margin:20px 0}.home .frosted{width:60%;margin-top:20px}.home .inputs{display:flex;width:100%;gap:10px;flex-direction:column}.home .inputs label{display:block;margin:2px 0;font-weight:600;font-size:small;color:#138869}.home .inputs .user-preferences{display:flex;gap:20px;align-items:flex-end;font-size:16px}.home .inputs .user-preferences input,.home .inputs .user-preferences select{border:none;padding:5px;background-color:transparent;border-bottom:#138869 2px solid;font-size:16px}.home .inputs .user-preferences input:focus,.home .inputs .user-preferences select:focus{outline:none}.home .inputs .location-inputs{gap:50px;display:flex}.home .inputs p{margin:2px 0;font-weight:600;font-size:small}.home .inputs .submit{display:flex;justify-content:center;align-items:center;background-color:#138869;color:#fff;border:none;width:100px!important;border-radius:10px;font-size:20px;cursor:pointer}.home .inputs .submit:hover{filter:brightness(1.1)}.home .inputs .submit:disabled{background-color:gray;cursor:default}.landing{padding:0 15% 10%;display:flex;flex-direction:column;min-height:70vh;justify-content:center}.landing .gradient{background:linear-gradient(to right,#a2ea76,#57d5b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing .regular-button{margin-top:20px}.results{display:flex;gap:20px;justify-content:space-around;padding:0 20px 20px;height:calc(100vh - 180px)}.results .map{padding-top:20px;background-color:#fff;width:70vw;border-radius:20px;display:flex;justify-content:center;align-items:center;flex-direction:column}.results .map .options{width:95%;display:flex;gap:20px}.results .map .options button{border:3px #138869 solid;border-radius:30px;color:#138869;padding:10px 20px;font-weight:600}.results .map .options button.selected{background-color:#138869;color:#fff}.results .map .top-bar{display:flex;width:95%}.results .map button{background:none;border:none;cursor:pointer;font-size:16px;color:#138869}.results .map .big-text{font-size:16px;display:flex;color:#484848;width:100%;justify-content:center}.results .google-map{width:95%;height:85%}.results .poi{display:flex;flex-direction:column;gap:10px;width:30vw;overflow:scroll;border-radius:20px}.results .poi .frosted{overflow:scroll}.results .poi .big-text{display:flex;justify-content:space-between}.results .poi .exportButton{background:none;border:none;cursor:pointer;font-size:16px;color:#138869}.results .poi .selected{border:2px #138869 solid}.results .poi #inner-pois,.results .poi #poi-cards-only{display:flex;flex-direction:column;gap:10px}.results .poi .add-stop{display:flex;background-color:#fff;border-radius:10px;align-items:center;justify-content:space-between;padding-right:20px}.results .poi .add-stop button{height:20px;border:none;background-color:transparent;color:#138869;cursor:pointer}.login{display:flex}.login .panel{width:40%;background-color:#fff;border-radius:0 20px 20px 0;min-height:100vh}.login .panel .text{padding:50px 100px}.login .panel .text p{line-height:2}.login .form{width:60%;display:flex;justify-content:center;align-items:center}.login .form .frosted{width:50%;display:flex;flex-direction:column;justify-content:center;gap:20px}.login .form .frosted .regular-button{text-align:center;width:100%;box-sizing:border-box}.login .form .frosted .text-input{width:100%;box-sizing:border-box}.login .form .frosted .text-input input{width:100%;border:none;font-size:16px}.login .form .frosted .text-input input:focus{outline:none}.routes,.pois{padding:0 15% 10%;display:flex;flex-direction:column;gap:20px}.routes .big-text,.pois .big-text{font-weight:700;margin-bottom:20px}.routes .pagination,.pois .pagination{display:flex;align-items:center;justify-content:center}.background-gradient{background-image:url(/assets/background-CflJFf-i.png);background-size:cover;background-repeat:no-repeat;background-position:center;min-height:100vh}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff9;display:flex;justify-content:center;align-items:center;z-index:1}.spinner{width:50px;height:50px;border:6px solid #ccc;border-top-color:#138869;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}