/* Global Typography */
body { 
    font-family: 'Inter', sans-serif; 
}
.font-poppins {
    font-family: 'Poppins', sans-serif;
}

/* Smooth Fade-In Animation */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in {
    animation: fadeInUp 0.6s ease-out forwards;
}

/* Keyboard Key Style for Lasga Features */
.kbd-key {
    box-shadow: 0 4px 0px rgba(0,0,0,0.1);
    border: 1px solid #e2e8f0;
}

/* Lasga Welcome Page */
.steps-container { 
    display: flex; 
    justify-content: center; 
    align-items: flex-start; 
    gap: 40px; 
    flex-wrap: nowrap; 
}
.step-card { 
    flex: 1 1 0; 
    max-width: 380px; 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
}
.step-card p { 
    margin: 0 0 20px; 
    font-size: 18px; 
    font-weight: 500; 
    color: #fff; 
    line-height: 1.4; 
    text-align: center; 
    min-height: 60px; 
    display: flex; 
    align-items: flex-start; 
    justify-content: center; 
}
.step-card img { 
    width: 100%; 
    border-radius: 16px; 
    box-shadow: 0 12px 30px rgba(0,0,0,0.15); 
}
@media (max-width: 1200px) { 
    .steps-container { flex-wrap: wrap; } 
    .step-card { min-width: 300px; margin-bottom: 2rem; } 
}

/* Lasga Bye Page */
body.page-bye { 
    background: #f3f7fc !important; 
    color: #121F47 !important; 
}
.page-bye iframe { 
    border: none; 
    border-radius: 16px; 
    box-shadow: 0 12px 30px rgba(0,0,0,0.15); 
    max-width: 100%; 
    width: 640px; 
    height: 873px; 
}