@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}#root,body,html{height:100%}body{background:linear-gradient(135deg,#a5d2ff,#bbb7f2);background-attachment:fixed;background-size:cover}.app-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:40px 20px;text-align:center;transition:background .8s ease-in-out,color .3s ease;width:100%}.glass-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff3;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px 0 #00000026}.dark .glass-panel{background:#0000004d;border:1px solid #ffffff1a}.app-title{animation:fadeInDown .8s ease;font-size:42px;font-weight:600;margin-bottom:30px;text-shadow:0 2px 4px #0000001a}.search-box{animation:fadeInUp .8s ease;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}.city-input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff4d;border:none;border-radius:30px;box-shadow:inset 0 2px 4px #0000000d;color:inherit;font-size:16px;outline:none;padding:12px 20px;transition:.3s ease;width:300px}.dark .city-input{background:#0003;color:#fff}.dark .city-input::placeholder{color:#ffffffb3}.city-input:focus{background:#ffffff80;box-shadow:0 0 10px #fff6}.dark .city-input:focus{background:#0006}button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff6;border:none;border-radius:30px;box-shadow:0 4px 6px #0000001a;color:inherit;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.dark button{background:#ffffff26}button:hover{background:#fff9;box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.dark button:hover{background:#ffffff40}.location-button{background:#fff9}.dark .location-button{background:#fff3}.weather-card{animation:zoomIn .6s ease;margin-bottom:30px;margin-top:20px;padding:30px;transition:transform .3s ease,box-shadow .3s ease;width:350px}.weather-card:hover{box-shadow:0 12px 40px 0 #0003;transform:translateY(-5px)}.weather-card h2{font-size:24px;margin-bottom:10px}.weather-card h3{font-size:48px;font-weight:300;margin:15px 0}.weather-card p{font-size:16px;margin-bottom:8px}.weather-card img{filter:drop-shadow(0 4px 6px rgba(0,0,0,.2));height:80px;width:80px}.status-message{animation:fadeIn .5s ease;font-size:18px;font-weight:600;margin-top:20px}.error-message{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ff00001a;border-radius:8px;color:#ff4d4d;padding:10px 20px}.forecast-container{animation:fadeInUp .8s ease backwards;animation-delay:.2s;margin-top:10px;max-width:800px;width:100%}.forecast-container h3{font-weight:400;margin-bottom:20px}.forecast-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.forecast-card{padding:20px;text-align:center;transition:transform .3s ease;width:140px}.forecast-card:hover{transform:translateY(-5px) scale(1.05)}.forecast-card img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:50px;margin:10px 0;width:50px}.light{color:#1a1a1a}.dark{color:#f1f1f1}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:600px){.app-container{padding:20px 10px}.app-title{font-size:32px}.search-box{align-items:center;flex-direction:column;width:100%}.city-input{margin-right:0;width:90%}button{margin-left:0;width:90%}.weather-card{padding:20px;width:90%}.forecast-grid{gap:15px}.forecast-card{min-width:110px;width:45%}}
/*# sourceMappingURL=main.e20c9e71.css.map*/