#root,body,html{background:#e0eafc;font-family:Poppins,Montserrat,Arial,sans-serif;height:100%;margin:0;padding:0}.main-bg{min-height:100vh;min-width:100vw;position:relative}.app-container{align-items:center;background:#dbdfef;border-radius:30px;box-shadow:0 7px 32px 0 #00bfff2b;display:flex;flex-direction:column;margin:48px auto;max-width:340px;padding:2.2rem 1.2rem 1.6rem;position:relative;text-align:center;z-index:2}.weather-title{color:#16aaff;display:inline-block;font-family:Poppins,Montserrat,Arial,sans-serif;font-size:2rem;font-weight:700;letter-spacing:1px}.weather-form{display:flex;gap:.6rem;justify-content:center;margin-bottom:20px;width:100%}.weather-form input[type=text]{background:#f6f8fc;border:2px solid #00bfff;border-radius:25px;box-shadow:0 2px 10px #e0f7fa14;font-size:1.03rem;outline:none;padding:.5rem 1rem;transition:border .2s;width:67%}.weather-form input[type=text]:focus{border-color:#ffd194}.weather-form button{background:linear-gradient(90deg,#f7971e,#ffd200,#21d4fd,#b721ff);background-size:300% 100%;border:none;border-radius:25px;box-shadow:0 2px 10px #21d4fd23;color:#fff;cursor:pointer;font-size:1.09rem;font-weight:600;letter-spacing:1px;padding:.5rem 1.3rem;transition:background-position .4s,box-shadow .3s}.weather-form button:hover{background-position:100% 0;box-shadow:0 4px 20px #21d4fd66}.weather-card{align-items:center;animation:fadeIn 1s;background:linear-gradient(135deg,#f8ffae,#43cea2);border-radius:18px;box-shadow:0 6px 24px 0 #43cea2aa;color:#333;display:flex;flex-direction:column;margin-bottom:1.3rem;margin-top:1.1rem;padding:1.2rem .5rem 1.3rem;position:relative;width:97%}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.weather-icon{animation:bounce 1.2s infinite alternate;height:60px;margin-bottom:.5rem;width:60px}@keyframes bounce{to{transform:translateY(-10px)}}.temp{color:#ff9800;font-size:2.1rem;font-weight:700;text-shadow:0 1px 8px #fff8e1}.desc{color:#00b894;font-size:1.13rem;font-weight:500;margin-bottom:.5rem}.city{color:#0077b6;font-size:1.04rem;font-weight:600;margin-bottom:.2rem}.loader{animation:spin 1s linear infinite;border:7px solid #f3f3f3;border-radius:50%;border-top-color:#00bfff;display:inline-block;height:48px;margin-top:2.2rem;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.forecast-section{align-items:center;display:flex;flex-direction:column;margin-top:.7rem;text-align:center}.forecast-section h2{color:#00bfff;font-size:1.19rem;font-weight:700;letter-spacing:.2px;margin-bottom:1rem}.forecast-cards{align-items:flex-end;display:flex;flex-direction:row;gap:.9rem;justify-content:center;margin-top:.2rem;width:100%}.forecast-card{align-items:center;animation:fadeIn .7s;background:#fff;border:2px solid #e3f6fd;border-radius:15px;box-shadow:0 1.5px 8px #43cea233;display:flex;flex-direction:column;font-size:.97rem;margin:0;min-width:86px;padding:.7rem .45rem .55rem;text-align:center;transition:transform .18s}.forecast-card:hover{border:2px solid #00bfff;box-shadow:0 8px 24px #21d4fd22;transform:translateY(-6px) scale(1.04)}.forecast-date{color:#00bfff;font-size:.99rem;font-weight:500;margin-bottom:3px}.forecast-icon{height:32px;margin-bottom:2px;width:32px}.forecast-temp{color:#ff9800;font-size:1.09rem;font-weight:600}.forecast-desc{color:#00b894;font-size:.92rem}@media (max-width:600px){.app-container{max-width:97vw;padding:1.2rem .3rem 1.6rem}.forecast-cards{flex-wrap:wrap;gap:.4rem}.forecast-card{min-width:80px;padding:.55rem .2rem}}body{background:#e0eafc;margin:0;min-height:100vh}*{box-sizing:border-box}
/*# sourceMappingURL=main.e34bdf45.css.map*/