@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#e2e8f04d}::-webkit-scrollbar-thumb{background:#64748b4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#64748b80}::selection{background:#3b82f633;color:#1e293b}:focus{outline:2px solid #3b82f6;outline-offset:2px}.no-transition,.no-transition *{transition:none!important}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.app{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;padding:2rem 0;position:relative}.app,.app-default{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.app-hot{background:linear-gradient(135deg,#fef3c7,#fde68a)}.app-warm{background:linear-gradient(135deg,#fecaca,#fca5a5)}.app-cool{background:linear-gradient(135deg,#dbeafe,#93c5fd)}.app-cold{background:linear-gradient(135deg,#e0f2fe,#7dd3fc)}.app-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-rows:auto 1fr;max-width:1200px;min-height:calc(100vh - 4rem);padding:2rem;position:relative;width:100%;z-index:1}.search-section{align-items:center;display:flex;justify-content:center;padding:1rem 0}.search-container{max-width:400px;position:relative;width:100%}.search-box{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;gap:.75rem;padding:1rem 1.5rem;position:relative;transition:all .2s ease}.search-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-icon{color:#64748b;flex-shrink:0;height:20px;width:20px}.search-input{background:#0000;border:none;color:#1e293b;flex:1 1;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;outline:none}.search-input::placeholder{color:#94a3b8;font-weight:400}.search-button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.search-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.search-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;margin-top:.75rem;padding:.75rem 1rem;text-align:center}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{color:#64748b;font-family:Inter,sans-serif;font-size:1rem;font-weight:400}.main-content{align-items:flex-start;display:flex;flex:1 1;justify-content:center;min-height:0;padding:1rem 0}.weather-container{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1000px;width:100%}.weather-info{display:flex;flex-direction:column;gap:2rem;justify-content:flex-start}.location-section{margin-bottom:1rem;text-align:center}.location-info{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:.75rem}.location-icon{color:#64748b;height:20px;width:20px}.location-name{color:#1e293b;font-family:Inter,sans-serif;font-size:2rem;font-weight:600}.date-info{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.date-icon{color:#94a3b8;height:16px;width:16px}.date-text{color:#64748b;font-family:Inter,sans-serif;font-size:1rem;font-weight:400}.time-info{margin-top:.5rem}.time-text{color:#1e293b;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:500}.weather-main{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;height:-webkit-fit-content;height:fit-content;padding:2.5rem 2rem;text-align:center}.weather-icon-container{margin-bottom:1.5rem}.weather-icon{color:#3b82f6;display:inline-block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:all .2s ease}.weather-icon:hover{transform:scale(1.05)}.temperature-display{margin-bottom:1.5rem}.temperature{color:#1e293b;font-family:Inter,sans-serif;font-size:4rem;font-weight:700;line-height:1;margin-bottom:.5rem}.weather-description{color:#64748b;font-family:Inter,sans-serif;font-size:1.25rem;font-weight:400;text-transform:capitalize}.weather-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:500px}.detail-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;cursor:pointer;padding:1.5rem 1rem;text-align:center;transition:all .2s ease}.detail-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.detail-icon{color:#3b82f6;height:24px;margin-bottom:.75rem;width:24px}.detail-content{display:flex;flex-direction:column;gap:.25rem}.detail-label{color:#64748b;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.detail-label,.detail-value{font-family:Inter,sans-serif}.detail-value{color:#1e293b;font-size:1.25rem;font-weight:600}.welcome-container{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin:0 auto;max-width:800px;min-height:-webkit-fit-content;min-height:fit-content;padding:4rem 2rem;position:relative;text-align:center}.welcome-container:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.welcome-content{padding:2rem;position:relative;z-index:1}.brand-section{margin-bottom:3rem}.brand-logo{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:.5rem}.brand-icon{color:#3b82f6;filter:drop-shadow(0 4px 6px rgba(59,130,246,.3));height:48px;width:48px}.brand-name{color:#1e293b;font-size:2.5rem;font-weight:800;letter-spacing:-.02em}.brand-name,.brand-tagline{font-family:Inter,sans-serif}.brand-tagline{color:#64748b;font-size:1rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.hero-section{margin-bottom:3.5rem}.hero-title{color:#1e293b;font-size:3rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.5rem}.hero-subtitle,.hero-title{font-family:Inter,sans-serif}.hero-subtitle{color:#64748b;font-size:1.25rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:600px}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:700px}.feature-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem 1.5rem;position:relative;text-align:center;transition:all .3s ease}.feature-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{background:#fff;border-color:#3b82f6;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.feature-icon-wrapper{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:16px;box-shadow:0 4px 6px -1px #3b82f64d;display:flex;height:64px;justify-content:center;margin:0 auto 1.5rem;width:64px}.feature-icon{color:#fff;height:28px;width:28px}.feature-title{color:#1e293b;font-family:Inter,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.feature-description{color:#64748b;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5}.cta-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.cta-text{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.cta-hint,.cta-text{font-family:Inter,sans-serif}.cta-hint{align-items:center;color:#64748b;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center}.cta-icon{color:#3b82f6;height:20px;width:20px}@media (max-width:1024px){.weather-container{gap:2rem;grid-template-columns:1fr;padding:0 1rem}.weather-details{grid-template-columns:repeat(2,1fr)}.weather-info{order:2}.weather-main{order:1}}@media (max-width:768px){.app-container{gap:1.5rem;min-height:calc(100vh - 2rem);padding:1rem}.app{padding:1rem 0}.location-name{font-size:1.75rem}.temperature{font-size:3rem}.weather-details{gap:.75rem;grid-template-columns:1fr}.welcome-container{margin:0 1rem;padding:2rem 1rem}.welcome-content{padding:1.5rem}.brand-name{font-size:2rem}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1.125rem}.features-grid{gap:1.5rem;grid-template-columns:1fr}.feature-card{padding:1.5rem 1rem}.search-box{padding:.75rem 1rem}.search-input{font-size:.875rem}.weather-container{gap:1.5rem}.weather-main{padding:2rem 1.5rem}}@media (max-width:480px){.app-container{gap:1rem;min-height:calc(100vh - 1rem);padding:.5rem}.app{padding:.5rem 0}.location-name{font-size:1.5rem}.temperature{font-size:2.5rem}.weather-description{font-size:1.125rem}.detail-card{padding:1.25rem .75rem}.welcome-container{margin:0 .5rem;padding:1.5rem 1rem}.welcome-content{padding:1rem}.brand-name{font-size:1.75rem}.brand-icon{height:40px;width:40px}.hero-title{font-size:1.875rem}.hero-subtitle{font-size:1rem}.feature-card{padding:1.25rem 1rem}.feature-icon-wrapper{height:56px;width:56px}.feature-icon{height:24px;width:24px}.cta-text{font-size:1.25rem}.search-box{padding:.625rem .875rem}.search-input{font-size:.875rem}.weather-container{gap:1rem}.weather-main{padding:1.5rem 1rem}}*{transition:all .2s ease}:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}
/*# sourceMappingURL=main.be481b37.css.map*/