@import"https://fonts.googleapis.com/css2?family=Edu+AU+VIC+WA+NT+Arrows:wght@400..700&family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Inria Sans,sans-serif}.app{min-height:100vh;display:grid;background-color:#e2d4ff}.weather{width:90%;max-width:400px;margin:auto;padding:30px 20px;border-radius:15px;background-image:linear-gradient(45deg,#2f4680,#500ae4);display:flex;flex-direction:column;align-items:center}.search-bar{display:flex;align-items:center;gap:15px}.search-bar input{height:50px;border:none;outline:none;padding-left:25px;border-radius:45px;color:#000;background:#ebfffc;font-size:18px;flex:1}.search-bar img{width:50px;padding:15px;border-radius:50%;background:#ebfffc;cursor:pointer}.weather-icon{width:150px;margin:30px}.temperature{color:#fff;font-size:80px;line-height:1}.location{color:#fff;font-size:40px}.weather-data{width:100%;margin-top:40px;color:#fff;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.weather-data .col{display:flex;align-items:flex-start;gap:15px;font-size:23px;flex:1 1 45%}.weather-data .col span{display:block;font-size:16px}.weather-data .col img{width:26px;margin-top:10px}.recent-cities{width:100%;margin:15px 0 20px}.recent-cities h3{font-size:16px;font-weight:500;margin-bottom:10px}.cities-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.city-item{background-color:#fff3;padding:8px 15px;border-radius:20px;font-size:14px;cursor:pointer;transition:transform .1s}.city-item:hover{transform:scale(1.05)}.city-item:active{transform:scale(.95)}.greeting-container{width:90%;max-width:350px;margin:30px auto;border-radius:18px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.greeting-container:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.greeting-content{display:flex;align-items:center;padding:16px 20px}.greeting-icon{width:40px;height:40px;margin-right:15px;object-fit:contain}.greeting-message{margin:0;font-size:1.1rem;font-weight:500;line-height:1.3;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.morning-gradient{background:linear-gradient(to right,#ff7e5f,#feb47b)}.afternoon-gradient{background:linear-gradient(to right,#56ccf2,#2f80ed)}.evening-gradient{background:linear-gradient(to right,#141e30,#243b55)}@media (max-width: 480px){.temperature{font-size:60px}.location{font-size:28px}.weather-icon{width:100px}.weather-data .col{font-size:18px}.weather-data .col span{font-size:14px}.cities-list{gap:8px}.city-item{padding:6px 12px;font-size:13px}.greeting-container{width:95%;margin:20px auto}.greeting-content{padding:14px 16px}.greeting-icon{width:32px;height:32px;margin-right:12px}.greeting-message{font-size:1rem}}@media (max-width: 360px){.cities-list{gap:6px}.city-item{padding:5px 10px;font-size:12px}}