*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden;font-family:'Oswald',sans-serif;background-color:#111;color:#fff}body{background:linear-gradient(135deg,#ff7e5f 0,#ff007a 50%,#111 100%);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}body::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23n)" opacity="0.15"/></svg>');pointer-events:none;z-index:1}.wrap{position:relative;z-index:2;width:100%;max-width:1200px;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:2rem}header{width:100%;display:flex;justify-content:flex-start;align-items:center}header img{max-height:60px;object-fit:contain;filter:drop-shadow(2px 2px 0 #000)}main{flex-grow:1;display:flex;align-items:center;justify-content:center;position:relative;width:100%}.panel{background:#20c997;transform:skew(-4deg) rotate(-2deg);border:6px solid #000;box-shadow:15px 15px 0 #000;padding:clamp(2rem,5vw,4rem);max-width:800px;width:100%;margin:0 auto}.panel-content{transform:skew(4deg) rotate(2deg);text-align:center}h1{font-size:clamp(2.5rem,8vw,6rem);font-weight:700;line-height:1.1;text-transform:uppercase;margin-bottom:1rem;color:#fff;text-shadow:4px 4px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;letter-spacing:2px}.highlight{color:#ff007a}p{font-size:clamp(1rem,2.5vw,1.5rem);font-weight:700;margin-bottom:2rem;line-height:1.4;text-transform:uppercase;color:#111;letter-spacing:1px}.cta{display:inline-block;background:#ff007a;color:#fff;font-size:clamp(1.2rem,3vw,2rem);font-weight:700;text-decoration:none;padding:1rem 3rem;text-transform:uppercase;transform:skew(-4deg) rotate(2deg);border:4px solid #000;box-shadow:8px 8px 0 #000;transition:all .2s ease}.cta:hover,.cta:focus{transform:skew(-4deg) rotate(0deg) scale(1.05);box-shadow:12px 12px 0 #000;background:#ffd700;color:#000;outline:none}.cta:focus-visible{outline:4px dashed #fff;outline-offset:8px}footer{width:100%;text-align:center;padding-bottom:1rem}footer p{font-size:.875rem;color:#fff;text-shadow:1px 1px 0 #000;margin:0;letter-spacing:1px;font-weight:400}footer a{color:#20c997;text-decoration:none;font-weight:700}footer a:hover{text-decoration:underline}@media(max-height:600px){.wrap{padding:1rem}.panel{padding:1.5rem}h1{margin-bottom:.5rem}p{margin-bottom:1rem}.cta{padding:.75rem 2rem}}