.header-container{background-color:#1e293b;box-shadow:0 4px 12px #0000004d;color:#f1f5f9;padding:2rem 1rem;text-align:center}.header-container h1{font-family:Poppins,sans-serif;font-size:2.8rem;font-weight:700;letter-spacing:1px;margin:0}.search-bar-wrapper{background-color:#0f172a;border-radius:50px;gap:16px;justify-content:space-between;margin:20px auto;max-width:700px;padding:10px;width:100%}.search-bar,.search-bar-wrapper{align-items:center;display:flex;position:relative}.search-bar{background-color:#1e293b;border-radius:999px;flex:1 1;padding:10px 16px}.search-icon{align-items:center;display:flex;justify-content:center;margin-right:10px}.search-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:1rem;outline:none}.toggle-wrapper{align-items:center;display:flex;gap:8px;margin-top:10px}.toggle-label{color:gray;font-size:14px;transition:color .3s ease}.toggle-label.active{color:#fff;font-weight:700}.switch{background-color:#ccc;border-radius:50px;cursor:pointer;height:20px;position:relative;transition:background-color .3s ease;width:40px}.slider{background-color:#fff;border-radius:50%;height:16px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:16px}.switch.fahrenheit .slider{transform:translateX(20px)}.dropdown{background-color:#334155;border-radius:12px;box-shadow:0 4px 10px #0003;left:50%;list-style:none;margin-top:10px;max-height:200px;overflow-y:auto;padding:0;position:absolute;top:calc(100% + 8px);transform:translateX(-50%);width:90%;z-index:10}.dropdown li{border-bottom:1px solid #ffffff1a;color:#fff;cursor:pointer;padding:12px;transition:background-color .2s ease}.dropdown li:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.dropdown li:last-child{border-bottom:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.dropdown li:hover{background-color:#475569}.weather-card{background-color:#1e1e2f;border-radius:12px;box-shadow:0 4px 8px #0003;box-sizing:border-box;color:#fff;max-width:280px;padding:1rem;width:100%}.weather-header{align-items:start;display:flex;justify-content:space-between}.country-code{color:#ccc;font-size:.9rem;margin-top:-.3rem}.refresh-btn{background:none;border:none;color:#ccc;cursor:pointer;font-size:1.2rem}.weather-icon-temp{align-items:center;display:flex;margin:1rem 0}.weather-icon{align-items:center;background:#fdd835;border-radius:50%;display:flex;font-size:2rem;height:48px;justify-content:center;width:48px}.temp-info{margin-left:1rem}.temp-info h1{font-size:2.2rem;margin:0}.temp-info p{color:#ccc;font-size:1rem;margin:0}.weather-details{color:#bbb;display:flex;font-size:.9rem;justify-content:space-between;margin-top:.5rem}body{background:linear-gradient(90deg,#0f2027,#203a43,#2c5364);color:#fff;font-family:Poppins,sans-serif;margin:0;min-height:100vh;padding:0}.app-container{margin:0 auto;max-width:1200px;padding:1rem}.weather-cards-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);justify-items:center;margin:2rem auto;max-width:600px;width:100%}
/*# sourceMappingURL=main.62982e7b.css.map*/