.notification-page{background-color:var(--color-bg);min-height:100vh;padding:var(--padding-lg);justify-content:center;align-items:center;display:flex}.notification-container{background-color:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:40rem;box-shadow:0 .125rem .5rem var(--color-shadow);flex-direction:column;align-items:center;padding:3rem 2rem;display:flex}.notification-image-wrapper{align-items:center;gap:1rem;display:flex}.notification-image.success{filter:brightness(0)saturate()invert(64%)sepia(58%)saturate(1548%)hue-rotate(73deg)brightness(98%)contrast(91%)}.notification-image{width:2.5rem;height:auto;margin-bottom:var(--gap-xl)}.notification-title{font-size:var(--font-xl);color:var(--color-text);text-align:center;margin-bottom:var(--gap-lg);font-weight:600}.notification-message{font-size:var(--font-base);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--gap-md);line-height:1.5}.notification-message:last-of-type{margin-bottom:0}.notification-highlight{color:var(--color-text);font-weight:600}.notification-button{margin-top:var(--gap-2xl);padding:var(--padding-md) var(--padding-2xl);background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);font-size:var(--font-base);cursor:pointer;border:none;font-weight:500;transition:background-color .2s}.notification-button:hover{background-color:var(--color-primary-dark)}.notification-button:active{background-color:var(--color-primary-dark);opacity:var(--opacity-active)}@media (width<=48rem){.notification-container{padding:var(--padding-xl) var(--padding-lg)}.notification-image{width:10rem}.notification-title{font-size:var(--font-lg)}.notification-message{font-size:var(--font-md)}}