body{align-items:center;background:url(/static/media/bg.acd417f25f16cfc72725.jpg) no-repeat 50% fixed;background-size:cover;color:#000;display:flex;font-family:Arial,sans-serif;justify-content:center;margin:0;min-height:100vh;overflow:hidden;position:relative}body:before{animation:moveParticles 40s linear infinite;background-image:radial-gradient(#fff 1px,#0000 0);background-size:50px 50px;content:"";height:200%;opacity:.08;position:absolute;width:200%}@keyframes moveParticles{0%{transform:translate(0)}to{transform:translate(-200px,-200px)}}.weather-container{animation:autoZoom 4s ease-in-out infinite;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffff14;border:1px solid #fff3;border-radius:25px;box-shadow:0 15px 50px #00000040;color:#111;max-width:420px;padding:35px;position:relative;text-align:center;transition:all .4s ease;width:100%;z-index:2}@keyframes autoZoom{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.weather-container:hover{box-shadow:0 20px 60px #0006,0 0 40px #0ff,0 0 60px #f0f;transform:scale(1.08)}.search-box{display:flex;gap:10px;margin-bottom:20px}.search-box input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:12px;flex:1 1;font-size:15px;outline:none;padding:12px}.search-box button{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff26;border:1px solid #fff6;border-radius:12px;color:#111;cursor:pointer;font-weight:600;padding:12px 16px;transition:all .4s ease}.search-box button:hover{background:#ffffff4d;box-shadow:0 0 15px #0ff,0 0 25px #f0f;transform:scale(1.1)}.weather-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:18px;margin-top:20px;padding:20px}.weather-card h2{-webkit-text-fill-color:#0000;animation:gradientMove 5s ease infinite;background:linear-gradient(45deg,#f0c,#33f,#0ff);-webkit-background-clip:text;background-size:300% 300%;font-size:36px;font-weight:700;margin-bottom:10px}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.weather-card p{font-size:16px;margin:6px 0}@media (max-width:500px){.weather-container{margin:20px;padding:25px}.search-box{flex-direction:column}.search-box button{width:100%}}
/*# sourceMappingURL=main.5b418fd7.css.map*/