@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&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}:root{--light-bg:#f8f9fa;--light-card:#fff;--light-text:#2f3542;--light-secondary:#57606f;--light-shadow:#959da533;--light-hover:#e8f4f8;--dark-bg:#1a1a2e;--dark-card:#16213e;--dark-secondary:#a4b0be;--dark-hover:#2a3a5e;--accent:#4a6fa5;--accent-light:#6b8cbe;--success:#2ed573}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;background-color:var(--light-bg);color:#212529;color:var(--light-text);font-family:Poppins,sans-serif;line-height:1.6;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.app-container{display:flex;justify-content:center;min-height:100vh;padding:0}.content-wrapper{gap:2rem;max-width:900px;padding:5vh 5%;width:100%}.content-wrapper,.loading-screen{display:flex;flex-direction:column}.loading-screen{align-items:center;gap:1.5rem;justify-content:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:5px solid #4a6fa533;border-radius:50%;border-top:5px solid var(--accent);height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.app-title{background:linear-gradient(135deg,#28a745,#48c774);background:linear-gradient(135deg,var(--accent),var(--accent-light));-webkit-background-clip:text;background-clip:text;color:#212529;color:var(--light-text);color:#0000;font-size:2.5rem;font-weight:600;letter-spacing:-.5px;margin-bottom:.5rem;text-align:center}.forecast-title{color:#6c757d;color:var(--light-secondary);font-size:1.5rem;font-weight:500;margin-bottom:1rem}.weather-summary-container{align-items:center;background:#f8f9fa;background:var(--light-card);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 8px 30px #6c757d1a;box-shadow:0 8px 30px var(--light-shadow);display:flex;justify-content:space-between;padding:2rem;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.weather-summary-left{display:flex;flex-direction:column;gap:.5rem}.current-date{color:#6c757d;color:var(--light-secondary);font-size:1.1rem;font-weight:500}.temperature-display{display:flex;flex-direction:column;gap:.25rem}.weather-temp-text{color:#212529;color:var(--light-text);font-size:3rem;font-weight:600;line-height:1;margin:0}.weather-type-text{color:#6c757d;color:var(--light-secondary);font-size:1.25rem;font-weight:400;margin:0}.unit-toggle-btn{align-items:center;background-color:#f8f9fa;background-color:var(--light-card);border:none;border-radius:50px;box-shadow:0 4px 15px #6c757d1a;box-shadow:0 4px 15px var(--light-shadow);color:#28a745;color:var(--accent);cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;min-width:80px;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.unit-toggle-btn:hover{background-color:#e9ecef;background-color:var(--light-hover);box-shadow:0 6px 20px #4a6fa540;transform:translateY(-2px)}.weather-list,.weather-list-container{display:flex;flex-direction:column}.weather-list{gap:1rem}.weather-card{align-items:center;background:#f8f9fa;background:var(--light-card);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 15px #6c757d1a;box-shadow:0 4px 15px var(--light-shadow);display:flex;font-size:1.1rem;justify-content:space-between;padding:1.25rem 2rem;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition);width:100%}.weather-card:hover{box-shadow:0 8px 25px #4a6fa533}.weather-date{flex:1 1;font-weight:500;min-width:120px}.weather-temp{flex:1 1;font-weight:500;text-align:center}.weather-type{color:#6c757d;color:var(--light-secondary);flex:1 1;font-weight:400;text-align:right}.dark .app-title{background:linear-gradient(135deg,#6b8cbe,#4a6fa5)}.dark .weather-temp-text{color:#f8f9fa;color:var(--dark-text)}.dark .unit-toggle-btn{border:1px solid #adb5bd;border:1px solid var(--dark-secondary)}@media (max-width:768px){.content-wrapper{padding:3vh 5%}.app-title{font-size:2rem}.weather-summary-container{flex-direction:column;gap:1.5rem;text-align:center}.weather-card{flex-direction:column;gap:.75rem;padding:1.5rem;text-align:center}.weather-date,.weather-temp,.weather-type{text-align:center;width:100%}.weather-temp-text{font-size:2.5rem}}.logo-container{align-items:center;cursor:default;display:flex;font-family:Poppins,sans-serif;font-weight:700;justify-content:center;letter-spacing:-.5px;padding:2rem 0 1rem;-webkit-user-select:none;user-select:none}.logo-first{color:#2f3542;font-size:1.8rem;position:relative}.logo-first:after{background:linear-gradient(90deg,#4a6fa5,#6b8cbe);bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%}.logo-container:hover .logo-first:after{transform:scaleX(1);transform-origin:left}.logo-last{color:#6b8cbe;font-size:1.8rem;margin-left:.25rem}.copyright-container{border-top:1px solid #0000001a;margin-top:2rem;padding:1.5rem 0;text-align:center;width:100%}.copyright-content{margin:0 auto;max-width:900px;padding:0 2rem}.copyright-content p{color:#57606f;font-size:.9rem;margin:.25rem 0}.copyright-message{font-size:.8rem!important;opacity:.8}.dark .logo-last{color:#4a6fa5}.dark .copyright-container{border-top:1px solid #ffffff1a}.dark .copyright-content p{color:#a4b0be}.App{display:flex;flex-direction:column;min-height:100vh}:root{--light-bg:#fff;--light-card:#f8f9fa;--light-text:#212529;--light-secondary:#6c757d;--light-shadow:#6c757d1a;--light-hover:#e9ecef;--dark-bg:#121212;--dark-card:#1e1e1e;--dark-text:#f8f9fa;--dark-secondary:#adb5bd;--dark-shadow:#0000004d;--dark-hover:#2b2b2b;--accent:#28a745;--accent-light:#48c774;--error:#dc3545;--success:#20c997;--border-radius:16px;--transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1)}.dark .app-title{background:linear-gradient(135deg,#20c997,#28a745);background:linear-gradient(135deg,var(--success),var(--accent));-webkit-background-clip:text;background-clip:text}.dark .unit-toggle-btn,.dark .weather-card,.dark .weather-summary-container{background:#1e1e1e;background:var(--dark-card);border:1px solid #333;color:#f8f9fa;color:var(--dark-text)}.dark .weather-temp-text{color:#20c997;color:var(--success)}.dark .current-date,.dark .forecast-title,.dark .weather-type,.dark .weather-type-text{color:#adb5bd;color:var(--dark-secondary)}.dark .unit-toggle-btn{background:#1e1e1e;background:var(--dark-card);border:1px solid #28a745;border:1px solid var(--accent);color:#f8f9fa;color:var(--dark-text)}.dark .unit-toggle-btn:hover{background:#2b2b2b;background:var(--dark-hover);color:#48c774;color:var(--accent-light)}.dark .weather-card:hover{background:#2b2b2b;background:var(--dark-hover);border-color:#28a745;border-color:var(--accent)}.dark .logo-first{color:#f8f9fa;color:var(--dark-text)}.dark .logo-last{color:#20c997;color:var(--success)}.dark .copyright-content p{color:#adb5bd;color:var(--dark-secondary)}.error-message{background-color:#dc35451a;border-radius:16px;border-radius:var(--border-radius);color:#dc3545;color:var(--error);padding:.5rem}.dark .error-message{background-color:#dc354533}.weather-card:hover{background:#e9ecef;background:var(--light-hover);box-shadow:0 8px 25px #28a7451a;transform:translateY(-3px)}.dark .weather-card:hover{box-shadow:0 8px 25px #20c9971a}.logo-first:after{background:linear-gradient(90deg,#28a745,#20c997);background:linear-gradient(90deg,var(--accent),var(--success))}.copyright-container{border-top:1px solid #dee2e6}.dark .copyright-container{border-top:1px solid #333}.dark{background:#121212;background:var(--dark-bg);color:#f8f9fa;color:var(--dark-text)}.dark .logo-container .logo-first{color:#f8f9fa!important;color:var(--dark-text)!important}.dark .logo-container .logo-last{color:var(--primary-light)!important}.dark .copyright-container{border-top:1px solid var(--dark-border)!important}.dark .copyright-content p{color:#adb5bd!important;color:var(--dark-secondary)!important}.dark .App .copyright-container,.dark .App .copyright-content p,.dark .App .logo-container .logo-first,.dark .App .logo-container .logo-last{transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}
/*# sourceMappingURL=main.926783a6.css.map*/