*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 20%,#4bc0ff 0,#1958a7 100%);color:#fff;font-family:'Fredoka',sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem;position:relative}body::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml;utf8,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><circle cx="2" cy="2" r="2" fill="rgba(255,255,255,0.06)"/></svg>') repeat;z-index:1;pointer-events:none}main{max-width:850px;z-index:2;display:flex;flex-direction:column;align-items:center}img.logo{width:clamp(150px,22vw,260px);margin-bottom:2rem;filter:drop-shadow(0 8px 16px rgba(0,0,0,.25));transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}img.logo:hover{transform:scale(1.06) rotate(-3deg)}h1{font-size:clamp(2.4rem,6.5vw,5rem);font-weight:700;line-height:1.15;margin-bottom:1.5rem;color:#ffcb05;text-shadow:-2px -2px 0 #2a52be,2px -2px 0 #2a52be,-2px 2px 0 #2a52be,2px 2px 0 #2a52be,0 7px 0 #18337a,0 15px 25px rgba(0,0,0,.4);letter-spacing:1px;transform:translateZ(0)}p.hero-text{font-size:clamp(1.15rem,2.8vw,1.45rem);font-weight:400;color:#f0f8ff;line-height:1.6;margin-bottom:3rem;max-width:700px;text-shadow:0 2px 5px rgba(0,0,0,.4)}.hl-yellow{color:#ffcb05;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.hl-red{color:#ff5959;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.cta{display:inline-block;padding:1.2rem 3.5rem;font-size:clamp(1.2rem,3vw,1.5rem);font-weight:700;color:#fff;background:#e33529;border:4px solid #fff;border-radius:50px;text-decoration:none;text-transform:uppercase;letter-spacing:2px;box-shadow:0 8px 0 #a11f16,0 15px 25px rgba(0,0,0,.3);transition:transform .2s,box-shadow .2s;opacity:0;transform:scale(.8) translateY(20px);animation:bouncyPop .6s cubic-bezier(.68,-.55,.265,1.55) forwards 2s}.cta:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 10px 0 #a11f16,0 20px 30px rgba(0,0,0,.4)}.cta:active{transform:scale(.98) translateY(6px);box-shadow:0 2px 0 #a11f16,0 5px 10px rgba(0,0,0,.3)}.cta:focus-visible{outline:4px dashed #ffcb05;outline-offset:6px}footer{position:absolute;bottom:2rem;width:100%;text-align:center;z-index:2}.zk-text{font-size:clamp(.7rem,1.8vw,.8rem);color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:2px;font-weight:700;animation:glowPulse 3s ease-in-out infinite}@keyframes bouncyPop{to{opacity:1;transform:scale(1) translateY(0)}}@keyframes glowPulse{0%,100%{opacity:.5;text-shadow:0 0 5px rgba(255,255,255,.2)}50%{opacity:1;text-shadow:0 0 15px rgba(255,255,255,.8)}}@media(max-width:480px){h1{text-shadow:-1.5px -1.5px 0 #2a52be,1.5px -1.5px 0 #2a52be,-1.5px 1.5px 0 #2a52be,1.5px 1.5px 0 #2a52be,0 5px 0 #18337a,0 10px 15px rgba(0,0,0,.4)}.cta{border-width:3px;padding:1rem 2.5rem;box-shadow:0 6px 0 #a11f16,0 10px 20px rgba(0,0,0,.3)}.cta:hover{box-shadow:0 8px 0 #a11f16,0 15px 25px rgba(0,0,0,.4)}}