/* ==========================================
   Conformar Landing Page Styles
   ========================================== */

/* Global */
html,
body {
    height: 100%;
    margin: 0;
}

body {
    background: url("../images/landing_bg.jpg") center center / cover fixed no-repeat;
    color: #ffffff;
}

/* Dark Overlay */
.overlay{
    min-height:100vh;
    display:flex;
    flex-direction:column;
    background:rgba(0,0,0,.45);
}

/* Glassmorphism Cards */
.glass {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    transition: all 0.3s ease;
    animation: fade 1s ease both;
}

.glass:hover {
    transform: translateY(-4px);
    background: rgba(255, 255, 255, 0.22);
}

/* Fade-in Animation */
@keyframes fade {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Footer */
footer {
    background: rgba(0, 0, 0, 0.45);
}