*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;border:none;outline:none}body{background:#aee0ff;color:#333;margin:0;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:0 1rem}.container{width:100%;max-width:500px;margin:0 auto;display:grid;place-items:center;gap:1rem;background:#e5f6ff;border-radius:10px;box-shadow:0 5px 15px #0003;padding:1rem;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.container form{width:100%;display:flex;align-items:center;gap:1rem}.container form input{width:100%;height:50px;border:1px solid #66c2ff;background:#e0f7ff;color:#333;padding:1rem;border-radius:5px;transition:border-color .3s;font-size:24px}.container form input:focus{border-color:#09c}.container form button{background:#09c;color:#fff;padding:1rem;border-radius:7px;cursor:pointer;transition:background .3s,transform .2s}.container form button:hover{background:#007acc}.card-name h3{text-transform:uppercase;color:#007acc;font-size:clamp(20px,5vw,50px);text-align:center}.card-country h4{text-transform:uppercase;color:#66c2ff;font-size:clamp(16px,3vw,25px);text-align:center}.card-boxs{display:flex;justify-content:center;align-items:center;gap:1rem;margin:1rem 0;background:#e0f7ff;padding:1rem;border-radius:10px;box-shadow:0 3px 10px #0003}.card-icon img{width:60px;height:60px}.card-temp h5{text-transform:uppercase;color:#333;font-size:clamp(14px,3vw,16px);margin-bottom:.5rem}.card-temp span{text-transform:uppercase;color:#007acc;font-size:clamp(40px,3vw,50px)}.loader{width:48px;height:48px;border-radius:50%;display:inline-block;position:relative;border:3px solid;border-color:#007acc #007acc transparent;box-sizing:border-box;animation:rotation 1s linear infinite}.loader:after{content:"";box-sizing:border-box;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border:3px solid;border-color:transparent #007acc #007acc;width:24px;height:24px;border-radius:50%;animation:rotationBack .5s linear infinite;transform-origin:center center}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media (max-width: 600px){.container{width:100%;max-width:500px;margin:0 auto;display:grid;place-items:center;gap:1rem;background:#e5f6ff;border-radius:10px;box-shadow:0 5px 15px #0003;padding:1rem;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.container form{gap:.4rem}.container form input{font-size:18px}.card-map{width:100%;height:auto;overflow:hidden;border-radius:10px}.card-map iframe{width:100%;height:300px;border:0}}