*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;color:#fff;max-width:100vw;max-height:100vh;background:linear-gradient(138.44deg,#2e335a 1.62%,#1c1b33 95.72%)}.app{padding:10px}.app-container{max-width:600px;margin:auto}.header h1{font-weight:400;font-size:28px;letter-spacing:2px}.footer{position:fixed;width:100%;bottom:-16px;text-align:center}.search-section{margin-top:20px;text-align:center}.search-container{width:100%;height:36px;display:flex;align-items:center;padding:10px 8px;background:linear-gradient(138.44deg,#2e335a 1.62%,#1c1b33 95.72%);box-shadow:inset 0 4px4px #000}.search-container svg{width:22px;height:22px}.search-container input{width:100%;height:100%;padding:0% 10px;margin-left:10px;background:transparent;border:none;outline:none;color:#fff;font-size:16px}.weather-section{margin-top:50px;padding:10px}.weather-card{width:100%;min-height:184px;background:linear-gradient(90deg,#9536b4,#5e61f4 0%,#362a84 103.55%);border-radius:20px;position:relative;padding:20px;display:flex;flex-direction:column}.weather-temp-c{font-size:64px;font-weight:400}.weather-info{display:flex;align-items:center;color:#bbb;gap:15px}.weather-avatar{position:absolute;right:-15px;top:-60px}