:root{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#03031e;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 50% 30%,#40136a55,transparent 56%),#03031e}main{max-width:480px;margin:auto;padding:12px 24px 36px;text-align:center}.brand{width:min(100%,310px);margin:0 auto -2px;position:relative;isolation:isolate}.brand:before{content:'';position:absolute;inset:14% 4% 18%;border-radius:50%;background:#970aff;filter:blur(45px);opacity:.18;z-index:-1;animation:glow 3.6s ease-in-out infinite}.brand img{display:block;width:100%;height:auto;mix-blend-mode:screen;animation:float 5s ease-in-out infinite;filter:drop-shadow(0 0 12px #9e2bff30)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:3px;color:#d2b76e;margin:16px 0 13px}h1{font-size:clamp(31px,8.5vw,42px);line-height:1.13;letter-spacing:-1px;margin:0 0 22px}h1 span{color:#f8db88}.cta{display:inline-flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-weight:700;background:linear-gradient(105deg,#7624e7,#ae36ef);box-shadow:0 4px 25px #9028ef45;transition:transform .18s,box-shadow .18s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.free{font-size:20px;padding:11px 30px;border-radius:30px}.widget{margin-top:26px;border:1px solid #a769de66;border-radius:22px;padding:25px 20px 20px;background:linear-gradient(135deg,#17112ed9,#0e0927e6);box-shadow:0 0 32px #8c22ff12,inset 0 1px 0 #fff0a}h2{font-size:25px;line-height:1.18;margin:0 0 12px;letter-spacing:-.5px}.widget p{font-size:15px;line-height:1.5;color:#c6bdd4;margin:0 0 22px}.join{width:100%;min-height:57px;font-size:22px;border-radius:30px}.cta:hover{box-shadow:0 0 30px #b14fff66;transform:translateY(-2px)}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:3px solid #f8dc87;outline-offset:5px}.cta.flash{animation:flash .42s ease-out}@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}@keyframes glow{0%,100%{opacity:.16;transform:scale(.95)}50%{opacity:.36;transform:scale(1.06)}}@keyframes flash{0%,100%{filter:brightness(1)}25%,70%{filter:brightness(1.65);box-shadow:0 0 36px #c073ff99}45%{filter:brightness(1.05)}}@media(max-height:750px){.brand{max-width:250px}main{padding-top:4px}.eyebrow{margin-top:8px}.widget{margin-top:20px;padding-top:20px}}@media(prefers-reduced-motion:reduce){.brand img,.brand:before,.cta.flash{animation:none}.cta{transition:none}}
.brand img{mask-image:radial-gradient(ellipse 68% 68% at 50% 48%,#000 52%,transparent 76%)}