.weather-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff}.weather-header{padding:2rem 1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2)}.weather-header__content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.weather-header__greeting h1{margin:0 0 .5rem;font-size:2rem;font-weight:700}.weather-header__time{margin:0;font-size:1.125rem;opacity:.9}.weather-search{display:flex;gap:.5rem}.weather-search__input{padding:.75rem 1.25rem;border:2px solid rgba(255,255,255,.3);border-radius:50px;background:#fff3;color:#fff;font-size:1rem;min-width:250px;outline:none;transition:all .3s ease}.weather-search__input::placeholder{color:#ffffffb3}.weather-search__input:focus{background:#ffffff40;border-color:#ffffff80}.weather-search__button{padding:.75rem 1.5rem;border:none;border-radius:50px;background:#ffffff4d;color:#fff;font-size:1.25rem;cursor:pointer;transition:all .3s ease}.weather-search__button:hover:not(:disabled){background:#fff6;transform:scale(1.05)}.weather-search__button:disabled{opacity:.5;cursor:not-allowed}.weather-main{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.weather-loading{text-align:center;padding:4rem 2rem}.weather-loading__spinner{font-size:5rem;animation:spin 2s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.weather-error{text-align:center;padding:4rem 2rem;background:#ffffff1a;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.weather-error h3{margin:0 0 1.5rem;font-size:1.5rem}.weather-error__retry{padding:.75rem 2rem;border:2px solid white;border-radius:50px;background:transparent;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.weather-error__retry:hover{background:#fff;color:#667eea}.weather-current{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;padding:3rem 2rem;margin-bottom:3rem;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.2)}.weather-current__location h2{margin:0 0 2rem;font-size:2rem;font-weight:700;text-align:center}.weather-current__main{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem}.weather-current__icon{font-size:8rem;line-height:1;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.weather-current__temp{display:flex;align-items:flex-start}.weather-current__temp-value{font-size:6rem;font-weight:200;line-height:1}.weather-current__temp-unit{font-size:2.5rem;font-weight:300;margin-top:.5rem;opacity:.8}.weather-current__conditions{text-align:center;margin-bottom:2.5rem}.weather-current__description{margin:0 0 .5rem;font-size:1.5rem;font-weight:500}.weather-current__feels-like{margin:0;font-size:1.125rem;opacity:.9}.weather-current__details{display:flex;justify-content:center;gap:3rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2)}.weather-detail{display:flex;flex-direction:column;align-items:center;gap:.5rem}.weather-detail__icon{font-size:2rem}.weather-detail__label{font-size:.875rem;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.weather-detail__value{font-size:1.25rem;font-weight:600}.weather-forecast{margin-top:3rem}.weather-forecast__title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;text-align:center}.weather-forecast__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.forecast-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:1.5rem 1rem;text-align:center;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.forecast-card:hover{background:#fff3;transform:translateY(-5px);box-shadow:0 10px 30px #0003}.forecast-card__date{font-size:.875rem;font-weight:600;margin-bottom:.75rem;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.forecast-card__icon{font-size:3rem;margin-bottom:.75rem}.forecast-card__temps{display:flex;justify-content:center;gap:.75rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.forecast-card__temp-max{color:#fff}.forecast-card__temp-min{opacity:.7}.forecast-card__condition{font-size:.875rem;margin-bottom:.75rem;opacity:.9}.forecast-card__details{display:flex;justify-content:center;gap:1rem;font-size:.75rem;opacity:.8;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.2)}.weather-footer{text-align:center;padding:2rem 1.5rem;opacity:.8}.weather-footer p{margin:0}.weather-footer a{color:#fff;text-decoration:none;font-weight:600;transition:opacity .3s ease}.weather-footer a:hover{opacity:.8;text-decoration:underline}@media (max-width: 768px){.weather-header__content{flex-direction:column;align-items:stretch}.weather-header__greeting h1{font-size:1.5rem}.weather-search__input{min-width:auto;flex:1}.weather-current{padding:2rem 1.5rem}.weather-current__main{flex-direction:column;gap:1rem}.weather-current__icon{font-size:6rem}.weather-current__temp-value{font-size:4rem}.weather-current__details{gap:2rem}.weather-forecast__list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (max-width: 480px){.weather-header,.weather-main,.weather-current{padding:1.5rem 1rem}.weather-forecast__list{grid-template-columns:1fr 1fr}}.app{min-height:100vh}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}