:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.weather-card{text-align:center;background:#111;border:1px solid #39ff14;border-radius:16px;width:100%;max-width:400px;margin:0 auto;padding:25px 30px;box-shadow:0 0 20px #39ff1440}.city{color:#39ff14;margin-bottom:10px;font-size:1.8rem;font-weight:700}.city span{color:#fff;opacity:.9}.temp{color:#fff;margin:10px 0 20px;font-size:4rem;font-weight:800}.weather-info{color:#ccc;font-size:1rem;line-height:1.8}.weather-info p{margin:6px 0}.glow-bar{background:linear-gradient(90deg,#39ff14,#0f8);border-radius:50px;width:60%;height:4px;margin:20px auto 0;box-shadow:0 0 12px #39ff14}@media (max-width:480px){.weather-card{padding:20px}.temp{font-size:3rem}.city{font-size:1.5rem}}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}html,body{color:#e8e8e8;background:radial-gradient(circle,#000 60%,#021702 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.app{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.container{text-align:center;background:#000000d9;border:2px solid #4dff00;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:420px;padding:2.5rem;display:flex;box-shadow:0 0 25px #00ff644d}.title{color:#2bff00;margin-bottom:.5rem;font-size:2rem}.clock{color:#b6ffb6;margin-bottom:1.2rem;font-size:1rem}.search{justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:1.5rem;display:flex}.search input{color:#2bff00;background:#111;border:1px solid #2bff00;border-radius:6px;outline:none;flex:1;padding:10px;font-size:1rem}.search input::placeholder{color:#777}.search button{color:#000;cursor:pointer;background:#2bff00;border:none;border-radius:6px;padding:10px 15px;font-weight:700;transition:all .2s}.search button:hover{background:#2bff00}.error{color:#f55;margin-bottom:.8rem;font-size:.9rem}.weather-card{color:#fff;text-align:center;background:#0c0c0c;border:1px solid #2bff00;border-radius:14px;width:100%;padding:1rem 1.2rem;box-shadow:0 0 15px #00ff6433}.weather-card h2{color:#2bff00;margin-bottom:8px;font-size:1.4rem}.weather-card .temp{color:#fff;margin-bottom:10px;font-size:2.8rem;font-weight:700}.weather-card p{color:#ccc;margin:4px 0;font-size:.95rem}.weather-card p:hover{color:#2bff00}.glow-bar{background:linear-gradient(90deg,#2bff00,#060);border-radius:50px;width:60%;height:3px;margin:12px auto 0}@media (max-width:600px){.container{width:90%;padding:1.5rem}.title{font-size:1.6rem}.weather-card .temp{font-size:2.2rem}}