*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background-color:#fff;font-family:'Nunito',sans-serif;color:#111;position:relative;display:flex;flex-direction:column}.bg-elements{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;perspective:1000px}.block{position:absolute;border:4px solid #111;border-radius:8px}.b1{width:80px;height:80px;background:#e33636;box-shadow:8px 8px 0 #111;top:15%;left:8%;animation:f1 4s ease-in-out infinite}.b2{width:120px;height:120px;background:#fff;box-shadow:10px 10px 0 #111;bottom:20%;right:5%;animation:f2 6s ease-in-out infinite reverse}.b3{width:50px;height:50px;background:#111;box-shadow:6px 6px 0 #e33636;top:25%;right:15%;animation:f3 5s ease-in-out infinite 1s}.b4{width:60px;height:60px;background:#e33636;box-shadow:6px 6px 0 #111;bottom:30%;left:12%;animation:f4 7s ease-in-out infinite .5s}@keyframes f1{0%,100%{transform:translateY(0) rotateX(60deg) rotateZ(-45deg)}50%{transform:translateY(-20px) rotateX(60deg) rotateZ(-45deg)}}@keyframes f2{0%,100%{transform:translateY(0) rotateX(55deg) rotateZ(30deg)}50%{transform:translateY(-30px) rotateX(55deg) rotateZ(30deg)}}@keyframes f3{0%,100%{transform:translateY(0) rotateX(45deg) rotateZ(-20deg)}50%{transform:translateY(-15px) rotateX(45deg) rotateZ(-20deg)}}@keyframes f4{0%,100%{transform:translateY(0) rotateX(60deg) rotateZ(15deg)}50%{transform:translateY(-25px) rotateX(60deg) rotateZ(15deg)}}header{padding:1.5rem;z-index:2;display:flex;justify-content:center}header img{height:50px;width:auto}main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 1.5rem;z-index:2}.hero-title{font-size:clamp(2.8rem,7vw,6rem);font-weight:900;text-transform:uppercase;line-height:1.05;margin-bottom:1.5rem;background:linear-gradient(90deg,#111,#e33636,#111,#e33636);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:blurIn 1.2s cubic-bezier(.25,.46,.45,.94) forwards,gradShift 12s linear infinite}@keyframes blurIn{0%{filter:blur(15px);opacity:0;transform:scale(1.05)}100%{filter:blur(0);opacity:1;transform:scale(1)}}@keyframes gradShift{0%{background-position:0 50%}100%{background-position:100% 50%}}.hero-copy{font-size:clamp(1rem,2.5vw,1.25rem);max-width:640px;margin:0 auto 2.5rem;line-height:1.6;font-weight:900;color:#333;text-transform:uppercase;letter-spacing:.5px}.cta-container{display:inline-block;animation:springBounce 3s infinite}.cta-btn{display:inline-block;font-size:clamp(1.25rem,3vw,1.8rem);font-weight:900;text-transform:uppercase;color:#fff;background:#e33636;padding:1.2rem 3rem;text-decoration:none;border:4px solid #111;border-radius:16px;box-shadow:8px 8px 0 #111;transition:all .15s ease;letter-spacing:1px;position:relative;overflow:hidden}.cta-btn:active{transform:translate(4px,4px);box-shadow:4px 4px 0 #111}.cta-btn::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:rgba(255,255,255,.2);transform:skewX(-25deg);transition:.5s}.cta-btn:hover::after{left:150%}@keyframes springBounce{0%,100%,20%,50%,80%{transform:scale(1) translateY(0)}40%{transform:scale(1.05) translateY(-15px)}60%{transform:scale(1.02) translateY(-7px)}}footer{padding:1.5rem;text-align:center;z-index:2;font-size:.85rem;font-weight:900;color:#666;text-transform:uppercase}footer a{color:#111;text-decoration:none;margin:0 .5rem;border-bottom:2px solid transparent;transition:border-color .2s}footer a:hover{border-color:#e33636}@media(max-width:480px){.b1,.b2,.b3,.b4{display:none}.hero-title{font-size:clamp(2.5rem,8vw,3rem)}.cta-btn{padding:1rem 2rem;border-radius:12px;box-shadow:6px 6px 0 #111}}