:root{--bg-flood:#00F2E2;--deep-ink:#0A1E2C;--sharp-white:#FFF;--hot-coral:#FF3D5A;--watermark:rgba(0,201,188,0.35);--font-display:'Anton',sans-serif;--font-body:'Asap',sans-serif}*,*::before,*::after{box-sizing:border-box}html,body{max-width:100%;overflow-x:clip}body{margin:0;padding:0;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(circle at center,var(--bg-flood) 20%,#00cfc1 100%);color:var(--deep-ink);font-family:var(--font-body)}.watermark-field{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%2300C9BC' stroke-width='1.5' opacity='0.4'%3E%3Ccircle cx='20' cy='20' r='6'/%3E%3Ccircle cx='20' cy='20' r='2' fill='%2300C9BC'/%3E%3Crect x='50' y='50' width='12' height='12' rx='3'/%3E%3Cpath d='M15 60 A 8 8 0 0 1 25 70 M10 55 A 15 15 0 0 1 30 75' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px;opacity:0;animation:fadeWatermark 1.2s ease-out forwards}.page-wrapper{flex:1;display:flex;flex-direction:column;position:relative;z-index:10;max-width:1200px;margin:0 auto;width:100%}.masthead{padding:15px 20px;display:flex;justify-content:flex-start}.masthead img{height:clamp(25px,5vw,40px);width:auto}.cover{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 15px;text-align:center;position:relative}.cover-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:600px;margin:0 auto;gap:15px}.headline-group{z-index:20;padding:10px 10px 0}h1{font-family:var(--font-display);font-size:clamp(2rem,7.5vw,4.2rem);line-height:1.05;margin:0 0 12px 0;text-transform:uppercase;color:var(--sharp-white);letter-spacing:.02em;text-shadow:2px 2px 0 var(--deep-ink),-1px -1px 0 var(--deep-ink),1px -1px 0 var(--deep-ink),-1px 1px 0 var(--deep-ink),1px 1px 0 var(--deep-ink),0 6px 15px rgba(10,30,44,0.3)}.supporting{font-size:clamp(0.95rem,3vw,1.15rem);font-weight:600;max-width:480px;margin:0 auto;line-height:1.35;color:var(--deep-ink);text-shadow:0 1px 2px rgba(255,255,255,0.4)}.centerpiece-wrapper{position:relative;width:100%;max-width:460px;height:280px;display:flex;align-items:center;justify-content:center;margin:10px auto}.centerpiece-svg{width:100%;height:100%;overflow:visible}.badge{position:absolute;background:var(--hot-coral);color:var(--sharp-white);font-family:var(--font-display);font-size:clamp(0.7rem,2.2vw,0.82rem);text-transform:uppercase;line-height:1.1;padding:10px;width:86px;height:86px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;border:2px dashed var(--sharp-white);box-shadow:2px 4px 0 var(--deep-ink),0 8px 15px rgba(0,0,0,0.15);z-index:15;letter-spacing:.5px}.badge-1{top:5px;right:5px;animation:popIn .5s cubic-bezier(0.175,0.885,0.32,1.275) forwards}.badge-2{bottom:10px;left:5px;animation:popIn .5s cubic-bezier(0.175,0.885,0.32,1.275) .2s forwards}.cta-area{z-index:25;display:flex;flex-direction:column;align-items:center;width:100%;padding-bottom:20px}.cta-button{background:var(--hot-coral);color:var(--sharp-white);font-family:var(--font-display);font-size:clamp(1.4rem,5vw,2.2rem);text-decoration:none;padding:15px 45px;border-radius:50px;border:2px solid var(--sharp-white);box-shadow:0 8px 0 var(--deep-ink),0 15px 25px rgba(255,61,90,0.4);transform:rotate(-2deg);display:block;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;transition:transform .1s,box-shadow .1s}.cta-button::before{content:'';position:absolute;top:2px;left:10px;right:10px;height:35%;background:linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0));border-radius:50px 50px 0 0;pointer-events:none}.cta-button:active{transform:rotate(-2deg) translateY(6px);box-shadow:0 2px 0 var(--deep-ink),0 5px 10px rgba(255,61,90,0.4)}.cta-button:focus-visible{outline:3px solid var(--deep-ink);outline-offset:4px}.cta-sub{margin-top:12px;font-size:.95rem;font-weight:700;color:var(--deep-ink)}.site-footer{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:.85rem;position:relative;z-index:10;text-transform:uppercase;letter-spacing:.5px}.updated-note{background:var(--deep-ink);color:var(--bg-flood);padding:5px 12px;border-radius:20px;font-size:.75rem;opacity:0;animation:fadeIn .6s ease-out .6s forwards,pulseNote 6s infinite 1.2s}.anim-ripple{transform-box:fill-box;transform-origin:center center;animation:ripple 7s infinite ease-in-out}.anim-sway{transform-box:fill-box;transform-origin:center center;animation:sway 5s infinite ease-in-out}.anim-bob{transform-box:fill-box;transform-origin:center center;animation:bob 4s infinite ease-in-out}@keyframes fadeWatermark{to{opacity:1}}@keyframes popIn{0%{transform:scale(0) rotate(-20deg);opacity:0}80%{transform:scale(1.1) rotate(10deg);opacity:1}100%{transform:scale(1) rotate(6deg);opacity:1}}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes sway{0%,100%{transform:translateX(0) rotate(0deg)}50%{transform:translateX(8px) rotate(-3deg)}}@keyframes ripple{0%,100%{transform:skewY(0) translateY(0)}50%{transform:skewY(-2deg) translateY(6px)}}@keyframes fadeIn{to{opacity:.8}}@keyframes pulseNote{0%,100%{opacity:.8}5%{opacity:1;transform:scale(1.02)}10%{opacity:.8;transform:scale(1)}}@media(max-width:430px){.centerpiece-wrapper{height:250px}.badge{width:76px;height:76px;font-size:.68rem;padding:8px}}@media(prefers-reduced-motion:reduce){*,::before,::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}