body{background:#87ceeb;margin:0;font-family:Arial,sans-serif}.container{justify-content:center;align-items:center;min-height:100vh;display:flex}.weather-card{text-align:center;background:#fff;border-radius:20px;width:320px;padding:30px;box-shadow:0 4px 15px #0003}.search-box{gap:10px;margin-bottom:20px;display:flex}.search-box input{border:1px solid #ccc;border-radius:10px;flex:1;padding:10px;font-size:16px}.temp{margin:0;font-size:60px;font-weight:700}.details{margin-top:20px}.details p{margin:12px 0;font-size:18px}.search-box button{color:#fff;cursor:pointer;background-color:#0984e3;border:none;border-radius:12px;padding:12px 20px;font-size:16px;transition:all .3s}.search-box button:hover{background-color:#0767b1;transform:translateY(-2px)}.weather-info img{width:100px}.weather-info p{margin:8px 0}.error{color:red;font-weight:700}