/* 🚀 ฝังดีไซน์ Modern Minimalist CSS แท้เข้าล็อกตรงหน้านี้ โหลดไวปรี๊ด ไม่ต้องง้อสคริปต์เน็ตนอก 100% 🚀 */
        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Sarabun', sans-serif; }
        body { background: #0f172a; display: flex; justify-content: center; align-items: center; min-height: 100vh; padding: 16px; }
        
        .login-box { background: #1e293b; width: 100%; max-width: 400px; border: 1px solid #334155; border-radius: 16px; padding: 36px 28px; box-shadow: 0 20px 25px -5px rgba(0,0,0,0.3); }
        .login-title { font-size: 24px; font-weight: 700; color: #f8fafc; text-align: center; margin-bottom: 24px; }
        
        .form-group { margin-bottom: 18px; }
        .form-group label { display: block; color: #94a3b8; font-size: 13px; font-weight: 500; margin-bottom: 6px; }
        .form-control { width: 100%; background: #0f172a; border: 1px solid #334155; color: #f1f5f9; padding: 11px 14px; border-radius: 10px; font-size: 14px; outline: none; transition: border-color 0.2s; }
        .form-control:focus { border-color: #38bdf8; }
        
        .btn-submit-login { width: 100%; background: #10b981; color: white; border: none; border-radius: 10px; padding: 12px; font-size: 16px; font-weight: 700; cursor: pointer; transition: background 0.2s; margin-top: 10px; box-shadow: 0 4px 12px rgba(16,185,129,0.2); }
        .btn-submit-login:hover { background: #34d399; }
        .btn-submit-login:active { transform: scale(0.99); }
        
        .register-link { text-align: center; margin-top: 20px; font-size: 13px; color: #94a3b8; }
        .register-link a { color: #38bdf8; text-decoration: none; font-weight: 500; }
        .register-link a:hover { text-decoration: underline; }