#boot-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: #0a0a0a;
    pointer-events: all;

    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.container>.card,
footer {
    opacity: 0;
    filter: blur(20px);
    transform: translateY(30px);

    transition:
        opacity 0.8s ease-out,
        filter 0.8s ease-out,
        transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

.site-ready #boot-overlay {
    opacity: 0;
    filter: blur(15px);
    pointer-events: none;
}

.site-ready .container>.card,
.site-ready footer {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
}

body:not(.site-ready) {
    overflow: hidden;
}