@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
.watch-container{justify-content:center;align-items:center;width:500px;height:500px;display:flex;position:relative}.watch-glow{background:radial-gradient(circle,#fe5a1d14 0%,#0000 70%);border-radius:50%;width:480px;height:480px;animation:3s ease-in-out infinite pulseGlow;position:absolute}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.watch-case{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-radius:50%;justify-content:center;align-items:center;width:460px;height:460px;display:flex;position:relative;box-shadow:0 0 0 3px #333,0 0 0 6px #111,0 0 40px #fe5a1d1f,inset 0 2px 4px #ffffff0d,0 20px 60px #000c}.watch-face{background:radial-gradient(circle at 30% 30%,#2a2a2e,#151518 50%,#0d0d10 100%);border-radius:50%;width:400px;height:400px;position:relative;overflow:hidden;box-shadow:inset 0 2px 10px #000c,inset 0 -1px 3px #ffffff08}.watch-ring-1{border:1px solid #fe5a1d1a;border-radius:50%;width:360px;height:360px;position:absolute;top:20px;left:20px}.watch-ring-2{border:1px solid #ffffff0a;border-radius:50%;width:280px;height:280px;position:absolute;top:60px;left:60px}.watch-ring-3{border:1px solid #fe5a1d0f;border-radius:50%;width:200px;height:200px;position:absolute;top:100px;left:100px}.seconds-arc{width:380px;height:380px;position:absolute;top:10px;left:10px}.seconds-arc svg{transform:rotate(-90deg)}.seconds-arc circle{fill:none;stroke-width:1.5px}.seconds-arc .arc-bg{stroke:#ffffff0d}.seconds-arc .arc-fill{stroke:#fe5a1d;stroke-dasharray:1193.8;stroke-linecap:round;filter:drop-shadow(0 0 6px #fe5a1d80);transition:stroke-dashoffset .1s linear}.hour-engraved-primary{z-index:5;background:linear-gradient(#fff 0%,#d0d0d0 50%,#a8a8a8 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 3px #000c);-webkit-background-clip:text;background-clip:text;font-weight:700;line-height:1;position:absolute}.hour-12-primary{letter-spacing:-3px;font-size:72px;top:22px;left:50%;transform:translate(-50%)}.hour-6-primary{letter-spacing:-3px;font-size:72px;bottom:16px;left:50%;transform:translate(-50%)}.hour-engraved-accent{z-index:5;background:linear-gradient(#ff8060 0%,#fe5a1d 50%,#d44a15 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #fe5a1d66);-webkit-background-clip:text;background-clip:text;font-weight:700;line-height:1;position:absolute}.hour-3-accent{letter-spacing:-3px;font-size:72px;top:50%;right:16px;transform:translateY(-50%)}.hour-9-accent{letter-spacing:-3px;font-size:72px;top:50%;left:16px;transform:translateY(-50%)}.date-display-top{z-index:15;text-align:center;position:absolute;top:100px;left:50%;transform:translate(-50%)}.date-display-top .value{color:#d0d0d0;letter-spacing:1px;text-shadow:0 0 8px #fe5a1d26;font-size:18px;font-weight:600}.date-display-top .label{color:#555;text-transform:uppercase;letter-spacing:3px;margin-top:3px;font-size:8px}.date-divider{background:linear-gradient(90deg,#0000,#fe5a1d66,#0000);width:40px;height:1px;margin:4px auto}.day-display-right{z-index:15;text-align:center;position:absolute;top:50%;right:110px;transform:translateY(-50%)}.day-display-right .value{background:linear-gradient(#ff8060,#fe5a1d,#d44a15);-webkit-text-fill-color:transparent;letter-spacing:4px;filter:drop-shadow(0 0 8px #fe5a1d66);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.day-display-right .label{color:#555;text-transform:uppercase;letter-spacing:3px;margin-top:4px;font-size:8px}.ampm-display-left{z-index:15;text-align:center;position:absolute;top:50%;left:110px;transform:translateY(-50%)}.ampm-display-left .value{background:linear-gradient(#ff8060,#fe5a1d,#d44a15);-webkit-text-fill-color:transparent;letter-spacing:3px;filter:drop-shadow(0 0 8px #fe5a1d66);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.ampm-display-left .label{color:#555;text-transform:uppercase;letter-spacing:3px;margin-top:4px;font-size:8px}.digital-display-bottom{z-index:15;text-align:center;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.digital-display-bottom .value{color:#e0e0e0;letter-spacing:3px;font-variant-numeric:tabular-nums;text-shadow:0 0 8px #fe5a1d26;font-size:24px;font-weight:600}.digital-display-bottom .label{color:#555;text-transform:uppercase;letter-spacing:3px;margin-top:3px;font-size:8px}.digital-divider{background:linear-gradient(90deg,#0000,#fe5a1d66,#0000);width:50px;height:1px;margin:4px auto}.hands-container{z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.hand{transform-origin:bottom;border-radius:4px;position:absolute;bottom:50%;left:50%;transform:translate(-50%)}.hour-hand{z-index:12;background:linear-gradient(#fff,#e8e8e8,#b0b0b0);border-radius:3px;width:7px;height:90px;box-shadow:0 0 12px #fff3,2px 2px 8px #00000080}.hour-hand:after{content:"";background:linear-gradient(#0000,#b0b0b0);border-radius:2px;width:5px;height:18px;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.minute-hand{z-index:13;background:linear-gradient(#fff,#d8d8d8,#a0a0a0);border-radius:2px;width:4px;height:120px;box-shadow:0 0 10px #ffffff26,2px 2px 6px #0006}.minute-hand:after{content:"";background:linear-gradient(#0000,#a0a0a0);border-radius:2px;width:3px;height:22px;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.second-hand{z-index:14;background:linear-gradient(#ff8060,#fe5a1d);border-radius:1px;width:1.5px;height:140px;box-shadow:0 0 15px #fe5a1d99,0 0 5px #fe5a1dcc}.second-hand:after{content:"";background:linear-gradient(#0000,#fe5a1d);width:1.5px;height:35px;position:absolute;bottom:-35px;left:50%;transform:translate(-50%)}.second-hand:before{content:"";background:radial-gradient(circle at 40% 40%,#ff9070,#fe5a1d);border-radius:50%;width:7px;height:7px;position:absolute;top:-7px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #fe5a1dcc,0 0 20px #fe5a1d4d}.center-dot{z-index:20;background:radial-gradient(circle at 35% 35%,#ff9070,#fe5a1d,#d44a15);border-radius:50%;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px #fe5a1d80,0 2px 6px #0009,inset 0 -2px 3px #0003}.center-dot:after{content:"";background:radial-gradient(circle at 40% 40%,#ff9070,#fe5a1d);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 2px #ffffff4d}.crown{background:linear-gradient(#4a4030,#2a2520,#4a4030);border-radius:0 4px 4px 0;width:14px;height:32px;position:absolute;top:50%;right:-14px;transform:translateY(-50%);box-shadow:2px 0 4px #0006}.crown:before{content:"";background:linear-gradient(#5a5040,#3a3530);border-radius:2px;width:4px;height:14px;position:absolute;top:50%;left:-2px;transform:translateY(-50%)}.texture-overlay{z-index:2;pointer-events:none;background-image:radial-gradient(circle at 2px 2px,#ffffff04 1px,#0000 0);background-size:18px 18px;border-radius:50%;width:100%;height:100%;position:absolute}.reflection{z-index:3;pointer-events:none;background:linear-gradient(135deg,#ffffff0a 0%,#0000 60%);border-radius:50%;width:220px;height:160px;position:absolute;top:8px;left:25px}.minute-mark{width:100%;height:100%;position:absolute;top:0;left:0}.minute-mark:after{content:"";background:#444;border-radius:1px;width:1.5px;height:8px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.minute-mark.major:after{background:linear-gradient(#fe5a1d,#ff8060);width:2.5px;height:14px;box-shadow:0 0 6px #fe5a1d80,0 0 12px #fe5a1d33}@media (max-width:520px){.watch-container{transform:scale(.7)}}@media (max-width:400px){.watch-container{transform:scale(.55)}}