@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";body{margin:0;padding:0;box-sizing:border-box;background-color:#000}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--primary-color: #4361ee;--secondary-color: #3f37c9;--accent-color: #4cc9f0;--text-color: #f8f9fa;--background-gradient: linear-gradient(135deg, #4361ee, #3a0ca3);--card-bg: rgba(255, 255, 255, .15);--box-shadow: 0 8px 32px rgba(0, 0, 0, .2);--border-radius: 16px;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background:var(--background-gradient);min-height:100vh;display:flex;justify-content:center;align-items:center;color:var(--text-color)}.container{width:90vw;max-width:620px;background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:2rem;text-align:center;transition:var(--transition)}.searchbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;position:relative}.inputfield{width:100%;padding:.8rem 3rem .8rem 1rem;border:none;border-radius:50px;background:#fff3;color:var(--text-color);font-size:1rem;outline:none;transition:var(--transition)}.inputfield::placeholder{color:#ffffffb3}.inputfield:focus{background:#ffffff4d;transform:scale(1.02)}#searchlogo{position:absolute;right:1rem;width:20px;height:20px;cursor:pointer;transition:var(--transition)}#searchlogo:hover{transform:scale(1.1)}.sunlogo{margin:1rem 0}.sunlogo img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.tempraturecont{font-size:3rem;font-weight:700;margin:.5rem 0}.city{font-size:1.2rem;font-weight:500;margin-top:.5rem}.foot{display:flex;justify-content:space-between;margin-top:1rem;flex-wrap:wrap}.HumidityCont,.windcont,.Tempcont{display:flex;margin:.5rem;flex-direction:column;align-items:center;background:#ffffff1a;padding:1rem;border-radius:var(--border-radius);width:calc(50% - 1rem);transition:var(--transition)}.HumidityCont:hover,.windcont:hover,.Tempcont:hover{background:#fff3;transform:translateY(-5px)}.HumidityCont img,.windcont img,.Tempcont img{width:30px;height:30px;margin-bottom:.5rem}.HumidityCont span:first-of-type,.windcont span:first-of-type,.Tempcont span:first-of-type{font-size:1rem;font-weight:600}.WIND,.HumidityCont span:last-of-type{font-size:.8rem;opacity:.9;margin-top:.3rem}@media (max-width: 414px){.container{width:95vw;padding:1.5rem;margin:1rem auto}.tempraturecont{font-size:2.5rem}.city{font-size:1rem}.HumidityCont,.windcont,.Tempcont{width:100%;margin:.5rem 0}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.loading{animation:pulse 1.5s infinite}.weather-sunny .sunlogo img{filter:drop-shadow(0 0 15px #f8d56b)}.weather-rainy{--primary-color: #4a6fa5;--secondary-color: #166088;--accent-color: #4fc3f7}.weather-cloudy{--primary-color: #6c757d;--secondary-color: #495057;--accent-color: #adb5bd}