*{margin:0;padding:0;box-sizing:border-box;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#74ebd5,#acb6e5);font-family:Inter,sans-serif;color:#333}.weather-card{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem;border-radius:20px;box-shadow:0 15px 35px #0000001a;width:100%;max-width:400px;text-align:center}h1{margin-top:0;font-size:1.8rem;color:#444}.search-box{display:flex;gap:10px;margin-bottom:20px}input{flex:1;padding:12px;border:1px solid #ccc;border-radius:8px;font-size:16px;outline:none}input:focus{border-color:#74ebd5;box-shadow:0 0 0 2px #74ebd54d}button{padding:12px 20px;background:#333;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:.3s}button:hover{background:#000}.weather-info{margin-top:20px;animation:fadeIn .5s ease-in}.icon{font-size:5rem;margin:10px 0}.temp{font-size:3.5rem;font-weight:700;margin:0;color:#333}.location{font-size:1.2rem;color:#666;margin:5px 0 20px}.details{display:flex;justify-content:center;gap:20px;background:#0000000d;padding:15px;border-radius:12px}.details p{margin:0;font-size:.9rem;color:#555}.details span{display:block;font-weight:700;color:#333;font-size:1.1rem}.error{color:#ff4b4b;margin-top:10px}.loading{color:#666;font-style:italic}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}