@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;600;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#0f172a;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);color:#fff;font-family:Plus Jakarta Sans,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative}body:after,body:before{animation:aurora 15s ease-in-out infinite alternate;border-radius:50%;content:"";filter:blur(120px);height:60vw;opacity:.4;position:fixed;width:60vw;z-index:-1}body:before{background:radial-gradient(circle,#3b82f6 0,#0000 70%);left:-10%;top:-10%}body:after{animation-delay:-5s;background:radial-gradient(circle,#8b5cf6 0,#0000 70%);bottom:-10%;right:-10%}@keyframes aurora{0%{transform:translate(0) scale(1)}to{transform:translate(15%,10%) scale(1.2)}}.app-container{align-items:flex-start;display:flex;gap:50px;margin:0 auto;max-width:1400px;padding:60px 40px}.sidebar{animation:fadeIn 1s ease-out;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:40px;box-shadow:0 25px 50px -12px #00000080;min-width:320px;padding:40px;position:sticky;top:40px;width:320px}.sidebar h2{-webkit-text-fill-color:#0000;background:linear-gradient(to bottom right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;letter-spacing:-1px;margin-bottom:30px;margin-top:0}.edit-input,.main-input{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;box-sizing:border-box;color:#fff;font-size:1rem;margin-bottom:15px;padding:18px;transition:all .3s ease;width:100%}.main-input:focus{background:#ffffff12;border-color:#fff6;box-shadow:0 0 20px #ffffff0d;outline:none}.btn-get,.btn-update{background:#fff;border-radius:20px;color:#0f172a;font-size:1rem;font-weight:700;margin-top:10px;padding:18px;transition:all .4s cubic-bezier(.165,.84,.44,1);width:100%}.btn-get:hover{box-shadow:0 20px 40px #fff3;transform:translateY(-5px) scale(1.02)}.main-content{flex:1 1}.cities-list{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.city-card{animation:cardRise .8s ease-out forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:45px;padding:40px;position:relative;transition:all .6s cubic-bezier(.23,1,.32,1)}.city-card:hover{background:#ffffff12;border-color:#fff3;box-shadow:0 40px 80px #0006;transform:scale(1.05) translateY(-15px)}.city-card h3{font-size:2.4rem;font-weight:800;letter-spacing:-1.5px;margin:0 0 10px}.city-info p{color:#fff9;font-size:1.1rem;margin:5px 0}.city-info p strong{color:#fff;font-size:1.4rem;font-weight:600}.weather-icon{animation:float 4s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));position:absolute;right:30px;top:30px;width:90px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(5deg)}}.city-controls{display:flex;flex-direction:column;gap:12px;margin-top:30px}.btn-delete{background:#ff44440d;border:1px solid #ff44441a;border-radius:18px;color:#ff6b6b;padding:14px}.btn-delete:hover{background:#ff4757;color:#fff}.btn-toggle-edit{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;color:#fff;padding:14px}.btn-toggle-edit:hover{background:#ffffff26}@keyframes fadeIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes cardRise{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.app-container{align-items:center;flex-direction:column;gap:30px;padding:30px 20px}.sidebar{max-width:450px;min-width:0;min-width:auto;padding:30px;position:relative;top:0}.main-content,.sidebar{width:100%}.main-content h2{font-size:1.8rem;text-align:center}}@media (max-width:768px){.app-container{padding:20px 15px;width:300px}.sidebar{border-radius:30px;padding:25px 20px}.sidebar h2{font-size:1.5rem;margin-bottom:20px}.cities-list{gap:20px;grid-template-columns:1fr}.city-card{border-radius:35px;padding:30px 20px}.city-card h3{font-size:1.8rem}.weather-icon{right:20px;top:20px;width:70px}.city-info p strong{font-size:1.2rem}.btn-delete,.btn-get,.btn-toggle-edit{font-size:.9rem;padding:16px}}@media (max-height:500px) and (orientation:landscape){.app-container{align-items:stretch;flex-direction:row;gap:20px;padding:20px}.sidebar{border-radius:25px;height:auto;min-width:250px;padding:20px;position:relative;top:0;width:280px}.sidebar h2{font-size:1.2rem;margin-bottom:15px}.main-input{font-size:.9rem;margin-bottom:10px;padding:12px}.btn-get{font-size:.8rem;padding:12px}.main-content h2{font-size:1.4rem;margin-bottom:15px}.cities-list{gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.city-card{border-radius:25px;padding:20px}.city-card h3{font-size:1.4rem}.weather-icon{right:15px;top:15px;width:50px}.city-info p{font-size:.9rem}.city-controls{flex-direction:row;gap:8px;margin-top:15px}.btn-delete,.btn-toggle-edit{font-size:.75rem;padding:10px}}
/*# sourceMappingURL=main.2520ba73.css.map*/