body {
    font-family: 'Kanit', sans-serif;
    background-color: #fcfaff;
}

.pastel-purple-gradient {
    background: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);
}

.icon-box {
    background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);
}

.menu-card:hover .icon-box {
    background: linear-gradient(135deg, #c4b5fd 0%, #a78bfa 100%);
    transform: scale(1.1) rotate(5deg);
}



@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.doc-list-item:hover {
    background-color: #f3f0ff;
    transform: translateX(10px);
    transition: all 0.3s ease;
}

.fee-row:nth-child(even) {
    background-color: #faf9ff;
}

.staff-image {
    object-fit: cover;
    border: 4px solid rgba(255, 255, 255, 0.3);
}


/*ปุ่ม 4 ปุ่ม*/
        .glass-card {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
        }
        .modal {
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }
        .aspect-16-9 {
            aspect-ratio: 16 / 9;
        }