*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;color:#333}.App{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh}.header{text-align:center;color:#fff;margin-bottom:3rem;padding:2rem 0;border-bottom:2px solid rgba(255,255,255,.3)}.header h1{font-size:3rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.header p{font-size:1.2rem;opacity:.9}.loading{text-align:center;padding:2rem;font-size:1.2rem;color:#fff;background:rgba(255,255,255,.1);border-radius:1rem;margin:2rem 0}.error{text-align:center;padding:1.5rem;font-size:1rem;color:#fff;background:rgba(255,0,0,.7);border-radius:1rem;margin:2rem 0}.current-weather{background:white;border-radius:1.5rem;padding:3rem 2rem;margin-bottom:3rem;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;align-items:center;gap:2rem}.weather-icon-large{font-size:5rem;line-height:1}.temperature-display{text-align:center}.main-temp{font-size:4rem;font-weight:700;color:#667eea;line-height:1}.temp-range{font-size:1.2rem;color:#666;margin-top:.5rem}.weather-details{text-align:center;width:100%}.weather-details h2{font-size:2rem;color:#333;margin-bottom:1rem}.weather-details p{font-size:1.1rem;color:#666;margin:.5rem 0}.forecast-section{margin-bottom:3rem}.forecast-section h2{color:#fff;font-size:2rem;margin-bottom:2rem;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.forecast-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.forecast-card{background:white;border-radius:1rem;padding:1.5rem;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;gap:.8rem}.forecast-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.forecast-day{font-weight:700;font-size:1.1rem;color:#667eea}.forecast-date{font-size:.9rem;color:#999}.forecast-icon{font-size:3rem;line-height:1}.forecast-condition{font-size:.95rem;color:#333;font-weight:500;text-align:center}.forecast-temps{display:flex;gap:1rem;font-weight:700;font-size:1.1rem}.temp-high{color:#e74c3c}.temp-low{color:#3498db}.forecast-wind,.forecast-precip{font-size:.9rem;color:#666}.footer{text-align:center;padding:2rem 0;border-top:2px solid rgba(255,255,255,.3);color:#fff}.footer p{margin-top:1rem;opacity:.9;font-size:.95rem}.refresh-btn{padding:.8rem 2rem;font-size:1rem;border-radius:.5rem;border:2px solid white;background:rgba(255,255,255,.2);color:#fff;cursor:pointer;transition:all .3s ease;font-weight:600}.refresh-btn:hover{background:rgba(255,255,255,.3);transform:scale(1.05)}.refresh-btn:active{transform:scale(.98)}@media (max-width: 768px){.App{padding:1rem}.header h1{font-size:2rem}.header p{font-size:1rem}.main-temp{font-size:3rem}.weather-icon-large{font-size:3.5rem}.forecast-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.forecast-card{padding:1rem}.forecast-icon{font-size:2rem}}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}