*{box-sizing:border-box;margin:0;padding:0}body{height:100vh;width:100vw;overflow:hidden;background:linear-gradient(135deg,#FF6B6B 0,#F8E9A1 50%,#55E6C1 100%);font-family:'Oswald',sans-serif;display:flex;flex-direction:column;position:relative;color:#111;line-height:1.2}.halftone{position:absolute;inset:0;background-image:radial-gradient(#000 1.5px,transparent 1.5px);background-size:6px 6px;opacity:.12;pointer-events:none;z-index:1}header{padding:clamp(1rem,3vh,2rem);z-index:10;display:flex;justify-content:center;align-items:center}header img{height:clamp(40px,6vh,70px);width:auto;filter:drop-shadow(4px 4px 0 #000)}main{flex:1;display:flex;align-items:center;justify-content:center;z-index:10;padding:clamp(1rem,3vw,2rem)}article{background:#fff;border:5px solid #000;box-shadow:clamp(6px,1.5vw,14px) clamp(6px,1.5vw,14px) 0 #000;padding:clamp(1.5rem,5vh,3.5rem);max-width:850px;width:100%;transform:skewY(-3deg);position:relative}article::before{content:'';position:absolute;top:-12px;left:-12px;right:-12px;bottom:-12px;border:3px solid #111;z-index:-1;transform:skewY(1deg)}.inner-content{transform:skewY(3deg);text-align:center}h1{font-size:clamp(2rem,6vw+0.5rem,4.5rem);font-weight:700;text-transform:uppercase;line-height:1.05;margin-bottom:clamp(0.8rem,2vh,1.5rem);letter-spacing:-1px;text-shadow:3px 3px 0 #55E6C1;color:#111}p{font-size:clamp(1rem,2vw+0.5rem,1.5rem);font-weight:400;line-height:1.4;margin-bottom:clamp(1.5rem,4vh,2.5rem);color:#222}.hl{background:#FF6B6B;color:#fff;padding:0 .2em}.cta-container{display:flex;justify-content:center}.cta{display:inline-flex;align-items:center;justify-content:center;background:#55E6C1;color:#000;font-size:clamp(1.2rem,2.5vw+0.5rem,2rem);font-weight:700;text-transform:uppercase;text-decoration:none;padding:.6em 1.5em;border:4px solid #000;box-shadow:6px 6px 0 #000;transition:all .2s ease;transform:skewX(-10deg)}.cta span{transform:skewX(10deg);display:block}.cta:hover{transform:skewX(-10deg) translate(-3px,-3px);box-shadow:9px 9px 0 #000;background:#FF6B6B;color:#fff}.cta:focus{outline:3px dashed #111;outline-offset:5px}.cta:active{transform:skewX(-10deg) translate(4px,4px);box-shadow:2px 2px 0 #000}footer{padding:clamp(0.5rem,2vh,1.5rem);z-index:10;text-align:center;font-size:clamp(0.7rem,1.5vw,0.95rem);font-weight:700;text-transform:uppercase;color:#111;letter-spacing:1px}footer a{color:#111;text-decoration:none;margin:0 .5rem}footer a:hover{text-decoration:underline;color:#FF6B6B}