.logout-control{position:relative;margin-top:26px;min-height:54px;padding:0 24px;border:1px solid rgba(240,82,82,.43);border-radius:18px;background:linear-gradient(155deg,rgba(85,17,20,.85),rgba(24,12,16,.92));box-shadow:inset 0 1px 0 rgba(255,180,180,.2),0 12px 38px rgba(96,2,17,.28),0 0 34px rgba(232,27,48,.15);color:#ffd2d0;font-weight:700;letter-spacing:.08em;transition:transform .2s,box-shadow .2s,border-color .2s;scroll-margin-bottom:90px}
.logout-control::before{content:"";position:absolute;inset:-6px;border-radius:23px;background:radial-gradient(ellipse at 50% 80%,rgba(255,35,48,.22),transparent 68%);z-index:-1;pointer-events:none}
.logout-control:hover{transform:translateY(-2px);border-color:rgba(255,116,116,.75);box-shadow:inset 0 1px 0 rgba(255,180,180,.3),0 15px 40px rgba(133,5,21,.34),0 0 46px rgba(240,34,50,.27);color:#fff}
.logout-control:focus-visible{outline:2px solid #ff7676;outline-offset:4px}
.logout-control[hidden]{display:none!important}
.cancel-renewal-control{display:block;margin-top:24px;padding:12px 0;color:#eac292;text-decoration:underline;text-decoration-color:rgba(234,194,146,.5);text-underline-offset:4px}
.cancel-renewal-control[hidden]{display:none!important}
.cancel-renewal-actions{display:flex;justify-content:flex-end;align-items:center;gap:18px;flex-wrap:wrap;margin-top:26px}
@media(prefers-reduced-motion:reduce){.logout-control{transition:none}}
#toast{pointer-events:none}