/* 🎨 ถอดแบบโครงสร้างและดีไซน์จากหน้าหลักของคุณเป๊ะๆ */
        html, body {
            height: 100%;
            margin: 0;
            padding: 0;
        }
        body { 
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
            background-image: linear-gradient(rgba(15, 23, 42, 0.8), rgba(15, 23, 42, 0.8)), url('https://cdn.resend.com/wallpapers/6-a.jpg'); 
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            background-attachment: fixed;
            color: #f8fafc; 
            display: flex;
            flex-direction: column;
            position: relative;
        }
        
        .main-content {
            flex: 1 0 auto;
            padding: 40px 20px;
        }
        
        .container { 
            max-width: 500px; 
            margin: 40px auto; 
            background: rgba(30, 41, 59, 0.85); 
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            padding: 30px; 
            border-radius: 12px; 
            box-shadow: 0 4px 20px rgba(0,0,0,0.4); 
            border: 1px solid rgba(51, 65, 85, 0.6); 
        }
        h2 { text-align: center; margin-top: 0; color: #38bdf8; font-size: 24px; margin-bottom: 5px; }
        .subtitle { text-align: center; color: #94a3b8; font-size: 13px; margin-bottom: 25px; }
        .form-group { margin-bottom: 20px; }
        label { display: block; margin-bottom: 8px; font-weight: 600; color: #cbd5e1; font-size: 14px; }
        
        /* ช่องกรอกปรับตัวหนังสือให้พอดี ไม่ใหญ่เกินไปเพราะต้องรองรับการพิมพ์ Email ยาวๆ */
        input[type="text"] { width: 100%; padding: 12px 14px; box-sizing: border-box; border: 2px solid #475569; background: #0f172a; color: white; border-radius: 6px; font-size: 15px; text-align: center; letter-spacing: 0.5px; }
        input[type="text"]:focus { border-color: #38bdf8; outline: none; }
        
        .btn { width: 100%; padding: 12px; border: none; font-weight: bold; border-radius: 6px; cursor: pointer; font-size: 15px; background: #0284c7; color: white; transition: background 0.2s; }
        .btn:hover { background: #0369a1; }
        .btn:disabled { background: #64748b; cursor: not-allowed; }
        
        .rose-swal-popup {
            background-color: #1e293b !important;
            color: #f8fafc !important;
            border: 1px solid #334155 !important;
            border-radius: 12px !important;
        }
        .rose-swal-title {
            color: #38bdf8 !important;
        }

        .site-footer {
            flex-shrink: 0;
            background-color: #0b0f19;
            border-top: 1px solid #1e293b;
            padding: 20px 10px;
            text-align: center;
            font-size: 13px;
            color: #64748b;
        }
        .footer-links { margin-bottom: 10px; }
        .footer-links a { color: #38bdf8; text-decoration: none; margin: 0 10px; transition: color 0.2s; }
        .footer-links a:hover { color: #7dd3fc; text-decoration: underline; }
        .copyright { margin-top: 5px; letter-spacing: 0.5px; }

        /* แถบล็อกตำแหน่งสวิตช์ภาษา (มุมขวาบนของจอ) */
.language-switcher {
    position: absolute;
    top: 24px;
    right: 24px;
    display: flex;
    gap: 10px;
    z-index: 9999;
}

/* ปรับแต่งปุ่มรองรับชุดตัวหนังสือภาษา */
.lang-btn {
    background: rgba(15, 23, 42, 0.6); /* พื้นหลังสลัวใสให้ตัวหนังสือเด่นขึ้น */
    border: 1px solid rgba(51, 65, 85, 0.5);
    cursor: pointer;
    padding: 6px 14px;
    opacity: 0.5;
    border-radius: 6px;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
}

/* เมื่อเมาส์ชี้ หรือภาษานั้นถูกเลือกใช้งานอยู่ */
.lang-btn:hover, .lang-btn.active {
    opacity: 1;
    background: #0284c7; /* ไฮไลท์สีฟ้าสไตล์เว็บเกมของคุณ */
    border-color: #38bdf8;
    transform: scale(1.05);
}

/* สไตล์ข้อความ 🇹🇭-thai และ 🇬🇧-english ให้คมชัดสวยงาม */
.lang-text {
    color: #f8fafc;
    font-weight: bold;
    font-size: 14px;
    text-transform: lowercase; /* บังคับตัวพิมพ์เล็กตามโครงสร้างที่คุณต้องการ */
    letter-spacing: 0.5px;
}