*{margin:0;padding:0;box-sizing:border-box}body{background-color:#000;display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh;padding:clamp(10px,3vw,20px);font-family:Courier New,monospace;overflow-x:hidden;overflow-y:auto}.header-container{width:100%;text-align:center;z-index:10;color:#fff;font-size:clamp(.9rem,2.5vw,1.2rem);padding:10px}.header-container h5{margin:0;font-size:clamp(1.1rem,3vw,1.5rem);letter-spacing:.1em}.datetime-container{width:100%;text-align:center;z-index:10;color:#0ff;font-family:Courier New,monospace;font-size:clamp(.85rem,2.25vw,1rem);padding:10px;letter-spacing:.05em}.datetime-container p{margin:0}.glitch-container{flex:1;display:flex;align-items:center;justify-content:center}.footer-container{width:100%;text-align:center;z-index:10;color:#fff;font-size:clamp(.75rem,2.25vw,1rem);padding:10px}.footer-container p{margin:5px 0}.footer-container a{color:#0ff;text-decoration:underline;transition:color .3s ease,text-shadow .3s ease}.footer-container a:hover{color:red;text-shadow:0 0 20px #ff00ff;text-decoration:underline}.glitch-container{position:relative;font-size:clamp(2rem,8vw,5.5rem);font-weight:700;color:#fff;letter-spacing:.05em;text-transform:uppercase;text-align:center;padding:0 15px;max-width:95vw;word-wrap:break-word;line-height:1.2}.glitch{position:relative;z-index:25}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-2px 0 #ff00ff;clip:rect(44px,450px,56px,0);animation:glitch-anim-1 2s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-2px 0 #00ffff;clip:rect(44px,450px,56px,0);animation:glitch-anim-2 2.5s infinite linear alternate-reverse}@keyframes glitch-anim-1{0%{clip:rect(31px,9999px,94px,0);transform:skew(.3deg)}5%{clip:rect(70px,9999px,71px,0);transform:skew(.5deg)}10%{clip:rect(36px,9999px,15px,0);transform:skew(.2deg)}15%{clip:rect(89px,9999px,94px,0);transform:skew(.8deg)}20%{clip:rect(2px,9999px,90px,0);transform:skew(.1deg)}25%{clip:rect(45px,9999px,25px,0);transform:skew(.6deg)}30%{clip:rect(12px,9999px,88px,0);transform:skew(.4deg)}35%{clip:rect(77px,9999px,33px,0);transform:skew(.7deg)}40%{clip:rect(58px,9999px,65px,0);transform:skew(.3deg)}45%{clip:rect(23px,9999px,79px,0);transform:skew(.5deg)}50%{clip:rect(91px,9999px,11px,0);transform:skew(.2deg)}55%{clip:rect(5px,9999px,50px,0);transform:skew(.9deg)}60%{clip:rect(68px,9999px,84px,0);transform:skew(.1deg)}65%{clip:rect(40px,9999px,19px,0);transform:skew(.6deg)}70%{clip:rect(83px,9999px,42px,0);transform:skew(.4deg)}75%{clip:rect(16px,9999px,73px,0);transform:skew(.8deg)}80%{clip:rect(54px,9999px,28px,0);transform:skew(.3deg)}85%{clip:rect(29px,9999px,97px,0);transform:skew(.7deg)}90%{clip:rect(62px,9999px,7px,0);transform:skew(.2deg)}95%{clip:rect(37px,9999px,61px,0);transform:skew(.5deg)}to{clip:rect(74px,9999px,46px,0);transform:skew(.1deg)}}@keyframes glitch-anim-2{0%{clip:rect(65px,9999px,100px,0);transform:skew(.5deg)}5%{clip:rect(22px,9999px,33px,0);transform:skew(.2deg)}10%{clip:rect(87px,9999px,41px,0);transform:skew(.7deg)}15%{clip:rect(14px,9999px,76px,0);transform:skew(.3deg)}20%{clip:rect(53px,9999px,8px,0);transform:skew(.9deg)}25%{clip:rect(98px,9999px,52px,0);transform:skew(.1deg)}30%{clip:rect(26px,9999px,85px,0);transform:skew(.6deg)}35%{clip:rect(71px,9999px,18px,0);transform:skew(.4deg)}40%{clip:rect(39px,9999px,93px,0);transform:skew(.8deg)}45%{clip:rect(6px,9999px,47px,0);transform:skew(.2deg)}50%{clip:rect(81px,9999px,24px,0);transform:skew(.5deg)}55%{clip:rect(49px,9999px,69px,0);transform:skew(.3deg)}60%{clip:rect(17px,9999px,55px,0);transform:skew(.7deg)}65%{clip:rect(92px,9999px,13px,0);transform:skew(.1deg)}70%{clip:rect(34px,9999px,78px,0);transform:skew(.6deg)}75%{clip:rect(60px,9999px,35px,0);transform:skew(.4deg)}80%{clip:rect(3px,9999px,82px,0);transform:skew(.9deg)}85%{clip:rect(75px,9999px,20px,0);transform:skew(.2deg)}90%{clip:rect(43px,9999px,67px,0);transform:skew(.8deg)}95%{clip:rect(11px,9999px,96px,0);transform:skew(.3deg)}to{clip:rect(56px,9999px,30px,0);transform:skew(.5deg)}}@media (max-width: 768px){.glitch-container{letter-spacing:.03em;padding:0 10px;transform:none!important}body{padding:20px 10px}.datetime-container{font-size:clamp(.75rem,2vw,.9rem)}}@media (max-width: 480px){.glitch-container{letter-spacing:.02em;line-height:1.1;transform:none!important}.footer-container{font-size:clamp(.6rem,2.5vw,.75rem)}.datetime-container{font-size:clamp(.7rem,2vw,.85rem)}}