.subscription-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:100px;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.subscription-badge.loading{background:#ffffff1a;color:#fff9;padding:.5rem .75rem}.subscription-badge.pro{background:#ff006e;color:#fff;box-shadow:0 4px 12px #ff006e4d;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{box-shadow:0 4px 12px #ff006e4d}50%{box-shadow:0 6px 20px #ff006e80}}.subscription-badge.pro:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff006e80}.subscription-badge.free{background:#ffffff1a;color:#ffffffb3;border:1px solid rgba(255,255,255,.2)}.badge-icon{font-size:1rem;animation:rotate 4s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge-text{font-weight:700;letter-spacing:.5px}.badge-details{font-size:.75rem;opacity:.9;font-weight:500;margin-left:.25rem;padding-left:.5rem;border-left:1px solid rgba(255,255,255,.3)}.badge-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fffc;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.subscription-badge{font-size:.8rem;padding:.4rem .8rem}.badge-details{display:none}}