.App{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:2rem 1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.weather-container{max-width:900px;margin:0 auto}.header{text-align:center;color:#fff;margin-bottom:2rem}.header h1{font-size:2.5rem;margin:0 0 .5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.header p{font-size:1.1rem;margin:0;opacity:.9}.current-weather{background:white;border-radius:15px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 30px #0003}.current-weather-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.weather-main{text-align:left}.weather-main h2{margin:0 0 1rem;color:#333;font-size:1.8rem}.temperature{font-size:3.5rem;font-weight:700;color:#667eea;margin:.5rem 0}.description{font-size:1.2rem;color:#666;margin:.5rem 0;text-transform:capitalize}.weather-details{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.detail{background:#f5f5f5;padding:1rem;border-radius:8px}.detail-label{font-size:.9rem;color:#666;margin-bottom:.3rem}.detail-value{font-size:1.3rem;font-weight:700;color:#333}.weather-icon{text-align:center}.weather-icon img{width:150px;height:150px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.forecast-section{background:white;border-radius:15px;padding:2rem;box-shadow:0 10px 30px #0003}.forecast-section h3{margin:0 0 1.5rem;color:#333;font-size:1.5rem}.forecast-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.forecast-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;padding:1rem;text-align:center;color:#fff;box-shadow:0 4px 15px #0000001a;transition:transform .2s,box-shadow .2s}.forecast-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0003}.forecast-day{font-weight:700;margin-bottom:.5rem;font-size:1rem}.forecast-date{font-size:.85rem;opacity:.9;margin-bottom:.5rem}.forecast-icon{font-size:2rem;margin:.5rem 0}.forecast-icon img{width:50px;height:50px}.forecast-temp{font-size:1.1rem;margin:.5rem 0}.forecast-high{font-weight:700}.forecast-low{opacity:.8;font-size:.9rem}.forecast-desc{font-size:.85rem;margin-top:.5rem;text-transform:capitalize}.loading{text-align:center;color:#fff;font-size:1.2rem}.error{background:#ff6b6b;color:#fff;padding:1rem;border-radius:10px;margin-bottom:1rem;text-align:center}@media (max-width: 768px){.current-weather-content{grid-template-columns:1fr;gap:1rem}.weather-icon{order:-1}.temperature{font-size:2.5rem}.forecast-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.header h1{font-size:1.8rem}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}