/* style.css */

/* กำหนดฟอนต์พื้นฐาน */
body { font-family: sans-serif; }
h1, h2, h3, .brand-font, .btn-font { font-family: serif; }

/* กำหนดฟอนต์สำหรับหัวข้อและแบรนด์ */
h1, h2, h3, .brand-font, .btn-font { 
    font-family: 'Cinzel', serif; 
}

/* Animation สำหรับตัวโหลดหมุนๆ */
.loader {
    border: 2px solid rgba(212, 175, 55, 0.3);
    border-radius: 50%;
    border-top: 2px solid #D4AF37;
    width: 20px;
    height: 20px;
    animation: spin 1s linear infinite;
}

@keyframes spin { 
    0% { transform: rotate(0deg); } 
    100% { transform: rotate(360deg); } 
}

input#accessCode::placeholder {
    color: #d4af3762 !important; 
    opacity: 1; 
}