*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Space Grotesk',sans-serif;background-color:#f4f4f0;color:#000;width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:column;position:relative}body::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(#000 2px,transparent 2px);background-size:32px 32px;opacity:.06;z-index:-1}header{padding:1.5rem 2.5rem;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:4px solid #000;z-index:10}header img{height:48px}main{flex:1;display:grid;grid-template-columns:1fr 1fr;padding:0 5rem;align-items:center;gap:3rem;z-index:2;max-width:1600px;margin:0 auto;width:100%}.left{display:flex;flex-direction:column;gap:2rem}.badge{background:#ffd700;border:3px solid #000;padding:.5rem 1.25rem;font-weight:700;border-radius:999px;align-self:flex-start;box-shadow:4px 4px 0 #000;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}h1{font-size:clamp(3rem,5vw,5.5rem);font-weight:700;line-height:1;text-transform:uppercase;text-shadow:4px 4px 0 #fff,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}p.hero-sub{font-size:clamp(1.1rem,1.5vw,1.3rem);font-weight:700;background:#fff;padding:1.5rem;border:3px solid #000;border-radius:12px;box-shadow:6px 6px 0 #000;line-height:1.4}.cta{background:#000;color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none;padding:1.25rem 3rem;border-radius:999px;border:4px solid #000;display:inline-flex;align-items:center;gap:1rem;align-self:flex-start;box-shadow:8px 8px 0 #ff69b4;transition:all .2s ease;cursor:pointer}.cta:hover{transform:translate(4px,4px);box-shadow:4px 4px 0 #ff69b4;background:#fff;color:#000}.cta:hover .padlock{stroke:#000}.cta:focus{outline:4px dashed #ffd700;outline-offset:4px}.padlock{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s ease}.cta:hover .shackle{transform-origin:12px 10px;transform:rotate(-35deg)}.right{position:relative;height:100%;display:flex;justify-content:center;align-items:center}.card{background:#fff;border:4px solid #000;border-radius:16px;padding:2.5rem;box-shadow:12px 12px 0 #000;position:absolute;width:75%}.card-pink{background:#ff69b4;transform:rotate(-6deg);z-index:1;margin-top:-80px;margin-left:-60px}.card-yellow{background:#ffd700;transform:rotate(5deg);z-index:2;margin-top:60px;margin-left:50px}.card h2{font-size:2.2rem;margin-bottom:1rem;text-transform:uppercase;line-height:1;letter-spacing:-1px}.card p{font-size:1.1rem;font-weight:700;line-height:1.3}.coin{position:absolute;width:70px;height:70px;background:#fff;border:4px solid #000;border-radius:50%;box-shadow:6px 6px 0 #000;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:32px;animation:float 3.5s ease-in-out infinite;z-index:3}.c1{top:15%;right:5%;color:#ff69b4}.c2{bottom:20%;left:5%;animation-delay:1.5s;color:#ffd700}footer{padding:1.5rem 2.5rem;background:#fff;border-top:4px solid #000;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:1rem;z-index:10}.status{display:flex;align-items:center;gap:.75rem}.dot{width:12px;height:12px;background:#000;border-radius:50%;animation:pulse 1.5s infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,0,0,.4)}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}@media(max-width:1024px){main{padding:0 2.5rem}h1{font-size:3.5rem}.card{width:90%}}@media(max-width:768px){main{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:1.5rem;gap:1.5rem}.right{transform:scale(.75) translateY(-30px)}.left{gap:1.5rem}h1{font-size:2.8rem}.hero-sub{font-size:1.05rem;padding:1.25rem}.cta{width:100%;justify-content:center;font-size:1.25rem}header{padding:1.25rem}footer{flex-direction:column;gap:1rem;text-align:center}}