.search-container{-webkit-backdrop-filter:blur(12px)saturate(120%);background:#030c121a;border:1px solid #ffffff73;border-radius:12px;align-items:center;width:fit-content;margin:1rem 1.5rem;padding:8px 12px;display:flex;box-shadow:0 6px 18px #0000001f}.input{font-family:var(--font-poppins),sans-serif;color:azure;background:0 0;border:none;outline:none;flex:1;min-width:200px;font-size:14px;font-weight:500}.search-button{color:azure;font-family:var(--font-poppins),sans-serif;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0 4px;font-size:14px;display:flex}.search-icon{color:azure;align-items:center;display:flex}@media (max-width:768px){.search-container{width:calc(100% - 1.5rem);margin:.75rem}.input{width:100%;min-width:0}}
.forecastLayout{align-items:flex-start;gap:1.5rem;padding:0 1.5rem 2rem;display:flex}.leftCol{flex-direction:column;flex-shrink:0;gap:1.25rem;width:340px;display:flex}.currentCard{text-align:center;-webkit-backdrop-filter:blur(10px);background:#19283226;border:1px solid #ffffff2e;border-radius:16px;padding:1.5rem}.current h1{font-family:var(--font-poppins),sans-serif;color:azure;letter-spacing:.05em;margin:0;font-size:1.5rem}.current p{opacity:.8;color:azure;margin:.25rem 0;font-size:1rem}.currentTemp{color:azure;justify-content:center;align-items:center;gap:.25rem;margin-top:.75rem;font-size:2.25rem;font-weight:700;display:flex}.currentDetails{color:azure;background:#ffffff1a;border-radius:10px;flex-wrap:wrap;justify-content:space-around;gap:.5rem;margin-top:1.25rem;padding:.75rem;font-weight:600;display:flex}.currentDetails svg{vertical-align:middle;transform:translateY(-2px)}.hourlyWrapper{flex:1;min-width:0}.hourlyTitle{font-family:var(--font-poppins),sans-serif;color:#fff;margin-bottom:.5rem;display:block}.hourlyCard{-webkit-backdrop-filter:blur(10px);background:#19283226;border:1px solid #ffffff2e;border-radius:16px;max-height:500px;padding:.25rem 1rem;overflow-y:auto}.hourlyItem{color:azure;border-bottom:1px solid #ffffff14;align-items:center;gap:.75rem;padding:.55rem 0;font-size:.9rem;list-style-type:none;display:flex}.hourlyItem:last-child{border-bottom:none}.hour{font-family:var(--font-poppins),sans-serif;color:#f5f5f4;min-width:55px;font-weight:600}.hourlyStat{color:azure;white-space:nowrap;background:#ffffff1a;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.25rem;padding:.3rem .5rem;font-size:.8rem;font-weight:600;display:flex}.dailyWrapper{flex-direction:column;gap:.5rem;display:flex}.dailyTitle{font-family:var(--font-poppins),sans-serif;color:#fff;display:block}.dailyCard{color:azure;-webkit-backdrop-filter:blur(10px);background:#19283226;border:1px solid #ffffff2e;border-radius:16px;flex-direction:column;padding:.25rem 1rem;display:flex}.dailyItem{color:#fff;border-bottom:1px solid #ffffff14;align-items:center;gap:.5rem;padding:.55rem 0;font-size:.85rem;font-weight:600;list-style-type:none;display:flex}.dailyItem:last-child{border-bottom:none}.day{font-family:var(--font-poppins),sans-serif;color:#f5f5f4;min-width:45px;font-weight:600}.dailyStat{color:azure;white-space:nowrap;background:#ffffff1a;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.25rem;padding:.3rem .5rem;font-size:.8rem;font-weight:600;display:flex}@media (max-width:768px){.forecastLayout{flex-direction:column;gap:1rem;padding:0 .75rem 1.5rem}.leftCol,.hourlyWrapper{width:100%}.hourlyCard{max-height:360px}.currentTemp{font-size:1.75rem}.hourlyStat{padding:.25rem .35rem;font-size:.75rem}}@media (max-width:480px){.hour{min-width:45px;font-size:.8rem}.hourlyStat,.dailyStat{padding:.2rem .3rem;font-size:.7rem}}
.page{background:linear-gradient(178deg,#3b4c68 0%,#4e5f7b 15%,#627796 30%,#7f93ae 45%,#b5b2b0 60%,#d6c7be 75%,#f0cbb2 90%,#9a8b6c 100%) 0 0/100% 200%;min-height:100vh;padding-top:20px;animation:35s linear infinite gradientMove}@keyframes gradientMove{0%{background-position:50% 0}50%{background-position:50% 100%}to{background-position:50% 0}}