.weather-card-modern{color:#fff;border-radius:15px;flex-direction:column;justify-content:space-between;min-height:500px;padding:20px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 10px 30px #0000004d}.weather-card-modern .card-header,.weather-card-modern .main-temp,.weather-card-modern .temp-range,.weather-card-modern .weather-details-grid,.weather-card-modern .sun-times{text-shadow:0 2px 4px #0000004d}.weather-card-modern .temp-range,.weather-card-modern .weather-details-grid{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0003}.weather-card-modern .current-time{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card-header{border-bottom:1px solid #ffffff4d;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.city-name{margin:0;font-size:1.5rem;font-weight:600}.city-timezone{opacity:.8;margin-top:5px;font-size:.75rem;font-weight:400}.header-right{align-items:center;gap:15px;display:flex}.current-time{background:#0000004d;border-radius:20px;padding:5px 12px;font-size:1rem;font-weight:500}.favorite-btn-modern{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:all .2s;display:flex}.favorite-btn-modern:hover{background:#fff6;transform:scale(1.1)}.main-temp{text-align:center;margin:20px 0}.temp-value{margin-bottom:10px;font-size:4rem;font-weight:700}.weather-description{text-transform:capitalize;justify-content:center;align-items:center;gap:10px;font-size:1.1rem;display:flex}.temp-range{background:#0003;border-radius:10px;justify-content:center;gap:30px;margin:15px 0;padding:8px;font-size:.9rem;display:flex}.weather-details-grid{background:#0003;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0;padding:15px;display:grid}.detail-item{text-align:center;flex-direction:column;align-items:center;gap:5px;display:flex}.detail-icon{font-size:1.5rem}.detail-label{opacity:.9;font-size:.75rem}.detail-value{font-size:1rem;font-weight:600}.sun-times{border-top:1px solid #ffffff4d;justify-content:space-between;gap:20px;margin-top:15px;padding-top:15px;display:flex}.sun-item{align-items:center;gap:8px;font-size:.85rem;display:flex}.sun-icon{font-size:1.2rem}
.forecast-container{background:#fff;border-radius:15px;margin:20px 0;padding:20px;box-shadow:0 5px 15px #00000014}.forecast-container h3{color:#333;text-align:center;margin:0 0 15px;font-size:1.2rem}.forecast-list{justify-content:space-between;gap:10px;display:flex;overflow-x:auto}.forecast-item{text-align:center;background:#f5f5f5;border-radius:10px;flex:1;min-width:80px;padding:10px}.forecast-date{color:#555;margin-bottom:8px;font-size:12px;font-weight:600}.forecast-temp{color:#333;margin:8px 0;font-size:16px;font-weight:700}.forecast-desc{color:#666;text-transform:capitalize;font-size:10px}@media (max-width:600px){.forecast-list{flex-direction:column}.forecast-item{justify-content:space-between;align-items:center;gap:10px;min-width:auto;display:flex}.forecast-date{text-align:left;min-width:70px}.forecast-temp{text-align:center;min-width:50px}.forecast-desc{text-align:right;flex:1}}