body,html{height:100%;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{display:flex;justify-content:center;align-items:center;background:linear-gradient(to right,#00c6ff,#0072ff)}.weather-container{max-width:400px;width:90%;padding:20px;background:#fff3;border-radius:20px;box-shadow:0 8px 20px #00000026;text-align:center;color:#fff}.weather-container input[type=text]{width:80%;padding:10px;margin:15px 0;border:none;border-radius:10px;outline:none;font-size:16px;text-align:center}.weather-container button{padding:10px 20px;margin-top:10px;border:none;border-radius:10px;background-color:#007bff;color:#fff;font-size:16px;cursor:pointer;transition:.3s ease}.weather-container button:hover{background-color:#0056b3}.weather-info{margin-top:20px;padding:15px;border-radius:15px;background:#fff3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.weather-info h3{margin:10px 0;font-size:22px;font-weight:700}.weather-info p{margin:5px 0;font-size:16px}.error{color:#ff4c4c;font-weight:700;margin-top:15px}