body{font-family:Poppins,-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}#root{min-height:100vh}.search-bar{margin:0 auto 30px;max-width:600px;width:100%}.search-input-wrapper{background:#fffffff2;border-radius:50px;box-shadow:0 4px 20px #0000001a;display:flex;gap:10px;padding:8px;transition:all .3s ease}.search-input-wrapper:focus-within{box-shadow:0 6px 30px #00000026;transform:translateY(-2px)}.search-input{background:#0000;border:none;color:#333;flex:1 1;font-family:Poppins,sans-serif;font-size:16px;outline:none;padding:12px 20px}.search-input::placeholder{color:#999}.search-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;gap:8px;padding:12px 28px;transition:all .3s ease}.search-button:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:scale(1.05)}.search-button:active{transform:scale(.98)}@media (max-width:600px){.search-input{font-size:14px;padding:10px 15px}.search-button{font-size:14px;padding:10px 20px}}.weather-card{animation:fadeIn .5s ease-in;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:30px;box-shadow:0 20px 60px #0003;margin:0 auto;max-width:900px;padding:40px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.weather-header{margin-bottom:30px;text-align:center}.location-info{align-items:center;display:flex;flex-direction:column}.city-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:2.5rem;font-weight:700;margin:0 0 10px}.date-info{color:#666;font-size:1.2rem;font-weight:500;margin:5px 0}.date-full{color:#999;font-size:.95rem;margin:0}.weather-main{display:flex;flex-direction:column;gap:30px}.temperature-section{align-items:center;background:#667eea1a;border-radius:20px;display:flex;gap:20px;justify-content:center;padding:20px}.weather-icon-large{filter:drop-shadow(0 5px 15px rgba(0,0,0,.2));height:120px;width:120px}.temperature-display{text-align:center}.temperature{color:#333;font-size:4rem;font-weight:700;line-height:1;margin:0}.weather-description{color:#667eea;font-size:1.5rem;font-weight:600;margin:10px 0 5px;text-transform:capitalize}.weather-description-detail{color:#666;font-size:1rem;font-style:italic;margin:0;text-transform:capitalize}.weather-details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.detail-item{align-items:center;background:#fff9;border:1px solid #667eea33;border-radius:15px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.detail-item:hover{border-color:#667eea66;box-shadow:0 10px 30px #667eea33;transform:translateY(-5px)}.detail-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.detail-content{flex:1 1}.detail-label{color:#999;font-size:.85rem;font-weight:500;margin:0 0 5px}.detail-value{color:#333;font-size:1.3rem;font-weight:700;margin:0}.temp-range{align-items:center;background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:20px;display:flex;gap:30px;justify-content:center;margin-top:10px;padding:25px}.temp-max,.temp-min{align-items:center;display:flex;flex-direction:column;gap:8px}.temp-label{color:#666;font-size:.9rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.temp-value{color:#333;font-size:1.8rem;font-weight:700}.temp-divider{background:linear-gradient(180deg,#667eea4d,#764ba24d);border-radius:2px;height:50px;width:2px}@media (max-width:768px){.weather-card{border-radius:20px;padding:25px}.city-name{font-size:2rem}.temperature-section{flex-direction:column}.temperature{font-size:3rem}.weather-details-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.detail-item{padding:15px}.detail-icon{height:40px;width:40px}.detail-value{font-size:1.1rem}.temp-range{gap:20px;padding:20px}.temp-value{font-size:1.5rem}}@media (max-width:480px){.weather-card{padding:20px}.city-name{font-size:1.5rem}.weather-icon-large{height:100px;width:100px}.temperature{font-size:2.5rem}.weather-description{font-size:1.2rem}.weather-details-grid{grid-template-columns:1fr}}.weather-display{padding:20px;width:100%}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #667eea33;border-radius:50%;border-top-color:#667eea;height:60px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:#667eea;font-size:1.2rem;font-weight:500;margin:0}.error-container{align-items:center;background:#fffffff2;border-radius:20px;box-shadow:0 10px 40px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:500px;padding:60px 20px;text-align:center}.error-icon{color:#e74c3c;margin-bottom:20px}.error-title{color:#333;font-size:1.8rem;font-weight:700;margin:0 0 15px}.error-message{color:#e74c3c;font-size:1.1rem;font-weight:500;margin:0 0 10px}.error-hint{color:#666;font-size:.95rem;margin:0}.welcome-container{align-items:center;background:#fffffff2;border-radius:20px;box-shadow:0 10px 40px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px;padding:60px 20px;text-align:center}.welcome-icon{color:#667eea;margin-bottom:30px;opacity:.8}.welcome-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:700;margin:0 0 15px}.welcome-message{color:#666;font-size:1.1rem;line-height:1.6;margin:0 0 30px}.quick-cities{margin-top:20px}.quick-cities-label{color:#999;font-size:.95rem;margin:0 0 15px}.city-suggestions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.city-tag{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea4d;border-radius:20px;color:#667eea;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.city-tag:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 5px 15px #667eea4d;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.welcome-title{font-size:1.8rem}.welcome-message{font-size:1rem}.error-title{font-size:1.5rem}.error-message{font-size:1rem}}@media (max-width:480px){.error-container,.welcome-container{padding:40px 15px}.welcome-icon{height:80px;width:80px}.error-icon{height:48px;width:48px}.welcome-title{font-size:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif}.App{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;overflow-x:hidden;position:relative}.background-animation{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.cloud{animation:float 20s ease-in-out infinite;background:#ffffff1a;border-radius:100px;position:absolute}.cloud1{animation-duration:30s;height:60px;left:-200px;top:10%;width:200px}.cloud2{animation-delay:5s;animation-duration:40s;height:80px;left:-300px;top:40%;width:300px}.cloud3{animation-delay:10s;animation-duration:35s;height:70px;left:-250px;top:70%;width:250px}@keyframes float{0%,to{transform:translateX(0) translateY(0)}50%{transform:translateX(calc(100vw + 300px)) translateY(-20px)}}.container{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px;position:relative;z-index:1}.app-header{padding:40px 20px 20px;text-align:center}.header-content{flex-direction:column}.header-content,.logo-section{align-items:center;display:flex;gap:15px}.logo-section{justify-content:center}.logo-icon{color:#fff;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2))}.app-title{color:#fff;font-size:3rem;font-weight:700;letter-spacing:-1px;text-shadow:0 4px 15px #0003}.app-subtitle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;color:#ffffffe6;font-size:1rem;font-weight:400;padding:8px 20px}.app-main{display:flex;flex:1 1;flex-direction:column;padding:20px 0}.app-footer{color:#ffffffe6;font-size:.9rem;padding:30px 20px;text-align:center}.app-footer p{margin:5px 0}.app-footer a{border-bottom:2px solid #0000;color:#fff;font-weight:600;text-decoration:none;transition:all .3s ease}.app-footer a:hover{border-bottom-color:#fff}.footer-note{font-size:.85rem;margin-top:10px;opacity:.8}@media (max-width:768px){.app-title{font-size:2.2rem}.app-subtitle{font-size:.85rem;padding:6px 15px}.logo-icon{height:40px;width:40px}.container{padding:15px}.app-header{padding:30px 15px 15px}.cloud1,.cloud2,.cloud3{display:none}}@media (max-width:480px){.app-title{font-size:1.8rem}.logo-section{flex-direction:column;gap:10px}.app-subtitle{font-size:.75rem;line-height:1.4;text-align:center}.app-footer{font-size:.8rem}}@media (prefers-reduced-motion:reduce){*,.cloud{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){.App{background:linear-gradient(135deg,#4a5568,#2d3748)}}
/*# sourceMappingURL=main.9b33fba9.css.map*/