/* A quiet glass farewell, isolated from app cards and public landing styles. */
.mc-farewell {
  position: fixed; inset: 0; width: 100%; height: 100%; height: 100dvh;
  max-width: none; max-height: none; margin: 0; padding: 24px;
  border: 0; background: transparent; color: #10223a;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  opacity: 1; transition: opacity 180ms ease;
}
.mc-farewell[open] { display: grid; place-items: center; }
.mc-farewell__flight { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.mc-farewell__dove { position: absolute; top: calc(50% - 205px); left: 0; width: 64px; height: auto; opacity: .9; animation: mc-farewell-flight 4s -.7s linear both; }
.mc-farewell__dove--distant { top: calc(50% + 178px); width: 48px; opacity: .65; animation-duration: 5s; animation-delay: -1.6s; }
.mc-farewell::backdrop {
  background: rgba(12, 27, 44, .28);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
}
.mc-farewell__glass {
  position: relative;
  box-sizing: border-box; width: min(100%, 380px); padding: 34px 26px 20px;
  border: 1px solid rgba(255, 255, 255, .9); border-radius: 30px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(238, 249, 248, .9));
  box-shadow: inset 0 1px 0 #fff, 0 18px 60px rgba(8, 25, 42, .14);
  -webkit-backdrop-filter: blur(24px) saturate(1.15); backdrop-filter: blur(24px) saturate(1.15);
  text-align: center; animation: mc-farewell-arrive 260ms ease-out both;
}
.mc-farewell__mark { display: block; margin: 0 auto 16px; border-radius: 15px; }
.mc-farewell__brand { margin: 0 0 14px; font-size: 11px; font-weight: 650; letter-spacing: .19em; text-transform: uppercase; color: #436270; }
.mc-farewell h2 { margin: 0; font-size: clamp(25px, 6vw, 30px); font-weight: 600; line-height: 1.15; letter-spacing: -.045em; }
.mc-farewell h2:focus { outline: none; }
.mc-farewell [data-farewell-copy] { margin: 12px auto 0; max-width: 29ch; color: #4f6172; font-size: 14px; line-height: 1.6; }
.mc-farewell__line { display: block; width: 48px; height: 2px; margin: 24px auto 12px; border-radius: 2px; background: linear-gradient(90deg, #a1d9c4, #adc5ec); }
.mc-farewell__skip { min-height: 44px; min-width: 130px; padding: 8px 16px; border: 1px solid transparent; border-radius: 999px; background: transparent; color: #4f6172; font: inherit; font-size: 12px; cursor: pointer; }
.mc-farewell__skip:hover { background: rgba(255, 255, 255, .45); }
.mc-farewell__skip:focus-visible { outline: 2px solid #286bb5; outline-offset: 2px; }
.mc-farewell.is-leaving { opacity: 0; }
.mc-farewell.is-leaving::backdrop { background: rgba(12, 27, 44, .14); }
.mc-farewell[data-theme="dark"] { color: #f2f8f7; }
.mc-farewell[data-theme="dark"]::backdrop { background: rgba(3, 12, 25, .4); }
.mc-farewell[data-theme="dark"] .mc-farewell__glass { border-color: rgba(201, 225, 240, .2); background: linear-gradient(145deg, rgba(27, 48, 66, .94), rgba(13, 30, 47, .94)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09), 0 18px 60px rgba(0, 0, 0, .23); }
.mc-farewell[data-theme="dark"] .mc-farewell__brand { color: #acd6ce; }
.mc-farewell[data-theme="dark"] [data-farewell-copy], .mc-farewell[data-theme="dark"] .mc-farewell__skip { color: #bdcdd8; }
.mc-farewell[data-theme="dark"] .mc-farewell__skip:hover { background: rgba(255, 255, 255, .06); }
.mc-farewell[data-theme="dark"] .mc-farewell__skip:focus-visible { outline-color: #acd6ce; }
@keyframes mc-farewell-arrive { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@keyframes mc-farewell-flight { from { transform: translate3d(-80px, 14px, 0) rotate(-6deg); } to { transform: translate3d(110vw, -18px, 0) rotate(3deg); } }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .mc-farewell__glass { background: #f5faf8; }
  .mc-farewell[data-theme="dark"] .mc-farewell__glass { background: #142b40; }
}
@media (prefers-reduced-motion: reduce) { .mc-farewell, .mc-farewell__glass { animation: none; transition: none; } .mc-farewell__flight { display: none; } }
@media (prefers-reduced-transparency: reduce) { .mc-farewell::backdrop { -webkit-backdrop-filter: none; backdrop-filter: none; } .mc-farewell__glass { -webkit-backdrop-filter: none; backdrop-filter: none; background: #f5faf8; } .mc-farewell[data-theme="dark"] .mc-farewell__glass { background: #142b40; } }

.mc-farewell[data-reduced-motion="true"], .mc-farewell[data-reduced-motion="true"] .mc-farewell__glass { animation: none; transition: none; }
.mc-farewell[data-reduced-motion="true"] .mc-farewell__flight { display: none; }

/* Account transitions stay still; only a brief opacity fade remains. */
.mc-farewell__flight{display:none;}
.mc-farewell__glass{animation:mc-farewell-still 120ms ease-out both;}
@keyframes mc-farewell-still{from{opacity:0;}to{opacity:1;}}
@media(prefers-reduced-motion:reduce){.mc-farewell__glass{animation:none;}}
.mc-farewell[data-reduced-motion="true"] .mc-farewell__glass{animation:none;}