body {
    background-color: #F9F7F2;
}

.flip-card {
    perspective: 1000px;
}

.flip-card-inner {
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.flip-card.flipped .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.flip-card-back {
    transform: rotateY(180deg);
}

.fade-in {
    animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Chặn gợi ý từ trên bàn phím điện thoại */
#typing-input {
    -webkit-text-security: none;
    -moz-appearance: textfield;
    -webkit-appearance: none;
    ime-mode: disabled;
}

#typing-input::-webkit-contacts-auto-fill-button,
#typing-input::-webkit-credentials-auto-fill-button,
#typing-input::-webkit-textfield-decoration-container {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}