@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400&display=swap";:root{--clr-bg: #dbeafe;--clr-card-bg: #ffffff;--clr-card-shadow: rgba(99, 102, 241, .12);--clr-primary: #3b82f6;--clr-primary-hov: #2563eb;--clr-text: #1e293b;--clr-text-muted: #64748b;--clr-border: #e2e8f0;--clr-error-bg: #fee2e2;--clr-error-txt: #b91c1c;--clr-input-bg: #f1f5f9;--radius-card: 16px;--radius-input: 12px;--radius-btn: 12px;--transition: .25s ease}.app-wrapper{min-height:100vh;background:var(--clr-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px 0}.app-title{font-size:1.75rem;font-weight:800;color:var(--clr-text);letter-spacing:-.5px;margin-bottom:28px;text-align:center}.app-title span{color:var(--clr-primary)}.search-section{width:100%;max-width:440px;margin-bottom:28px}.search-row{display:flex;gap:10px}.search-input{flex:1;padding:14px 20px;font-size:1rem;font-family:inherit;border:2px solid var(--clr-border);border-radius:var(--radius-input);background:var(--clr-input-bg);color:var(--clr-text);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.search-input::placeholder{color:var(--clr-text-muted)}.search-input:focus{border-color:var(--clr-primary);box-shadow:0 0 0 3px #3b82f633;background:#fff}.search-btn{padding:14px 26px;font-size:1rem;font-weight:700;font-family:inherit;color:#fff;background:var(--clr-primary);border:none;border-radius:var(--radius-btn);cursor:pointer;transition:background var(--transition),transform var(--transition);white-space:nowrap}.search-btn:hover:not(:disabled){background:var(--clr-primary-hov);transform:translateY(-1px)}.search-btn:active:not(:disabled){transform:translateY(0)}.search-btn:disabled{opacity:.55;cursor:not-allowed}.error-msg{margin-top:10px;padding:10px 16px;background:var(--clr-error-bg);color:var(--clr-error-txt);border-radius:10px;font-size:.88rem;font-weight:600;text-align:center;animation:shake .35s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.loading-box{width:100%;max-width:440px;background:var(--clr-card-bg);border-radius:var(--radius-card);box-shadow:0 4px 24px var(--clr-card-shadow);padding:48px 20px;text-align:center}.spinner{width:44px;height:44px;margin:0 auto 14px;border:5px solid var(--clr-border);border-top-color:var(--clr-primary);border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-box p{color:var(--clr-text-muted);font-weight:600;font-size:.95rem}.weather-card{width:100%;max-width:440px;background:var(--clr-card-bg);border-radius:var(--radius-card);box-shadow:0 4px 24px var(--clr-card-shadow);padding:36px 28px 32px;text-align:center;animation:fadeUp .38s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.card-icon-row{display:flex;align-items:center;justify-content:center;margin-bottom:4px}.card-city{font-size:1.6rem;font-weight:800;color:var(--clr-text);margin-bottom:2px}.card-temp{font-size:3.4rem;font-weight:800;color:var(--clr-primary);line-height:1.1;margin-bottom:4px}.card-temp sup{font-size:1.4rem;font-weight:600;vertical-align:super;top:-.4em;position:relative}.card-condition{font-size:1.1rem;font-weight:600;color:var(--clr-text-muted);text-transform:capitalize;margin-bottom:24px}.card-divider{height:1px;background:var(--clr-border);margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stat-item{display:flex;align-items:center;gap:12px;background:#f8fafc;border:1px solid var(--clr-border);border-radius:12px;padding:14px 16px;text-align:left;transition:box-shadow var(--transition)}.stat-item:hover{box-shadow:0 2px 10px #3b82f624}.stat-emoji{font-size:1.5rem;line-height:1;flex-shrink:0}.stat-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--clr-text-muted);margin-bottom:2px}.stat-value{font-size:1.05rem;font-weight:700;color:var(--clr-text)}.footer{width:100%;margin-top:auto;padding:28px 16px 20px;text-align:center}.footer p{font-size:.84rem;font-weight:600;color:var(--clr-text-muted);letter-spacing:1px;text-transform:uppercase}.footer .author{color:var(--clr-primary);font-weight:800}@media(max-width:480px){.app-wrapper{padding-top:48px}.app-title{font-size:1.4rem}.search-row{flex-direction:column;gap:8px}.search-btn{width:100%;justify-content:center}.weather-card{padding:28px 18px 24px}.card-temp{font-size:2.8rem}.card-city{font-size:1.35rem}.stats-grid{gap:10px}.stat-item{padding:12px 14px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Nunito Sans,sans-serif;-webkit-font-smoothing:antialiased}body{background-color:#dbeafe;color:#1e293b}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#93c5fd;border-radius:3px}