*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#74b9ff,#0984e3);min-height:100vh;padding:20px}.app{max-width:600px;margin:0 auto;text-align:center}h1{color:#fff;font-size:2.5rem;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.search{display:flex;gap:10px;margin-bottom:30px;background:#fff;padding:20px;border-radius:15px;box-shadow:0 8px 32px #0000001a}input{flex:1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;outline:none;transition:border-color .3s}input:focus{border-color:#74b9ff}button{padding:12px 24px;background:#0984e3;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s}button:hover:not(:disabled){background:#74b9ff;transform:translateY(-2px)}button:disabled{background:#bdc3c7;cursor:not-allowed;transform:none}.error{background:#ff6b6b;color:#fff;padding:15px;border-radius:8px;margin-bottom:20px;font-weight:500}.weather-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 8px 32px #0000001a;margin-bottom:30px}.weather-card h2{color:#2d3436;font-size:2rem;margin-bottom:20px}.temperature{font-size:4rem;font-weight:700;color:#0984e3;margin-bottom:15px}.description{font-size:1.3rem;color:#636e72;margin-bottom:25px;text-transform:capitalize}.details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:20px}.details div{background:#f8f9fa;padding:15px;border-radius:8px;color:#2d3436;font-weight:500}.note{background:#ffffffe6;padding:20px;border-radius:10px;color:#2d3436;font-size:14px;line-height:1.6}.note p{margin-bottom:8px}.note a{color:#0984e3;text-decoration:none;font-weight:500}.note a:hover{text-decoration:underline}@media (max-width: 480px){.search{flex-direction:column}h1{font-size:2rem}.temperature{font-size:3rem}}