.weather-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #1f268733;font-family:Poppins,sans-serif;margin:1rem auto;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;width:260px}.weather-card:hover{background:linear-gradient(135deg,#ffffff40,#ffffff26);box-shadow:0 16px 50px #1f268759;transform:translateY(-7px) scale(1.03)}.weather-card:before{animation:gradientMove 15s ease infinite;background:linear-gradient(60deg,#00c6ff,#0072ff,#00c6ff,#0072ff);background-size:400% 400%;border-radius:20px;content:"";height:200%;left:-50%;opacity:.1;position:absolute;top:-50%;width:200%;z-index:0}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.weather-card.small{padding:1rem;width:200px}.weather-card *{position:relative;z-index:1}.city{font-size:1.6rem;font-weight:700;margin-bottom:.3rem;text-shadow:1px 1px 4px #0000004d}.date{font-size:.9rem;margin-bottom:1rem;opacity:.85;text-shadow:1px 1px 3px #0003}.icon-temp{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.icon-temp img{animation:float 3s ease-in-out infinite;height:90px;width:90px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.temp{color:#fff;font-size:2.8rem;font-weight:800;text-shadow:2px 2px 8px #0006}.desc{font-size:1.1rem;font-style:italic;margin-top:.5rem;text-shadow:1px 1px 4px #0003;text-transform:capitalize}.details{color:#e0e0ff;font-size:.95rem;margin-top:1rem;opacity:.85}@media (max-width:480px){.weather-card{padding:1rem;width:90%}.icon-temp img{height:70px;width:70px}.temp{font-size:2rem}}body{background:linear-gradient(180deg,#74b9ff,#a29bfe);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;text-align:center}.app,body{min-height:100vh}.app{display:flex;flex-direction:column;gap:1.25rem;margin-inline:auto;max-width:1100px;padding:2rem 1rem}h1{color:#fffffffa;font-size:2.5rem;letter-spacing:.2px;text-shadow:0 2px 16px #02061740}.search,h1{margin-bottom:1.5rem}.search{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border:1px solid #ffffff2e;border-radius:12px;display:flex;gap:.75rem;justify-content:center;padding:.25rem}input{background:#ffffffeb;border:1px solid #0f172a1a;border-radius:5px;box-shadow:0 2px 10px #02061714;color:#1f2937;padding:.6rem 1rem;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}input::placeholder{color:#1f293799}input:focus{background:#fff;border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e933}button:focus-visible,input:focus-visible{outline:3px solid #0ea5e999;outline-offset:2px}button{background-color:#0ea5e9;border:none;border-radius:5px;box-shadow:0 6px 20px #0ea5e959;color:#fff;cursor:pointer;font-weight:700;padding:.6rem 1rem;transition:background-color .2s ease,transform .2s ease}button:hover{background-color:#38bdf8;box-shadow:0 10px 28px #38bdf866;transform:translateY(-1px) scale(1.03)}button:active{box-shadow:0 4px 16px #0ea5e940;transform:translateY(0) scale(.99)}button:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed}.error{border-left:4px solid #f59e0b;color:#fde68a;font-weight:700;margin:1rem 0;padding-left:.5rem;text-shadow:0 1px 8px #02061740}.current-weather,.forecast{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.weather-card{animation:fadeInUp .45s ease both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff47;border-radius:16px;box-shadow:0 8px 30px #02061740;color:#fff;padding:1rem;transform:translateY(0);transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease;width:160px}.weather-card:hover{background:#ffffff29;box-shadow:0 16px 40px #02061752;transform:translateY(-4px)}.weather-card .temp{font-size:1.75rem;font-weight:800;line-height:1.1}.weather-card .label{font-size:.9rem;opacity:.9}.forecast-title{color:#fffffff2;font-size:1.5rem;font-weight:600;letter-spacing:.15px;margin-bottom:1rem;text-shadow:0 1px 10px #02061740}.skeleton{animation:shimmer 1.25s infinite;background:linear-gradient(90deg,#e1e7ef26,#e1e7ef59,#e1e7ef26);background-size:200% 100%;border-radius:10px;overflow:hidden;position:relative}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.app{padding:1.5rem 1rem}.weather-card{width:150px}}@media (max-width:600px){.weather-card{width:140px}input{width:100%}h1{font-size:2rem}.search{gap:.5rem}}
/*# sourceMappingURL=main.b4b0a27b.css.map*/