.membership-note{display:flex;align-items:center;gap:18px;margin-top:28px;padding:20px;border:1px solid #8253ba;border-radius:18px;background:linear-gradient(120deg,#21142f,#0e1018);max-width:570px}.membership-year{flex-shrink:0;color:#d5b4ff;font-weight:800;font-size:16px;padding-right:18px;border-right:1px solid #64437c}.membership-note strong{display:block;font-size:16px;line-height:1.5}.membership-note small{display:block;margin-top:5px;font-size:14px;color:#b7adbF}.membership-note:hover{border-color:#bb87ff}.membership-note:focus-visible{outline:3px solid #bb87ff;outline-offset:4px}@media(max-width:420px){.membership-note{gap:12px;padding:16px}.membership-year{padding-right:12px}.membership-note strong{font-size:14px}}