.unsubscribe-container{background:var(--ui-bg-1);justify-content:center;align-items:center;min-height:100dvh;padding:40px 20px;display:flex}.unsubscribe-card{text-align:center;border:.5px solid var(--ui-line);background:var(--ui-bg-card);width:100%;max-width:440px;box-shadow:var(--shadow-md);border-radius:16px;flex-direction:column;align-items:center;padding:40px 32px;display:flex}.unsubscribe-badge{border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:22px;display:inline-flex}.unsubscribe-badge-ok{background:rgba(var(--success-rgb), .1);border:.5px solid rgba(var(--success-rgb), .35);color:var(--ui-green)}.unsubscribe-badge-err{background:rgba(var(--error-rgb), .1);border:.5px solid rgba(var(--error-rgb), .35);color:var(--error)}.unsubscribe-badge-wait{background:rgba(var(--ui-violet-rgb), .08);border:.5px solid rgba(var(--ui-violet-rgb), .3);color:var(--ui-violet)}.unsubscribe-spin{animation:.9s linear infinite unsubscribe-spin}.unsubscribe-card h1{letter-spacing:-.6px;color:var(--text-primary);margin:0 0 10px;font-size:23px;font-weight:600;line-height:1.2}.unsubscribe-sub{color:var(--ui-muted);margin:0;font-size:14px;line-height:1.6}.unsubscribe-cta{background:var(--brand);color:var(--ink-text-on-brand);box-shadow:var(--shadow-md);border-radius:11px;align-items:center;margin-top:26px;padding:12px 22px;font-size:13.5px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.unsubscribe-cta:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}@keyframes unsubscribe-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.unsubscribe-spin,.unsubscribe-cta{transition:none;animation:none}}