.search-bar-container{width:100%;max-width:950px;margin:0 auto;padding:20px}.search-bar{display:flex;align-items:center;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:60px;box-shadow:0 8px 40px rgba(0,0,0,.15),0 2px 8px rgba(0,0,0,.08),inset 0 0 0 1px hsla(0,0%,100%,.2);padding:10px 10px 10px 28px;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid hsla(0,0%,100%,.3)}.search-bar:hover{box-shadow:0 12px 50px rgba(0,0,0,.18),0 4px 12px rgba(0,0,0,.1),inset 0 0 0 1px hsla(0,0%,100%,.3);transform:translateY(-2px)}.search-bar:focus-within{box-shadow:0 12px 50px rgba(201,162,39,.25),0 4px 12px rgba(201,162,39,.15),0 0 0 2px rgba(201,162,39,.3);border-color:rgba(201,162,39,.3)}.search-field{display:flex;align-items:center;flex:1 1;min-width:0;padding:10px 0;position:relative}.from-field,.to-field{flex:1.2 1}.field-icon{width:26px;height:26px;margin-right:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.from-field .field-icon{color:#1a1a1a}.to-field .field-icon{color:#c9a227}.field-icon svg{width:22px;height:22px}.field-content{display:flex;flex-direction:column;flex:1 1;min-width:0}.field-content label{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px}.field-content input{border:none;outline:none;background:transparent;font-size:15px;color:#1f2937;width:100%;padding:0;font-weight:500}.field-content input::placeholder{color:#9ca3af;font-weight:400}.field-divider{display:flex;align-items:center;justify-content:center;padding:0 12px;position:relative}.field-divider:after,.field-divider:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:1px;height:45px;background:linear-gradient(180deg,transparent 0,#e5e7eb 20%,#e5e7eb 80%,transparent)}.field-divider:before{left:0}.field-divider:after{right:0}.swap-button{width:40px;height:40px;border-radius:50%;border:1px solid #e5e7eb;background:#f9fafb;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#6b7280;position:relative;overflow:hidden}.swap-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#c9a227,#9e7b1b);opacity:0;transition:opacity .3s ease;border-radius:50%}.swap-button:hover:before{opacity:1}.swap-button:hover{border-color:transparent;transform:rotate(180deg);box-shadow:0 4px 15px rgba(201,162,39,.3)}.swap-button svg{width:18px;height:18px;position:relative;z-index:1;transition:fill .3s ease}.swap-button:hover svg{fill:#fff}.search-button{background:linear-gradient(135deg,#c9a227,#9e7b1b);color:#fff;border:none;border-radius:50px;padding:18px 40px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;margin-left:15px;box-shadow:0 6px 25px rgba(201,162,39,.4);letter-spacing:.5px;position:relative;overflow:hidden}.search-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.search-button:hover:before{left:100%}.search-button:hover{transform:translateY(-2px);box-shadow:0 10px 35px rgba(201,162,39,.5)}.search-button:active{transform:translateY(0)}.search-button.loading{pointer-events:none}.search-button.loading,.search-button:disabled{opacity:.85;cursor:not-allowed}.button-spinner{display:inline-block;width:18px;height:18px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:buttonSpin .8s linear infinite;margin-right:8px;vertical-align:middle}@keyframes buttonSpin{to{transform:rotate(1turn)}}.route-suggestions{position:absolute;top:calc(100% + 10px);left:0;width:100%;min-width:250px;background:hsla(0,0%,100%,.98);border-radius:16px;box-shadow:0 15px 35px rgba(0,0,0,.1),0 4px 12px rgba(0,0,0,.05),inset 0 0 0 1px rgba(0,0,0,.05);list-style:none;padding:8px;margin:0;z-index:1000;max-height:250px;overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.route-suggestions li{padding:12px 16px;cursor:pointer;border-radius:10px;display:flex;align-items:center;font-size:14px;color:#374151;font-weight:500;transition:all .2s ease;margin-bottom:2px}.route-suggestions li:last-child{margin-bottom:0}.route-suggestions li:hover{background:rgba(201,162,39,.08);color:#1f2937}.route-suggestions li svg{margin-right:12px;color:#9ca3af;flex-shrink:0}.route-suggestions li:hover svg{color:#c9a227}@media (max-width:768px){.search-bar-container{padding:15px}.search-bar{flex-direction:column;border-radius:28px;padding:24px;gap:0}.search-field{width:100%;padding:18px 0;border-bottom:1px solid rgba(0,0,0,.06);position:relative}.from-field,.to-field{flex:none}.to-field{border-bottom:none}.field-divider{width:100%;padding:12px 0;justify-content:flex-end}.field-divider:after,.field-divider:before{display:none}.swap-button{position:absolute;right:0;z-index:1}.search-button{width:100%;margin-left:0;margin-top:20px;padding:20px 40px;font-size:16px;border-radius:16px}}@media (max-width:480px){.search-bar-container{padding:10px}.search-bar{padding:20px;border-radius:24px}.field-content label{font-size:10px}.field-content input{font-size:14px}.search-button{padding:18px 30px}}