.weather-bg{min-height:100vh;background:linear-gradient(135deg,#26547c,#7ac7c4 75%,#fff0);padding:40px 0 0;display:flex;align-items:flex-start;justify-content:center}.weather-main{background:#ffffff26;border-radius:28px;max-width:430px;width:100%;margin:0 auto;padding:1.5rem 2rem 2rem;box-shadow:0 8px 40px #1f6e7cf0;color:#f3f7fa;font-family:Segoe UI,Arial,sans-serif}.title{text-align:center;margin:0 0 1rem;font-size:2rem;letter-spacing:1.2px;font-weight:700;color:#fff}.search-bar{display:flex;gap:.7rem;margin-bottom:1.3rem}.search-bar input{flex:1;padding:.6rem 1rem;border:none;border-radius:1.5rem;font-size:1.1rem;outline:none;background:#ffffff1a;color:#1b2430;font-weight:500;transition:background .3s}.search-bar input:focus{background:#ffffff26}.search-bar button{padding:.6rem 1.6rem;border:none;background:#26547c;color:#fff;border-radius:1.5rem;font-size:1.1rem;letter-spacing:.5px;font-weight:600;box-shadow:0 3px 12px #25547c6a;cursor:pointer;transition:background .3s}.search-bar button:hover{background:#2272a8}.error-msg{color:#ff7878;margin:1rem 0;text-align:center;font-weight:600}.card-selector{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.2rem}.day-tab{background:#58acd726;border:none;color:#fff;border-radius:.9rem;font-size:1rem;font-weight:600;padding:.6rem 1rem;cursor:pointer;transition:background .3s,color .3s}.day-tab.active,.day-tab:hover{background:#26547c;color:#fff}.main-card{background:#ffffff12;border-radius:20px;box-shadow:0 2px 12px #16547c4a;padding:1rem 1.3rem 1.3rem;margin:0 auto;min-height:410px}.top-info{display:flex;flex-direction:column;align-items:center}.main-city{margin-bottom:.3rem;font-size:1.1rem;color:#fff}.location{color:#e9e9e9;font-weight:600;font-size:1.13rem;letter-spacing:.05rem}.main-icon-temp img{width:90px;display:block;margin:0 auto -8px}.main-temp{font-size:3rem;font-weight:800;margin-top:-.3rem;color:#fff;letter-spacing:.05em}.main-desc{text-transform:capitalize;font-size:1.1rem;margin-bottom:.6rem;color:#e3f1fa;opacity:.9}.main-extras{display:flex;flex-direction:column;align-items:center;gap:.3rem;color:#eff6fa;font-size:1.02rem;margin-bottom:.2rem}.hour-scroll{margin-top:1.2rem;display:flex;gap:1.2rem;overflow-x:auto;padding-bottom:.7rem;scrollbar-width:thin;scrollbar-color:#44c7ff60 #123}.hour-scroll::-webkit-scrollbar{height:8px}.hour-scroll::-webkit-scrollbar-thumb{background:#44c7ffbb;border-radius:8px}.hour-scroll::-webkit-scrollbar-track{background:transparent}.hourly-card{flex:0 0 auto;background:#ffffff21;border-radius:16px;box-shadow:0 0 7px #1f6e7c2d;padding:.6rem 1rem .4rem;min-width:68px;text-align:center;transition:background .2s,transform .2s;cursor:pointer;position:relative}.hourly-card:hover{background:#26547c;color:#fff;transform:scale(1.06) translateY(-3px)}.hourly-card img{width:38px;height:38px;margin:0 auto .3rem;display:block}.hourly-card .hour{font-size:.97rem;color:#fff;opacity:.91;margin-bottom:.1rem;font-weight:700}.hourly-card .small-temp{font-size:1.11rem;font-weight:700;margin-top:.05rem;color:#fff;letter-spacing:.03rem}@media (max-width: 530px){.weather-main{padding:.7rem .1rem 2rem}.main-card{padding:.7rem .2rem;min-height:340px}.main-icon-temp img{width:60px}.hour-scroll .hourly-card{font-size:.91rem}}