body{color:#f8fafc;background-color:#0f172a;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;margin-bottom:20px;font-family:Roboto,sans-serif;display:flex}#root{color:#f8fafc;background-color:#0f172a;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.alert-box{color:#fff;z-index:1000;background-color:#ef4444;border-radius:10px;align-items:center;gap:10px;padding:14px 20px;font-size:.95rem;font-weight:500;transition:top .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;top:-80px;right:20px;box-shadow:0 10px 20px #0000004d}.alert-box.show{top:20px}.alert-icon{font-size:1.2rem}.app-header{background-color:#1e293b;border-bottom:1px solid #334155;width:100%;margin-bottom:30px;padding:18px 40px}.header-content{justify-content:left;align-items:center;gap:15px;max-width:1100px;margin:0 auto;display:flex}.logo-title{color:#fff;letter-spacing:-.5px;font-size:2rem;font-weight:600}.header-icon-container{align-items:center;display:flex}.weather-icon{width:auto;max-height:32px;display:none}.app-container{flex-direction:column;gap:25px;width:100%;max-width:1100px;padding:0 20px;display:flex}.inputCard{background-color:#1e293b;border-radius:15px;flex-direction:column;align-items:center;gap:16px;padding:32px 24px;display:flex;box-shadow:0 10px 25px -5px #0000004d}.inputCard h2{color:#f1f5f9;font-size:1.4rem;font-weight:500}.search-box{gap:10px;width:100%;max-width:480px;display:flex}#input{color:#fff;background-color:#0f172a;border:1px solid #475569;border-radius:8px;outline:none;flex:1;height:44px;padding:0 16px;font-size:.95rem;transition:border-color .3s,box-shadow .3s}#input:focus{border-color:#38bdf8}.input.invalid{box-shadow:0 0 0 2px #ef444433;border-color:#ef4444!important}.input-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:8px;height:44px;padding:0 20px;font-size:.95rem;font-weight:500;transition:background-color .2s}.input-btn:hover{background-color:#1d4ed8}.main-content{grid-template-columns:1fr 300px;gap:24px;display:grid}@media (width<=768px){.main-content{grid-template-columns:1fr}.app-header{padding:16px 20px}}.result-card{background-color:#1e293b;border-radius:16px;flex-direction:column;justify-content:space-around;min-height:240px;padding:28px;display:flex}.location-info{margin-bottom:16px}.city{color:#38bdf8;font-size:2rem;font-weight:700}.country{color:#94a3b8;margin-top:4px;font-size:1.05rem;font-weight:400}.weather-details{border-top:1px solid #334155;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;padding-top:20px;display:grid}.detail-item{flex-direction:column;gap:7px;display:flex}.detail-item span{color:#94a3b8;text-transform:uppercase;letter-spacing:.7px;font-size:.8rem}.detail-item strong{color:#f8fafc;font-size:1.2rem}.lastFiveCity{background-color:#1e293b;border:1px solid #334155;border-radius:16px;padding:20px}.lastFiveCity h3{color:#94a3b8;text-transform:uppercase;letter-spacing:.7px;border-bottom:1px solid #334155;margin-bottom:12px;padding-bottom:10px;font-size:.95rem}.ul{flex-direction:column;gap:8px;list-style:none;display:flex}.ul li{color:#cbd5e1;background-color:#0f172a;border:1px solid #1e293b;border-radius:6px;padding:10px 14px;font-size:.9rem}.loadingDiv{z-index:999;background-color:#0f172acc;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.loadingDiv.show{display:flex}.errorCard{color:#fecaca;text-align:center;background-color:#7f1d1d;border:1px solid #991b1b;border-radius:8px;width:100%;margin-top:16px;padding:12px 16px;display:none}.errorCard.show{animation:.5s ease-in-out fadeIn;display:block}.cookie-Card{box-sizing:border-box;z-index:9999;opacity:1;background-color:#1e293b;border:2px solid #fff;width:calc(100% - 40px);max-width:420px;padding:15px;transition:transform .4s,opacity .4s;animation:.5s ease-out forwards slideUp;position:fixed;bottom:20px;right:20px;transform:translateY(0)}.cookie-card.hide{opacity:0;transform:translateY(120px)}.cookie-header{color:#f5f5f5}.headerCard{border-bottom:2px solid #f5f5f5;padding-bottom:15px}.cookie-buttons-card{justify-content:center;gap:70px;display:flex}.buttons{cursor:pointer;border:none;min-width:150px;min-height:30px}@media screen and (width<=432px){.buttons{min-width:100px}}#cookie-ok:hover{color:#fff;background-color:#64748b;border:2px solid #fff}#cookie-non-ok:hover{border:2px solid #fff}.cookie-Desc{color:#f5f5f5}.cookie-desc-card{margin-top:15px;margin-bottom:70px}.cookie-overlay{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}@keyframes slideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}