@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.app{background:#e2d4ff;min-height:100vh;display:grid}.weather{min-height:100vh;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);display:flex;flex-direction:column;align-items:center;padding-top:60px;font-family:Segoe UI,sans-serif;color:#fff}.search-bar{display:flex;gap:10px;background:#ffffff26;padding:12px 16px;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-bar input{background:transparent;border:none;outline:none;color:#fff;font-size:16px;width:200px}.search-bar input::placeholder{color:#ffffffb3}.search-bar img{width:20px;cursor:pointer}.status{margin-top:15px;font-size:14px}.status.error{color:#ff7675}.weather-card{margin-top:30px;width:320px;background:#ffffff2e;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:25px;text-align:center;box-shadow:0 10px 30px #0000004d}.weather-icon{width:90px}.temperature{font-size:48px;font-weight:600;margin:10px 0}.location{font-size:20px;opacity:.9}.condition{font-size:14px;opacity:.7}.unit-toggle{margin:10px 0 15px;padding:6px 16px;border-radius:20px;border:none;background:#ffffff40;color:#fff;cursor:pointer;transition:.3s}.unit-toggle:hover{background:#fff6}.weather-data{display:flex;justify-content:space-between;margin-top:20px}.col{display:flex;align-items:center;gap:10px}.col img{width:30px}.col p{font-weight:500}.recent{margin-top:20px}.recent p{font-size:14px;margin-bottom:8px;opacity:.8}.recent span{display:inline-block;margin:4px;padding:6px 12px;border-radius:16px;background:#ffffff40;cursor:pointer;font-size:13px;transition:.3s}.recent span:hover{background:#fff6}