*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#85caff,#e8e1fa)}.weather{padding:30px;border-radius:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #1f268733;display:flex;flex-direction:column;align-items:center;max-width:350px;margin:auto;background-image:linear-gradient(135deg,#3c75d0,#c2e9fb)}.search-bar input{width:180px;height:45px;border-radius:12px;border:none;padding:0 15px;font-size:16px;color:#333;background:#fffc;outline:none;box-shadow:0 4px 12px #0000000d}.search-bar img{width:40px;height:40px;border-radius:50%;background:#4facfe;padding:10px;cursor:pointer;transition:all .3s ease}.search-bar img:hover{transform:scale(1.1);background:#00f2fe}.weather-icon{width:140px;margin:15px 0}.temperature{color:#fff;font-size:56px;font-weight:700;margin-top:10px;text-shadow:2px 2px 10px rgba(0,0,0,.2)}.location{color:#fff;font-size:28px;font-weight:500;margin-bottom:15px}.weather-data{display:flex;justify-content:space-between;gap:30px;width:100%;color:#fff;font-size:18px}