body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;padding:20px 0}.search-container{align-items:center;display:flex;flex-direction:column;padding-top:50px;width:100%}.search-form{margin:0 auto;max-width:400px;position:relative;width:80%}.search-input{border:2px solid #e0e0e0;border-radius:25px;box-sizing:border-box;font-size:16px;outline:none;padding:15px 60px 15px 20px;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#4682b4;box-shadow:0 0 10px #4682b41a}.search-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:color .3s ease}.search-button svg{height:20px;width:20px}.search-button:hover{color:#4682b4}.suggestions-container{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;left:0;margin-top:5px;overflow:hidden;position:absolute;right:0;top:100%;width:100%;z-index:1000}.suggestion-item{cursor:pointer;padding:12px 20px;transition:background-color .2s ease}.suggestion-item:hover{background-color:#f5f5f5}.suggestion-item.selected{background-color:#e3f2fd;color:#1976d2}.weather-icon{color:#000;display:inline-block;font-size:2rem;margin:0 10px;transition:all .3s ease}.weather-icon.clear{animation:rotate 20s linear infinite;transform-origin:center}.weather-icon.clouds{animation:float 3s ease-in-out infinite;transform-origin:center}.weather-icon.drizzle,.weather-icon.rain{animation:rain 1.5s ease-in-out infinite;transform-origin:center}.weather-icon.snow{animation:snow 2s ease-in-out infinite;transform-origin:center}.weather-icon.thunderstorm{animation:flash 2s ease-in-out infinite;transform-origin:center}.weather-icon.atmosphere{animation:fog 4s ease-in-out infinite;transform-origin:center}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes rain{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(3px) scale(1.05)}}@keyframes snow{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(5px) rotate(90deg)}}@keyframes flash{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes fog{0%,to{opacity:.7}50%{opacity:1}}.current-weather-container{display:flex;justify-content:center;margin:30px 0}.current-weather-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 30px #0003;color:#fff;max-width:400px;padding:30px;text-align:center;width:100%}.current-weather-card h2{font-size:24px;font-weight:600;margin:0 0 10px}.current-time{font-size:14px;margin:0 0 20px;opacity:.9}.weather-icon-container{display:flex;justify-content:center;margin:20px 0}.weather-info{margin-top:20px}.weather-info p{font-size:16px;margin:8px 0}.temperature{font-size:20px!important;font-weight:600}.forecast-container{margin:30px 0;text-align:center}.forecast-container h2{color:#333;margin-bottom:20px}.forecast-cards{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:0 20px}.forecast-card{background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:15px;box-shadow:0 5px 15px #0000001a;color:#fff;flex:1 1;max-width:200px;min-width:150px;padding:20px;text-align:center}.forecast-card h3{font-size:16px;font-weight:600;margin:0 0 15px}.forecast-icon-container{display:flex;justify-content:center;margin:15px 0}.forecast-info{margin-top:15px}.forecast-info p{font-size:14px;margin:5px 0}.forecast-temp{font-size:15px!important;font-weight:600}@media (max-width:768px){body{padding:10px 0}.search-container{padding-top:20px}.search-input{font-size:14px;padding:12px 50px 12px 16px}.current-weather-card{margin:0 15px;padding:20px}.current-weather-card h2{font-size:20px;margin:0 0 8px}.current-time{font-size:12px;margin:0 0 15px}.weather-icon{font-size:1.5rem}.weather-info p{font-size:14px;margin:6px 0}.temperature{font-size:18px!important}.forecast-container{margin:20px 0}.forecast-container h2{font-size:18px;margin-bottom:15px}.forecast-cards{align-items:center;flex-direction:column;gap:10px;padding:0 15px}.forecast-card{max-width:280px;min-width:0;min-width:auto;padding:15px;width:100%}.forecast-card h3{font-size:14px;margin:0 0 10px}.forecast-icon-container{margin:10px 0}.forecast-card .weather-icon{font-size:1.3rem}.forecast-info p{font-size:12px;margin:4px 0}.forecast-temp{font-size:13px!important}}
/*# sourceMappingURL=main.8e9460b8.css.map*/