.container{max-width:900px;margin:auto;padding:20px}.weather-date{color:#3d3d3d;font-size:22px;font-weight:600;text-align:center}.weather-input{margin:15px 0;text-align:center}input{padding:12px 18px;border-radius:25px;border:2px solid #d3d3d3;width:250px;font-size:16px;text-align:center}.weather-container{display:flex;gap:25px;margin-top:20px}.weather-temperature{border:4px solid #b7b7b7;border-radius:25px;padding:40px 30px;text-align:center;width:260px}.weather-temperature h1{font-size:60px;margin:10px 0}.weather-desc{font-size:18px;color:gray}.weather-icon{width:100px;margin-bottom:10px}.weather-details{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;flex:1}.card{background:#f3f3f3;padding:18px;border-radius:15px;text-align:left}.card p{color:#777;margin-bottom:5px}.card h3{font-size:22px}