.loopey-visual{position:relative;isolation:isolate;width:100%;max-width:540px;height:510px;margin:auto;color:#351d54}
.visual-orbit{position:absolute;inset:35px 8px 24px 54px;background:#dcf5fc;border-radius:48% 48% 38% 40%;transform:rotate(8deg);z-index:-1}
.loopey-giraffe{position:absolute;height:440px;width:auto;right:0;bottom:20px;transform:rotate(7deg)}
.visual-spark{position:absolute;line-height:1;color:#6135b5}.spark-one{top:4px;right:72px;font-size:64px;transform:rotate(9deg)}.spark-two{top:175px;left:24px;font-size:42px;color:#6135b5}
.visual-note{position:absolute;top:40px;left:4px;display:grid;place-content:center;width:132px;height:132px;border-radius:50%;background:#ffd43b;color:#351d54;text-align:center;font-size:21px;line-height:1.1;font-weight:800;letter-spacing:-.6px;transform:rotate(-12deg)}
.example-reward-card{position:absolute;bottom:20px;left:4px;width:285px;background:#6135b5;color:#fff;padding:25px;border-radius:20px;box-shadow:0 12px 0 #c5a5fa;transform:rotate(-7deg)}
.example-card-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.7px;font-weight:700}.example-card-top span:last-child{font-size:24px;color:#ffd43b}
.example-reward-card strong{display:block;margin:16px 0 18px;font-size:34px;line-height:1.02;letter-spacing:-1px;font-weight:750}.example-reward-card small{display:block;margin-top:15px;font-size:10px;color:#f0e8ff}
.example-stamps{display:flex;gap:8px}.example-stamps span{width:31px;height:31px;border-radius:50%;border:1px solid #c5a5fa;display:grid;place-items:center;font-size:12px;color:#eee2ff}.example-stamps .is-filled{background:#ffd43b;border-color:#ffd43b;color:#351d54;font-size:20px}
@media(max-width:700px){.loopey-visual{height:420px;max-width:410px}.loopey-giraffe{height:365px;right:-8px}.example-reward-card{width:240px;padding:21px;left:8px;bottom:12px}.example-reward-card strong{font-size:28px}.example-stamps{gap:6px}.example-stamps span{width:27px;height:27px}.visual-note{left:8px;top:20px;width:108px;height:108px;font-size:18px}.visual-orbit{inset:38px 8px 18px 25px}.spark-one{right:46px;font-size:48px}.spark-two{top:150px;left:14px;font-size:32px}}
@media(max-width:380px){.loopey-visual{height:390px}.loopey-giraffe{height:330px}.example-reward-card{width:220px;padding:18px}.example-stamps span{width:25px;height:25px}}