.search-box{width:80%;padding:8px;margin-bottom:10px;border-radius:8px;border:none;font-size:16px}button{margin-bottom:20px;padding:8px 16px;border:none;border-radius:8px;cursor:pointer;background:#fff9;transition:background .3s}button:hover{background:#ffffffe6}.weather-app{display:flex;justify-content:center;align-items:center;height:100vh;transition:background 1s ease;overflow:hidden;font-family:Arial,sans-serif}.weather-card{background:#fff3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:20px;padding:30px;text-align:center;color:#fff;width:300px;box-shadow:0 8px 20px #0000004d}.weather-card h1{margin:0;font-size:24px}.temp{font-size:48px;font-weight:700;margin:10px 0}.icon i{font-size:50px}.sunny{background:linear-gradient(to top,#fac96d,#e7831f,#fff)}.cloudy{background:linear-gradient(to top,#757f9a,#d7dde8)}.rainy{background:linear-gradient(to top,#373b44,#1d0bd8)}.snowy{background:linear-gradient(to top,#c4ebf0,#a5c0e8)}.stormy{background:linear-gradient(to top,#232526,#6e720f);animation:stormAnim 3s infinite linear}@keyframes stormAnim{0%,90%,to{filter:brightness(1)}95%{filter:brightness(3)}}