#toast {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 9999;

    max-width: 440px;
    padding: 1.25rem 1.5rem;
    border-radius: 0.75rem;
    border: 2px solid var(--accent, #e76f0d);

    background: rgba(31, 38, 99, 0.95);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: var(--text, #ffffff);
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;

    box-shadow: 0 0 20px rgba(231, 111, 13, 0.35),
                0 8px 32px rgba(0, 0, 0, 0.3);

    animation: toast-enter 0.5s ease forwards,
               toast-glow 2s ease-in-out 0.5s 3;

    cursor: pointer;
}

@keyframes toast-enter {
    from {
        opacity: 0;
        transform: translateY(1.5rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes toast-glow {
    0%, 100% {
        box-shadow: 0 0 20px rgba(231, 111, 13, 0.35),
                    0 8px 32px rgba(0, 0, 0, 0.3);
    }
    50% {
        box-shadow: 0 0 30px rgba(231, 111, 13, 0.6),
                    0 8px 32px rgba(0, 0, 0, 0.3);
    }
}

@media screen and (max-width: 768px) {
    #toast {
        left: 1rem;
        right: 1rem;
        max-width: none;
    }
}