html {
    scrollbar-gutter: stable;
}

.navbar {
    min-height: 64px;
}

.login-hero {
    background: linear-gradient(150deg, #1e3a8a 0%, #1d4ed8 45%, #3b82f6 100%);
    clip-path: polygon(0 0, 92% 0, 100% 100%, 0 100%);
    position: relative;
}

.login-hero-content {
    position: relative;
    z-index: 1;
    padding-right: 8%;
}

@keyframes toast-in {
    from {
        opacity: 0;
        transform: translateX(100%);
    }
    to {
        opacity: 0.9;
        transform: translateX(0);
    }
}

.toast.show {
    animation: toast-in 0.3s ease forwards;
}

.toast.hiding {
    transition: opacity 0.4s ease;
    opacity: 0 !important;
}