.notifications-guest { max-width:64rem; margin:0 auto; padding:2rem var(--g3-margen,1rem); }
.notifications-guest .page-head { display:block; }
.notifications-guest h1 { font-size:clamp(2rem,5vw,3rem); line-height:1.15; }
.notifications-guest .page-head p { margin:1rem 0 0; }
.notifications-guest__card { max-width:40rem; margin:1.75rem 0 0; padding:clamp(1.25rem,3vw,2rem); border:1px solid rgba(185,140,216,.3); border-radius:20px; text-align:left; }
.notifications-guest__card h2 { margin:0; font:700 clamp(1.4rem,3vw,2rem)/1.2 var(--g3-sans); }
.notifications-guest__card p { margin:1rem 0 0; color:var(--g3-muted); }
.notifications-guest__actions { display:flex; justify-content:flex-start; gap:.75rem; margin-top:1.75rem; }
.notifications-guest__actions .button { flex:1; max-width:16rem; }
@media(min-width:760px) {
  .notifications-guest { max-width:var(--g3-max); padding-top:.875rem; }
  .notifications-guest > .page-head { max-width:40rem; margin-inline:auto; text-align:center; }
  .notifications-guest__card { margin-inline:auto; text-align:center; }
  .notifications-guest__actions { justify-content:center; }
}
@media(max-width:759px) {
  .notifications-guest { padding:1.5rem 1rem; }
  .notifications-guest__actions { flex-direction:column; }
  .notifications-guest__actions .button { width:100%; max-width:none; }
}