.weather-input-wrapper{max-width:600px;margin:2rem auto;padding:2rem;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;box-shadow:0 10px 20px #0006;color:#e1e1e1}.input-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.search-input{width:80%;padding:12px 20px;border:none;border-radius:25px;font-size:1.1rem;background:#ffffff1a;color:#fff;box-shadow:0 4px 8px #0003;transition:all .3s ease}.search-input::placeholder{color:#888}.search-input:focus{outline:none;box-shadow:0 6px 12px #0000004d;transform:translateY(-2px);background:#ffffff26}.search-btn{padding:12px 30px;border:none;border-radius:25px;background:#4a00e0;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.search-btn:hover{background:#5c1aff;transform:translateY(-2px);box-shadow:0 4px 12px #5a1aff66}.searching-city{font-size:1.1rem;margin-top:1rem;text-align:center;color:#b8b8b8}.city-name{font-weight:700;color:#8a2be2}.weather-result{margin-top:2rem;padding:1.5rem;background:#ffffff0d;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;border:1px solid rgba(255,255,255,.1)}.result-city{font-size:2rem;margin-bottom:1rem;color:#8a2be2}.result-temp{font-size:1.3rem;margin-bottom:.5rem;color:#e1e1e1}.temp-value{font-weight:700;color:#8a2be2}.result-desc{font-size:1.2rem;color:#b8b8b8}@media screen and (max-width: 480px){.weather-input-wrapper{margin:1rem auto;padding:1.5rem}.input-container{flex-direction:column}.search-input{width:90%}.search-btn{width:100%}.weather-details{gap:1rem}.result-temp{flex-direction:column;text-align:center}.additional-info{grid-template-columns:1fr;text-align:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.weather-result{animation:fadeIn .5s ease-out}*/ body{margin:0;padding:0;min-height:100vh;background:linear-gradient(to bottom right,#0f0f1a,#1a1a2e);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#e1e1e1}