[Style] Digital Clock #8

type: custom:html-pro-card
do_not_parse: true
update_interval: 1000
ignore_line_breaks: true
content: |-
 <style>
 .clock {
 font-size: 48px;
 font-family: 'SF Mono', 'Consolas', monospace;
 text-align: center;
 padding: 40px;
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: #fff;
 border-radius: 16px;
 text-shadow: 0 2px 4px rgba(0,0,0,0.2);
 }
 </style>
 <div class="clock" id="clock">00:00:00</div>
 <script>
 setInterval(function() {
 $("#clock").textContent = new Date().toLocaleTimeString();
 }, 1000);
 </script>