.header{background:linear-gradient(135deg,#4b6cb7,#182848);color:#fff;margin-bottom:2rem;padding:2rem 0;text-align:center}.header h1{font-size:2.5rem;margin:0}.header p{font-size:1.2rem;margin:.5rem 0 0;opacity:.9}.search-bar{margin:0 auto 2rem;max-width:600px;width:100%}.search-input-container{border-radius:30px;box-shadow:0 4px 12px #0000001a;display:flex;overflow:hidden;position:relative}.search-input-container input{background:#fff;border:none;color:#333;flex:1 1;font-size:1rem;outline:none;padding:15px 20px}.search-input-container input:disabled{background:#f5f5f5}.search-input-container button{align-items:center;background:#4b6cb7;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:0 20px;transition:background .3s ease}.search-input-container button:hover:not(:disabled){background:#3a5a9a}.search-input-container button:disabled{background:#ccc;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.search-bar{margin-bottom:1.5rem}.search-input-container input{font-size:.9rem;padding:12px 15px}}@media (max-width:480px){.search-input-container{border-radius:25px}.search-input-container input{padding:10px 15px}}.weather-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:15px;box-shadow:0 4px 20px #00000026;font-family:Poppins,sans-serif;margin:20px auto;max-width:600px;padding:20px;text-align:center}.weather-list h2{color:#222;font-size:26px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.weather-list p{color:#444;font-size:16px}.current-weather{align-items:center;background:#ffffff80;border-radius:10px;box-shadow:0 2px 10px #00000026;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px;transition:transform .3s ease}.current-weather:hover{transform:scale(1.05)}.current-weather img{height:70px;width:70px}.forecast-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-around}.forecast-list div{background:#fff6;border-radius:10px;box-shadow:0 2px 10px #0000001a;min-width:110px;padding:12px;text-align:center;transition:transform .3s ease-in-out,background .3s}.forecast-list div:hover{background:#fff9;transform:translateY(-5px)}.forecast-list img{height:50px;width:50px}input[type=date],input[type=text]{border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;font-size:16px;margin:12px 0;padding:12px;transition:all .3s ease;width:90%}input[type=date]:focus,input[type=text]:focus{box-shadow:0 0 10px #007bff66;outline:none}button{background:linear-gradient(45deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 18px;transition:all .3s ease}button:hover{background:linear-gradient(45deg,#0056b3,#004099);transform:scale(1.05)}ul{list-style:none;padding:0}ul li{background:#ffffff80;border-radius:8px;box-shadow:0 2px 10px #0000001a;cursor:pointer;margin-top:5px;padding:12px;transition:all .3s ease}ul li:hover{background:#007bffcc;color:#fff;transform:scale(1.05)}.history-weather{background:#ffffff80;border-radius:10px;box-shadow:0 2px 10px #00000026;margin-top:20px;padding:15px;text-align:center;transition:transform .3s ease}.history-weather:hover{transform:scale(1.05)}.history-weather img{height:55px;width:55px}body{align-items:center;background:linear-gradient(120deg,#89cff0,#007bff);display:flex;justify-content:center;min-height:100vh;padding:20px}.footer{background-color:#2c3e50;color:#ecf0f1;margin-top:auto;padding:2rem 0;width:100%}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.footer-section{flex:1 1;margin-bottom:1.5rem;min-width:250px;padding:0 1rem}.footer-section h3{font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;position:relative}.footer-section h3:after{background-color:#3498db;bottom:0;content:"";height:2px;left:0;position:absolute;width:50px}.footer-section p{line-height:1.6;margin-bottom:1rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#bdc3c7;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#3498db}.social-links{display:flex;flex-wrap:wrap;gap:1rem}.social-links a{color:#bdc3c7;text-decoration:none;transition:color .3s ease}.social-links a:hover{color:#3498db}.footer-bottom{border-top:1px solid #34495e;margin-top:1.5rem;padding-top:1.5rem;text-align:center}@media screen and (max-width:768px){.footer-container{flex-direction:column}.footer-section{margin-bottom:2rem}}body{background-color:#f5f7fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;margin:0}.App{display:flex;flex-direction:column;min-height:100vh}.container{flex:1 1;margin:0 auto;max-width:1200px;padding:20px;width:100%}.error-message{align-items:center;background:#ffebee;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#d32f2f;display:flex;font-weight:500;justify-content:space-between;margin:20px auto;max-width:600px;padding:12px 20px}.retry-button{background:#d32f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-left:15px;padding:8px 16px;transition:background-color .3s ease}.retry-button:hover{background:#b71c1c}.loading-container{align-items:center;display:flex;height:200px;justify-content:center}@media (max-width:768px){.container{padding:15px}.error-message{flex-direction:column;padding:15px;text-align:center}.retry-button{margin:10px 0 0;width:100%}}@media (max-width:480px){.container{padding:10px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.weather-card{animation:fadeIn .5s ease-out forwards}button,input{transition:all .3s ease}button:focus,input:focus{outline:2px solid #4b6cb7;outline-offset:2px}@media print{.App{background:none}.footer,.header{display:none}.weather-card{border:1px solid #ddd;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}
/*# sourceMappingURL=main.cc0fa935.css.map*/