body{margin:0;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background-color:#f0f2f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.weather-app{max-width:500px;margin:50px auto;background-color:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.weather-app header{background-color:linear-gradient(135deg,#5c6bc0,#3f51b5);color:#fff;padding:30px;text-align:center}.weather-app h1{margin:0;font-size:2.5em;color:#3f51b5}.weather-app form{display:flex;margin-top:20px}.weather-app input{flex-grow:1;padding:12px 15px;border:none;border-radius:5px 0 0 5px;font-size:1em}.weather-app button{padding:12px 20px;border:none;background-color:#ff7043;color:#fff;border-radius:0 5px 5px 0;cursor:pointer;font-size:1em;font-weight:700;transition:background-color .2s}.weather-app button:hover{background-color:#f4511e}.weather-app main{padding:30px;text-align:center}.weather-display h2{font-size:2em;color:#3f51b5;margin-bottom:10px}.weather-display .temperature{font-size:4.5em;font-weight:700;color:#2c3e50;margin:10px 0}.weather-display p{font-size:1.2em;color:#555}.error-message{color:red;font-weight:700;margin:1em 0}