/* wkx-access.css — the members' "Coming soon" group and message (owner 2026-10-07) */
.wkxa-soon-label { margin-top: 10px; color: rgba(196, 181, 253, .75) !important; }
.nav-item.wkxa-soon { opacity: .62; white-space: nowrap; }
.nav-item.wkxa-soon .nav-icon { filter: grayscale(.6); }
.nav-item.wkxa-soon:hover { opacity: .85; }
.wkxa-pill { margin-left: auto; padding: 2px 8px; border-radius: 999px; font-size: 9.5px; font-weight: 800; letter-spacing: .08em;
  text-transform: uppercase; color: #ddd6fe; background: rgba(139, 92, 246, .2); border: 1px solid rgba(167, 139, 250, .35); }
.wkxa-overlay { position: fixed; inset: 0; z-index: 2100; display: grid; place-items: center; padding: 16px; background: rgba(4, 4, 12, .7);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); animation: wkxa-fade .2s ease-out; }
.wkxa-card { position: relative; overflow: hidden; width: min(420px, 100%); padding: 30px 26px 24px; border-radius: 22px; color: #fff; text-align: center;
  background: radial-gradient(120% 120% at 50% 0%, rgba(139, 92, 246, .3), rgba(15, 13, 32, .96) 60%), #0f0d20;
  border: 1px solid rgba(167, 139, 250, .35); box-shadow: 0 30px 80px rgba(0, 0, 0, .6); animation: wkxa-rise .3s ease-out; }
.wkxa-glow { position: absolute; left: 50%; top: -90px; width: 220px; height: 220px; margin-left: -110px; border-radius: 50%;
  background: radial-gradient(circle, rgba(196, 181, 253, .4), transparent 70%); animation: wkxa-glow 3s ease-in-out infinite alternate; }
.wkxa-kicker { position: relative; font-size: 11px; font-weight: 800; letter-spacing: .2em; color: #c4b5fd; }
.wkxa-card h2 { position: relative; margin: 8px 0 8px; font-size: 26px; }
.wkxa-card p { position: relative; margin: 0 0 20px; color: rgba(255, 255, 255, .7); font-size: 14.5px; line-height: 1.5; }
.wkxa-btn { position: relative; padding: 12px 26px; border-radius: 14px; border: 0; font: inherit; font-weight: 700; color: #fff; cursor: pointer;
  background: linear-gradient(135deg, #8b5cf6, #6d28d9); box-shadow: 0 8px 26px rgba(109, 40, 217, .35); }
@keyframes wkxa-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes wkxa-rise { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes wkxa-glow { from { opacity: .6; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .wkxa-overlay, .wkxa-card, .wkxa-glow { animation: none; } }