body{margin:0;font-family:Arial,sans-serif;transition:background .5s ease-in-out}.weather-dashboard{padding:20px;width:auto;margin:auto}.weather-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:20px}.forecast-container{margin-top:20px;padding:20px;background-color:#4b5563e6;border-radius:10px;text-align:center;color:#fff}@media (max-width: 768px){.weather-content{flex-direction:column;align-items:center}.forecast-container{width:100%;padding:15px}}.highlights-container{background-color:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;width:90%;max-width:1200px;border-radius:12px;padding:25px;margin:auto;transition:all .3s ease-in-out}.highlights-title{font-size:22px;margin-bottom:15px;text-align:center;font-weight:700}.highlight-title{align-items:center;font-size:18px;font-weight:700}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;justify-content:center}.air-quality-card{background-color:#374151;padding:20px;border-radius:12px;transition:transform .2s}.air-quality-card:hover{transform:scale(1.05)}.air-quality-header{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:700}.aqi-badge{padding:5px 10px;border-radius:6px;font-weight:700;color:#fff}.aqi-1{background-color:green}.aqi-2{background-color:#ff0;color:#000}.aqi-3{background-color:orange}.aqi-4{background-color:red}.aqi-5{background-color:#8b0000}.aqi-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px;text-align:center}.sunrise-card{background-color:#374151;padding:20px;border-radius:12px;text-align:center;transition:transform .2s}.sunrise-card:hover{transform:scale(1.05)}.sun-details{display:flex;justify-content:space-between;padding:10px}.highlight-icon{font-size:20px;color:#facc15}.extra-highlights{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-top:20px;font-size:1rem}.extra-highlights:hover{transform:scale(1.05)}@media (max-width: 768px){.highlights-grid{grid-template-columns:1fr}.sun-details,.extra-highlights{flex-direction:column;align-items:center}}.navbar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#ff9a9e,#fad0c4);border:2px solid #ccc;padding:10px 20px;border-radius:12px;box-shadow:0 5px 10px #0000001a;flex-wrap:wrap;gap:10px}.logo{display:flex;align-items:center;font-size:18px;font-weight:700;color:#000}.logo p{margin-left:8px}.search-container{display:flex;align-items:center;gap:8px}.search-input{width:250px;border-radius:2px;background-color:#fff!important;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out;border:2px solid #ccc;outline:none}.search-input:focus{border-color:#ff6b81;box-shadow:0 0 5px #ff6b8180;background-color:#fff}.search-input.error{border:2px solid red!important;background-color:#fff!important}.validation-message{color:red;font-size:12px;margin-top:4px;margin-left:8px;display:block;background:none!important}.search-btn{background-color:#374151!important;color:#fff!important;padding:5px 12px!important;font-size:12px!important;text-transform:none!important;border-radius:6px!important;height:38px}.current-location{display:flex;align-items:center;justify-content:center;background-color:#374151;color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;height:38px;font-size:14px;gap:5px}@media (max-width: 768px){.navbar{flex-direction:column;align-items:center;gap:12px}.logo{font-size:20px}.search-container{flex-direction:row;align-items:center;justify-content:center;width:100%}.search-input{width:75%;border-radius:20px}.search-btn{width:auto;padding:4px 10px!important;font-size:12px!important;height:38px}.current-location{padding:4px 8px;font-size:12px;height:34px;width:auto;min-width:120px}}@media (max-width: 480px){.logo{font-size:16px}.search-input{width:70%;border-radius:20px}.search-btn{font-size:10px!important;padding:4px 8px!important;height:36px}.current-location{padding:3px 6px;font-size:10px;height:32px;min-width:100px}}.forecast-container{background-color:#4b5563;color:#fff;border-radius:12px;padding:20px;width:95%;max-width:1200px;margin:auto;text-align:center;display:flex;flex-direction:column;justify-content:center}.weather-data{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;justify-content:center;margin-bottom:20px}.weather-card{background:#ffffff26;padding:12px;border-radius:8px;text-align:center;font-size:14px}.date-label{font-weight:700;font-size:16px;margin-bottom:5px}.weather-icon{width:50px;height:50px}.weather-condition{font-size:13px;font-weight:700;text-transform:capitalize}.wind-humidity{font-size:12px;margin-top:3px}.chart-container{width:100%;height:400px}@media (max-width: 768px){.weather-data{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.weather-card{font-size:12px;padding:10px}.date-label{font-size:14px}.weather-condition{font-size:12px}.chart-container{height:300px}}@media (max-width: 480px){.forecast-container{padding:15px}.weather-data{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.weather-card{font-size:10px;padding:8px}.date-label{font-size:12px}.chart-container{height:250px}}.hourly-forecast-container{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;width:90%;margin:auto;text-align:center;color:#fff}.hourly-title{font-size:18px;font-weight:700;margin-bottom:10px}.hourly-scroll{display:flex;overflow-x:auto;gap:15px;padding:10px;scrollbar-width:none}.hour-card{min-width:70px;padding:10px;background:#fff3;border-radius:10px;text-align:center}.hour-time{font-size:14px;font-weight:700}.weather-icon{width:40px;height:40px}.hour-temp{font-size:16px;font-weight:700}.hour-humidity{font-size:12px;opacity:.8}.chart-container{width:100%;height:150px;margin-top:15px}.main-weather-card{background-image:url(/assets/Weather-pUst3i3N.jpg);color:#fff;border-radius:10px;padding:30px;width:90%;max-width:350px;text-align:center;display:flex;flex-direction:column;gap:10px;box-shadow:2px 4px 10px #0003;margin:20px auto}.weather-temp{font-size:2.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px}.weather-icon{font-size:3rem}.weather-description{font-size:1.2rem;font-weight:500;opacity:.8}.weather-details{margin-top:10px;font-size:1rem;display:flex;flex-direction:column;gap:5px}.weather-details div{display:flex;align-items:center;gap:5px;justify-content:center}@media (max-width: 768px){.main-weather-card{width:80%;padding:20px}.weather-temp{font-size:2rem}.weather-icon{font-size:2.5rem}}@media (max-width: 480px){.main-weather-card{width:95%;padding:15px}.weather-temp{font-size:1.8rem}.weather-icon{font-size:2rem}.weather-description{font-size:1rem}.weather-details{font-size:.9rem}}.video-background{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.weather-dashboard{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:20px}.navbar{position:relative;z-index:3;width:100%;background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px;border-radius:10px}.forecast-container{position:relative;z-index:3;background:#323232cc;color:#fff;border-radius:12px;padding:20px;width:90%;max-width:1200px;margin:30px auto auto;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:200px}