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;margin:0;padding:0}body{font-family:Poppins,sans-serif}.app,body{min-height:100vh;overflow:hidden}.app{align-items:center;background:linear-gradient(180deg,#0a0a1a,#1a1a2e,#2a2a3e);display:flex;flex-direction:column;padding:40px 20px;position:relative;transition:background 1.5s ease;width:100%}.app:before{animation:moveSun 20s linear infinite;content:"☀️";filter:drop-shadow(0 0 20px rgba(255,200,0,.8));font-size:4rem;left:-10%;position:fixed;top:5%;z-index:0}@keyframes moveSun{0%{left:-10%}to{left:110%}}.app:after{animation:bgLightning 8s infinite;background:#ffffff08;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}@keyframes bgLightning{0%,to{opacity:0}45%,47%{opacity:1}46%{opacity:0}80%,82%{opacity:1}81%{opacity:0}}.sunny{background:linear-gradient(180deg,#1a6b3c,#f6d365,#fda085)}.rainy{background:linear-gradient(180deg,#1a3a2e,#2d5a4e,#3d7a6e)}.cloudy{background:linear-gradient(180deg,#2d4a3e,#4a7a6a,#6a9a8a)}.stormy{background:linear-gradient(180deg,#0a1a0e,#1a2e1e,#2a3e2e)}.snowy{background:linear-gradient(180deg,#1a3a2e,#2d6a5e,#3d8a7e)}.content{max-width:500px;position:relative;text-align:center;width:100%;z-index:2}h1{color:#fff;font-size:2.5rem;margin-bottom:10px;text-shadow:0 2px 10px #0000004d}.tagline{color:#fffc;font-size:.9rem;margin-bottom:30px}.search{display:flex;gap:10px;margin-bottom:20px}input{background:#ffffffe6;border:none;border-radius:25px;color:#333;flex:1 1;font-family:Poppins,sans-serif;font-size:1rem;outline:none;padding:12px 20px}input::placeholder{color:#888}button{background-color:#1a6b3c;border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;padding:12px 25px;transition:background .3s}button:hover{background-color:#145530}.error{background:#f003;border-radius:10px;color:#fcc;margin-bottom:15px;padding:10px 20px}.weather-card{animation:slideUp .5s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:25px;box-shadow:0 8px 32px #0003;color:#fff;padding:30px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.weather-emoji{font-size:5rem;margin-bottom:10px}.weather-card h2{font-size:1.8rem;margin-bottom:5px}.temp{color:#fff;font-size:4rem;font-weight:700;margin:10px 0;text-shadow:0 2px 10px #0003}.description{color:#fffc;font-size:1.1rem;margin-bottom:20px;text-transform:capitalize}.details{border-top:1px solid #ffffff4d;display:flex;justify-content:space-around;padding-top:20px}.details div p:first-child{font-size:1.2rem;font-weight:600}.details div p:last-child{color:#ffffffb3;font-size:.8rem}.rain-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.raindrop{animation:fall linear infinite;background:linear-gradient(#0000,#aed6f1e6);border-radius:2px;height:25px;position:absolute;top:-20px;width:2px}@keyframes fall{0%{opacity:1;top:-20px}to{opacity:.3;top:100vh}}.sun-container{pointer-events:none;position:fixed;right:30px;top:30px;z-index:1}.sun{animation:rotateSun 10s linear infinite;display:block;filter:drop-shadow(0 0 20px rgba(255,200,0,.8));font-size:5rem}@keyframes rotateSun{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sun-rays{height:300px;pointer-events:none;position:fixed;right:0;top:0;width:300px;z-index:0}.ray{animation:rotateSun 8s linear infinite;background:linear-gradient(90deg,#ffc80099,#0000);height:3px;left:50%;position:absolute;top:50%;transform-origin:left center;width:150px}.snow-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.snowflake{animation:snowFall linear infinite;font-size:1.2rem;opacity:.8;position:absolute;top:-20px}@keyframes snowFall{0%{top:-20px;transform:translateX(0) rotate(0deg)}to{top:100vh;transform:translateX(100px) rotate(1turn)}}.lightning-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.lightning{animation:lightning 4s infinite;background:linear-gradient(#fff,gold,#0000);-webkit-clip-path:polygon(50% 0,0 50%,40% 50%,0 100%,100% 40%,60% 40%,100% 0);clip-path:polygon(50% 0,0 50%,40% 50%,0 100%,100% 40%,60% 40%,100% 0);filter:drop-shadow(0 0 10px #fff);height:60%;left:45%;opacity:0;position:absolute;top:0;width:4px}@keyframes lightning{0%,to{opacity:0}10%,12%{opacity:1}11%{opacity:0}50%,52%{opacity:1}51%{opacity:0}}.leaf{animation:leafFall linear infinite;font-size:1.5rem;pointer-events:none;position:fixed;z-index:1}@keyframes leafFall{0%{opacity:1;top:-20px;transform:translateX(0) rotate(0deg)}to{opacity:0;top:100vh;transform:translateX(200px) rotate(2turn)}}@media (max-width:600px){h1{font-size:1.8rem}.temp{font-size:3rem}.weather-card{padding:20px}}@keyframes floatCloud{0%{left:-10%}to{left:110%}}
/*# sourceMappingURL=main.371babc1.css.map*/