*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;background:#000;font-family:Georgia,serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse-green{0%,to{box-shadow:0 0 #22c55eb3}50%{box-shadow:0 0 0 16px #22c55e00}}@keyframes pulse-red{0%,to{box-shadow:0 0 #b40000b3}50%{box-shadow:0 0 0 14px #b4000000}}@keyframes waveBar{0%,to{height:6px}50%{height:20px}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes revealChar{0%{opacity:0}to{opacity:1}}@keyframes vibrate{0%,to{transform:rotate(0)}20%{transform:rotate(-8deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(8deg)}}@keyframes ringPulse{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@keyframes typingDot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.ring-pulse{animation:2.4s ease-out infinite ringPulse}.animate-fade{animation:.9s forwards fadeIn}.animate-slide{animation:.6s forwards slideUp}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.blink{animation:1s infinite blink}.pulse-green{animation:1.5s infinite pulse-green}.pulse-red{animation:1.5s infinite pulse-red}.vibrate{animation:.4s infinite vibrate}.lock-clock{font-size:clamp(5.5rem,26vw,9rem)}@media (min-width:900px) and (pointer:fine){.lock-clock{font-size:5rem}}