@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{color:#f7f8ff;background:#090d1c;font-family:DM Sans,sans-serif}body{background:radial-gradient(circle at 15% 15%,#6f5bff59,#0000 32rem),radial-gradient(circle at 85% 85%,#19c4d633,#0000 30rem),#090d1c;min-width:320px;min-height:100vh}#root{place-items:center;min-height:100vh;padding:24px;display:grid}.clock-container{-webkit-backdrop-filter:blur(22px);text-align:center;background:#141a36b8;border:1px solid #ffffff29;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:min(100%,720px);padding:clamp(36px,8vw,72px) clamp(24px,8vw,80px);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #0006,inset 0 1px #ffffff1f}.clock-container:before{content:"";filter:blur(4px);opacity:.45;background:#7465ff;border-radius:50%;width:180px;height:180px;position:absolute;top:-100px;right:-70px}.clock-date,.clock-time{z-index:1;position:relative}.clock-date{color:#b9c3e8;letter-spacing:.16em;text-transform:uppercase;font-size:clamp(.8rem,2vw,1rem);font-weight:600;line-height:1.5}.clock-time{color:#fff;letter-spacing:clamp(.02em,1vw,.08em);text-shadow:0 8px 30px #7065ff59;font-family:Space Mono,monospace;font-size:clamp(2.4rem,9vw,5.5rem);font-weight:700;line-height:1.1}@media (width<=480px){#root{padding:16px}.clock-container{border-radius:24px}}