.registration-notice[hidden] { display:none!important; }
.registration-notice {
  position:fixed; bottom:24px; left:24px; z-index:950;
  display:flex; align-items:center; gap:14px; width:350px; max-width:calc(100vw - 48px);
  padding:20px 48px 22px 18px; box-sizing:border-box; border:1px solid #8c67c955; border-radius:16px;
  background:linear-gradient(135deg,#211b30,#17111f); color:#f8f5ff; box-shadow:0 12px 40px #0005;
  font-family:Manrope,Arial,sans-serif; animation:registration-arrive .25s ease-out;
}
.registration-notice-icon { display:grid; place-items:center; width:44px; height:44px; flex:0 0 44px; border-radius:13px; background:linear-gradient(135deg,#3ea7fa19,#9238d523); color:#78c9ff; font-size:18px; }
.registration-notice-content { min-width:0; line-height:1.6; }
.registration-notice-heading { display:block; color:#cb9aff; font-size:10px; font-weight:600; }
.registration-notice-content strong { display:block; margin:2px 0; font-size:14px; font-weight:600; overflow-wrap:anywhere; }
.registration-notice-content small { display:block; color:#a998bc; font-size:10px; }
.registration-notice-close { position:absolute; top:3px; right:3px; display:grid; place-items:center; width:44px; height:44px; border:0; border-radius:10px; background:transparent; color:#a998bc; cursor:pointer; font:24px/1 sans-serif; }
.registration-notice-close:hover { background:#7540d020; color:#78c9ff; }
.registration-notice-close:focus-visible { outline:2px solid #7bc9ff; outline-offset:-4px; }
.registration-notice-count { position:absolute; right:14px; bottom:10px; color:#9685a9; font-size:9px; }
@keyframes registration-arrive { from {opacity:0;transform:translateY(12px)} to {opacity:1;transform:translateY(0)} }
@media(max-width:600px) {
  .registration-notice { bottom:calc(12px + env(safe-area-inset-bottom, 0px)); left:12px; width:280px; max-width:calc(100vw - 40px); gap:10px; padding:14px 38px 16px 12px; }
}
@media(prefers-reduced-motion:reduce) { .registration-notice { animation:none; } }