body{background-color:#121212;color:#f0f0f0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}div{max-width:800px;margin:20px auto;padding:20px;background-color:#1e1e1e;border-radius:10px;box-shadow:0 4px 8px #00000080}ul{list-style:none;padding:0}li{display:flex;justify-content:space-between;align-items:center;background-color:#333;margin:8px 0;padding:12px 20px;border-radius:8px;transition:background-color .3s ease}li:hover{background-color:#555}button{background-color:#1f78d1;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#145a8f}h2,h3{color:#1f78d1;margin-bottom:10px}p{margin:5px 0;line-height:1.5}strong{color:#f0f0f0}img{margin:5px 0;border-radius:5px;box-shadow:0 2px 5px #00000080}a{color:#1f78d1;text-decoration:none;transition:text-decoration .3s ease}a:hover{text-decoration:underline}.weather-container{margin-top:20px;padding:15px;background-color:#2c2c2c;border-radius:8px;box-shadow:0 2px 4px #00000080}.weather-container img{width:80px;height:80px;margin-bottom:10px}.weather-container p{font-size:16px}.weather-container h3{margin-bottom:15px}@media (max-width: 1200px){div{max-width:95%}}@media (max-width: 992px){div{margin:15px;padding:18px}li,button{padding:10px 18px}}@media (max-width: 768px){div{margin:10px;padding:15px}li{flex-direction:column;align-items:flex-start;padding:10px 15px}button{margin-top:8px;width:100%}img{width:100%;height:auto}}@media (max-width: 480px){div{margin:8px;padding:12px}li,button{padding:8px 12px}h2,h3{font-size:1.2rem}p{font-size:.9rem}}