*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#f4f4f0;font-family:'Space Grotesk',sans-serif;color:#000}a{text-decoration:none;color:inherit}.bg-pattern{position:absolute;inset:0;background-image:radial-gradient(#000 1.5px,transparent 1.5px);background-size:24px 24px;opacity:.05;z-index:0}.layout{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;padding:1rem;justify-content:space-between;align-items:center}.header{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo img{height:clamp(30px,4vw,45px);width:auto}.ping-btn{background:#ff80bf;border:3px solid #000;border-radius:12px;padding:.5rem 1rem;font-family:inherit;font-weight:700;font-size:clamp(.75rem,2vw,.9rem);cursor:pointer;position:relative;overflow:hidden;box-shadow:4px 4px 0 #000;transition:transform .1s,box-shadow .1s}.ping-btn:active{transform:translate(4px,4px);box-shadow:0 0 0 #000}.ripple{position:absolute;border:2px solid #000;border-radius:50%;animation:ping .6s ease-out forwards;pointer-events:none}@keyframes ping{0%{width:0;height:0;opacity:1;top:50%;left:50%;transform:translate(-50%,-50%)}100%{width:250px;height:250px;opacity:0;top:50%;left:50%;transform:translate(-50%,-50%)}}.main{flex-grow:1;display:flex;align-items:center;justify-content:center;position:relative;width:100%;max-width:1200px}.card{background:#fff;border:4px solid #000;border-radius:24px;box-shadow:12px 12px 0 #000;padding:clamp(1.5rem,4vh,3.5rem) clamp(1.5rem,5vw,4rem);text-align:center;max-width:850px;width:100%;position:relative;z-index:10;display:flex;flex-direction:column;align-items:center}.badge{display:inline-block;background:#fc0;border:2px solid #000;border-radius:999px;padding:.3rem 1.2rem;font-weight:700;font-size:clamp(.7rem,1.5vw,.85rem);margin-bottom:clamp(1rem,3vh,1.5rem);text-transform:uppercase;box-shadow:3px 3px 0 #000}h1{font-size:clamp(2rem,6vw,4.5rem);line-height:1.05;margin:0 0 clamp(.75rem,2vh,1.25rem);letter-spacing:-.04em;text-transform:uppercase}h1 span{color:#ff80bf;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.desc{font-size:clamp(.9rem,2vw,1.25rem);line-height:1.5;margin-bottom:clamp(1.5rem,4vh,2.5rem);max-width:650px;font-weight:400}.data-row{display:flex;justify-content:center;gap:clamp(1rem,4vw,3rem);margin-bottom:clamp(1.5rem,4vh,2.5rem);width:100%}.data-item{display:flex;flex-direction:column;align-items:center}.data-val{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;line-height:1}.data-lbl{font-size:clamp(.65rem,1.5vw,.8rem);text-transform:uppercase;font-weight:700;opacity:.8;margin-top:.25rem}.cta{background:#000;color:#fff;border:3px solid #000;border-radius:999px;padding:clamp(.8rem,2vh,1.2rem) clamp(2rem,5vw,4rem);font-size:clamp(1rem,2vw,1.25rem);font-weight:700;text-transform:uppercase;display:inline-block;transition:all .2s;box-shadow:6px 6px 0 rgba(0,0,0,.1)}.cta:hover{background:#fc0;color:#000;box-shadow:6px 6px 0 #000;transform:translate(-2px,-2px)}.cta:focus-visible{outline:4px dashed #ff80bf;outline-offset:4px}.footer{width:100%;text-align:center;padding:1rem 0;font-size:clamp(.7rem,1.5vw,.85rem);font-weight:700;text-transform:uppercase}.footer nav a{padding:0 .5rem;transition:color .2s}.footer nav a:hover{color:#ff80bf}.decor{position:absolute;z-index:5;pointer-events:none}.decor-1{top:-8%;left:-8%;width:clamp(80px,15vw,140px);height:clamp(80px,15vw,140px);animation:float 4s ease-in-out infinite}.decor-2{bottom:-8%;right:-8%;width:clamp(100px,18vw,160px);height:clamp(100px,18vw,160px);animation:float 5s ease-in-out infinite alternate-reverse}.decor-3{top:15%;right:-5%;width:clamp(60px,10vw,90px);height:clamp(60px,10vw,90px);animation:float 3.5s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(8deg)}}@media(max-width:768px){.card{box-shadow:8px 8px 0 #000;border-width:3px}.decor{display:none}}@media(max-height:600px){.layout{padding:.5rem}.card{padding:1rem}}