.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; border:1px solid #e4d9f1; border-radius:16px;
  background:#fff; color:#21182f; box-shadow:0 12px 40px #21182f26;
  font-family:'Poppins',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:#eee7f9; color:#7544ca; font-size:18px; }
.registration-notice-content { min-width:0; line-height:1.6; }
.registration-notice-heading { display:block; color:#7544ca; 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:#756d80; 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:#756d80; cursor:pointer; font:24px/1 sans-serif; }
.registration-notice-close:hover { background:#f6f2fa; color:#7544ca; }
.registration-notice-close:focus-visible { outline:3px solid #b08cf1; outline-offset:-4px; }
.registration-notice-count { position:absolute; right:14px; bottom:10px; color:#96899f; 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:12px; left:12px; width:calc(100% - 24px); max-width:350px; gap:12px; padding:16px 45px 18px 14px; }
}
@media(prefers-reduced-motion:reduce) { .registration-notice { animation:none; } }