*{box-sizing:border-box}
body{margin:0;background:#050000;color:#fff;font-family:Impact,Arial,sans-serif;height:100vh;overflow:hidden}
.grid{position:fixed;inset:0;background:linear-gradient(90deg,transparent 95%,rgba(255,0,0,.15)),linear-gradient(0deg,transparent 95%,rgba(255,0,0,.15));background-size:50px 50px}
main{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;position:relative;z-index:2}
.hero{width:min(65vw,620px);height:min(65vw,620px);object-fit:cover;filter:contrast(1.5) saturate(1.4);animation:shock 2s infinite}
h1{font-size:clamp(42px,7vw,90px);line-height:.85;text-transform:uppercase;margin:15px;text-shadow:8px 8px 0 #ff0033}
.ticker{font-size:35px}
p{font-family:Arial;font-size:22px}
.links{position:fixed;top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;gap:90px}
.left{left:35px}.right{right:35px}
.links a{background:white;color:black;padding:16px 22px;text-decoration:none;display:flex;align-items:center;gap:12px;animation:float 3s infinite alternate;transform:rotate(-8deg)}
.links img{width:28px;height:28px}
.links a:nth-child(2){animation-delay:1s}
@keyframes float{to{translate:25px -35px;rotate:12deg}}
@keyframes shock{0%,100%{transform:scale(1)}50%{transform:scale(1.04) skew(1deg)}}