:root{--y:#FFFC00;--b:#111;--w:#f8f8f8;--p:#FF007F;--g:#20B2AA}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;overflow:hidden;font-family:'Oswald',sans-serif;background-color:var(--b);color:var(--w);position:relative}.texture{position:absolute;inset:0;pointer-events:none;z-index:10;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.65" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23n)" opacity="0.05"/></svg>')}.bg-panel{position:absolute;inset:0;z-index:0;background:linear-gradient(105deg,var(--b) 45%,var(--y) 45.1%)}.panel-accent{position:absolute;bottom:-10%;right:-5%;width:50%;height:60%;background:var(--p);clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);z-index:1;opacity:.8;transform:rotate(-5deg)}.panel-accent-2{position:absolute;top:-10%;left:30%;width:20%;height:120%;background:var(--g);clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);z-index:1;opacity:.5;mix-blend-mode:overlay}.main-wrapper{position:relative;z-index:5;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:clamp(1rem,3vw,2.5rem)}header{display:flex;justify-content:space-between;align-items:center}.logo img{max-height:clamp(30px,5vw,50px);width:auto;filter:drop-shadow(2px 2px 0 var(--p))}.hero{display:flex;flex-direction:column;justify-content:center;max-width:900px;margin:auto 0}h1{font-size:clamp(3rem,8vw,7rem);line-height:1;font-weight:700;text-transform:uppercase;letter-spacing:-.02em;color:var(--w);text-shadow:3px 3px 0 var(--p),-2px -2px 0 var(--b);margin-bottom:1rem;transform:skewX(-5deg)}.highlight{color:var(--y);text-shadow:3px 3px 0 var(--b),-2px -2px 0 var(--p)}p{font-size:clamp(1rem,2vw,1.5rem);font-weight:400;max-width:600px;color:var(--b);background:var(--w);padding:1rem 1.5rem;border:3px solid var(--b);box-shadow:5px 5px 0 var(--g);transform:skewX(-2deg);margin-bottom:2.5rem;line-height:1.4}.cta-container{display:flex;align-items:center;gap:1.5rem;transform:skewX(-5deg)}.cta{display:inline-block;background:var(--p);color:var(--w);text-decoration:none;font-size:clamp(1.2rem,2.5vw,2rem);font-weight:700;text-transform:uppercase;padding:1rem 3rem;border:4px solid var(--b);box-shadow:6px 6px 0 var(--y);transition:all .2s ease;position:relative;overflow:hidden}.cta:focus,.cta:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--y);background:var(--b);color:var(--y)}.cta::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-20deg);transition:.5s}.cta:hover::after{left:200%}.support-text{font-size:clamp(.7rem,1vw,.9rem);color:var(--b);background:rgba(255,252,0,.9);padding:.5rem 1rem;font-weight:700;border:2px solid var(--b);max-width:250px;text-transform:uppercase}footer{display:flex;justify-content:space-between;font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--w);background:var(--b);padding:.5rem 1rem;transform:skewX(-5deg);border:2px solid var(--y)}footer a{color:var(--y);text-decoration:none;margin-left:1rem;transition:color .2s}footer a:hover{color:var(--p)}@media(max-width:768px){.bg-panel{background:linear-gradient(160deg,var(--b) 55%,var(--y) 55.1%)}.panel-accent{right:-20%;width:100%;height:40%}.cta-container{flex-direction:column;align-items:flex-start}h1{text-shadow:2px 2px 0 var(--p),-1px -1px 0 var(--b)}p{box-shadow:3px 3px 0 var(--g);background:rgba(248,248,248,.95);border:2px solid var(--b)}.cta{box-shadow:4px 4px 0 var(--y)}footer{flex-direction:column;text-align:center;gap:.5rem}footer span{display:none}}