.page-transition {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--page-bg);
    z-index: 9999;
    transform: translateY(100%);
    pointer-events: none;
}

.page-transition.active {
    animation: slideUp 0.6s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}

@keyframes slideUp {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}