*{box-sizing:border-box}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background:linear-gradient(135deg,#7A00FF 0,#FFB800 100%);font-family:'Luckiest Guy',sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}header{position:absolute;top:clamp(15px,3vw,30px);left:50%;transform:translateX(-50%);z-index:10;animation:dropIn .8s cubic-bezier(.2,1.2,.4,1) forwards}header img{height:clamp(60px,12vw,120px);filter:drop-shadow(0 5px 0 #000)}.particles{position:absolute;top:50%;left:50%;width:1px;height:1px;z-index:1;overflow:visible}.card{position:absolute;width:clamp(80px,12vw,120px);height:clamp(110px,16vw,160px);background:linear-gradient(45deg,#00e5ff,#05f);border:4px solid #000;border-radius:10px;box-shadow:5px 5px 0 #000,inset 0 0 20px rgba(255,255,255,.5);opacity:0;transform-style:preserve-3d}.card::after{content:"V";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(40px,6vw,60px);color:#fff;-webkit-text-stroke:2px #000}.card:nth-child(1){background:linear-gradient(45deg,#fc0,#f60);animation:exp1 1.2s cubic-bezier(.2,1.2,.4,1) forwards .2s}.card:nth-child(2){background:linear-gradient(45deg,#f0f,#70f);animation:exp2 1.2s cubic-bezier(.2,1.2,.4,1) forwards .3s}.card:nth-child(3){background:linear-gradient(45deg,#0fa,#08f);animation:exp3 1.2s cubic-bezier(.2,1.2,.4,1) forwards .4s}.card:nth-child(4){background:linear-gradient(45deg,#f05,#f00);animation:exp4 1.2s cubic-bezier(.2,1.2,.4,1) forwards .5s}main{position:relative;z-index:5;text-align:center;max-width:900px;padding:0 20px;animation:chestPop 1s cubic-bezier(.2,1.2,.4,1) forwards;transform:scale(0)}h1{font-size:clamp(2.5rem,7vw,5.5rem);color:#fc0;text-transform:uppercase;margin:0;line-height:1.05;transform:rotate(-3deg) skewX(-5deg);text-shadow:-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,3px 3px 0 #000,7px 7px 0 #000,0 0 40px rgba(255,204,0,.9);-webkit-text-stroke:2px #000}h1 span{display:block;color:#fff;font-size:clamp(1.8rem,5vw,3.8rem);text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,5px 5px 0 #000;-webkit-text-stroke:1.5px #000}p{font-size:clamp(1rem,2vw,1.3rem);color:#fff;background:rgba(0,0,0,.75);padding:18px 25px;border-radius:15px;border:3px solid #000;box-shadow:5px 5px 0 #000;margin:30px auto;line-height:1.5;max-width:750px;transform:rotate(1deg);font-family:sans-serif;font-weight:700}.cta{display:inline-block;position:relative;overflow:hidden;background:linear-gradient(to bottom,#0fc,#09f);color:#fff;text-decoration:none;font-size:clamp(1.5rem,3.5vw,2.8rem);padding:18px 45px;border-radius:50px;border:5px solid #000;box-shadow:0 10px 0 #000,0 0 50px rgba(0,255,204,.7);text-transform:uppercase;transform:rotate(-2deg);transition:all .2s cubic-bezier(.2,1.2,.4,1);-webkit-text-stroke:1px #000;text-shadow:3px 3px 0 #000;cursor:pointer}.cta::before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.9) 50%,rgba(255,255,255,0) 100%);transform:skewX(-25deg);animation:shimmer 2.5s infinite}.cta:hover,.cta:focus{transform:rotate(0deg) scale(1.1) translateY(-5px);box-shadow:0 15px 0 #000,0 0 70px #0fc;outline:0}.cta:active{transform:translateY(5px);box-shadow:0 0 0 #000}footer{position:absolute;bottom:12px;right:20px;font-family:monospace;font-size:.8rem;color:rgba(255,255,255,.8);z-index:10;pointer-events:none;text-shadow:1px 1px 0 #000}@keyframes dropIn{0%{transform:translate(-50%,-150px) rotate(-10deg)}100%{transform:translate(-50%,0) rotate(0)}}@keyframes chestPop{0%{transform:scale(.2) translateY(100px) rotate(15deg);opacity:0}100%{transform:scale(1) translateY(0) rotate(0);opacity:1}}@keyframes exp1{0%{opacity:0;transform:perspective(600px) translate3d(0,0,0) rotateY(0) rotateX(0)}100%{opacity:1;transform:perspective(600px) translate3d(-35vw,-30vh,100px) rotateY(-45deg) rotateX(20deg) rotateZ(-15deg) scale(1.3)}}@keyframes exp2{0%{opacity:0;transform:perspective(600px) translate3d(0,0,0) rotateY(0) rotateX(0)}100%{opacity:1;transform:perspective(600px) translate3d(35vw,-20vh,50px) rotateY(55deg) rotateX(30deg) rotateZ(20deg) scale(1.2)}}@keyframes exp3{0%{opacity:0;transform:perspective(600px) translate3d(0,0,0) rotateY(0) rotateX(0)}100%{opacity:1;transform:perspective(600px) translate3d(-28vw,32vh,-50px) rotateY(30deg) rotateX(-40deg) rotateZ(-10deg) scale(1.5)}}@keyframes exp4{0%{opacity:0;transform:perspective(600px) translate3d(0,0,0) rotateY(0) rotateX(0)}100%{opacity:1;transform:perspective(600px) translate3d(32vw,28vh,80px) rotateY(-30deg) rotateX(40deg) rotateZ(10deg) scale(1.4)}}@keyframes shimmer{0%{left:-100%}100%{left:200%}}@media(max-width:768px){.card{opacity:.4}}