*{box-sizing:border-box;margin:0;padding:0}body{background:#0f172a;font-family:Arial,sans-serif}.app{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.weather-container{color:#fff;background:#1e293b;border-radius:20px;width:100%;max-width:500px;padding:25px;box-shadow:0 0 20px #0006}.title{text-align:center;margin-bottom:20px}.search-bar{gap:10px;margin-bottom:20px;display:flex}.search-bar input{border:none;border-radius:10px;outline:none;flex:1;padding:12px;font-size:16px}.search-bar button{color:#fff;cursor:pointer;background:#38bdf8;border:none;border-radius:10px;padding:12px 20px;font-size:16px}.loading{text-align:center}.error{color:red;text-align:center}.weather-card{text-align:center;margin-bottom:30px}.description{text-transform:capitalize}.weather-info{justify-content:space-around;margin-top:20px;display:flex}.forecast-title{text-align:center;margin-bottom:20px}.forecast-list{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;display:grid}.forecast-card{text-align:center;background:#334155;border-radius:10px;padding:10px}