body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(187deg,#000,#003288);color:#fff;display:flex;justify-content:center;align-items:center;height:100vh;background-attachment:fixed}h2{margin:0 0 16px}p{margin:0}.widget-container{text-align:center;max-width:400px;width:90%;padding:20px;border-radius:15px;background:linear-gradient(135deg,#849abe,#214176);box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.app-title{font-size:2rem;font-weight:700;color:#edf2f7;margin-bottom:15px}.search-input{width:100%;padding:10px 12px;font-size:.9rem;border:1px solid rgba(255,255,255,.5);border-radius:5px;background:#ffffff1a;color:#f0f7ed;outline:none;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box;margin-bottom:20px}.search-input:focus{border-color:#63b3ed;box-shadow:0 0 8px #63b3ed80}.search-input::placeholder{color:#fff;opacity:.6}.weather-card{padding:15px;border:1px solid rgba(255,255,255,.5);border-radius:5px;text-align:center}.weather-icon{width:60px;height:60px}.temperature{font-size:2.5rem;color:#63b3ed;margin:8px 0;font-weight:700}.condition{font-size:1rem;font-weight:700;margin:8px 0;color:#e2e8f0}.weather-details{font-size:.8rem;color:#cbd5e0;margin-top:8px;line-height:1.4}