.broad-have {
    display: none;
}
.copyright {
    display: none;
}
 .main-front {
    background-image: url('https://kdlgia-image.starjew.com/KdlAssets/bg-pattern.png') !important;
} 
.login-wp {
    background-image: none !important;
}
.wrap {
    max-width: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
.ani-broad, 
.mask.mask-black {
    display: none !important;
}
.front-header {
    position: relative;
    z-index: 1000; /* Ensures navbar stays above other elements */
}
.bd-register {
            font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
        }

        .bd-register body {
            font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
            background-color: #ffffff;
            background-image: url('https://kdlgia-image.starjew.com/KdlAssets/bg-pattern.png');
            background-repeat: repeat;
            overflow-x: hidden;
            min-height: 100vh;
        }

        /* Main Content - SIGNUP ONLY */
        .bd-register .main.mc-register {
            min-height: calc(100vh - 150px) !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 60px 20px !important;
            background-image: url('https://kdlgia-image.starjew.com/KdlAssets/bg-pattern.png') !important;
            background-repeat: repeat !important;
        }

        .bd-register .main-in {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
        }

        .bd-register .main-front {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        /* Registration Container - SIGNUP ONLY - INCREASED HEIGHT */
        .bd-register .register-wp {
            background: rgba(16, 66, 82, 0.1) !important;
            border-radius: 20px !important;
            padding: 60px 40px 70px 40px !important;
            box-shadow:
                inset -1px -1px 2px rgba(0, 0, 0, 0.3),
                inset 1px 1px 2px rgba(0, 0, 0, 0.3),
                inset -4px -4px 47.4px #E0F5F8 !important;
            text-align: center !important;
            max-width: 800px !important;
            width: 100% !important;
            backdrop-filter: blur(10px) !important;
            border: none !important;
            margin: 0 auto !important;
            min-height: 700px !important;
            overflow: visible !important;
        }

        /* Form Container Reset - SIGNUP ONLY */
        .bd-register .fm-front.register {
            background: transparent !important;
            border: none !important;
            box-shadow: none !important;
            padding: 0 !important;
            margin: 0 !important;
        }

        .bd-register .fm-in.reg {
            background: transparent !important;
            padding: 0 !important;
            margin: 0 !important;
            border: none !important;
            box-shadow: none !important;
            float: none !important;
        }

        /* Header Title Styling - SIGNUP ONLY */
        .bd-register .fm-in.reg h1 {
            font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
            text-align: center !important;
            margin-bottom: 40px !important;
            color: #152B51 !important;
            letter-spacing: 2px !important;
            width: 100% !important;
            display: flex !important;
            flex-direction: column-reverse !important;
        }

        .bd-register .fm-in.reg h1 span {
            display: block !important;
            font-size: 18px !important;
            color: #5A7A9A !important;
            font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
            margin-top: 15px !important;
            margin-bottom: 0 !important;
            font-weight: 500 !important;
            font-style: italic !important;
            order: 2 !important;
        }

        .bd-register .fm-in.reg h1 span i {
            font-style: italic !important;
            margin-right: 8px !important;
        }

        .bd-register .fm-in.reg h1 span a.link {
            color: #152B51 !important;
            font-weight: 700 !important;
            font-size: 20px !important;
            text-decoration: none !important;
            margin-left: 8px !important;
            position: relative !important;
            transition: all 0.3s ease !important;
        }

        .bd-register .fm-in.reg h1 span a.link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -4px;
            left: 0;
            background-color: #25B2E0;
            transition: width 0.3s ease;
        }

        .bd-register .fm-in.reg h1 span a.link:hover::after {
            width: 100%;
        }

        .bd-register .fm-in.reg h1 span a.link:hover {
            color: #0D1A2E !important;
        }

        .bd-register .fm-in.reg h1 strong {
            display: block !important;
            font-size: 40px !important;
            font-weight: 700 !important;
            color: #152B51 !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
            text-align: center !important;
            order: 1 !important;
        }

        /* Form Layout - SIGNUP ONLY - INCREASED SPACING */
        .bd-register .reg-fm {
            display: block !important;
            margin-bottom: 20px !important;
        }

        .bd-register .reg-fm form {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 15px !important;
            align-items: start !important;
            width: 100% !important;
            overflow: visible !important;
            min-height: auto !important;
        }

        /* Override existing styles that might interfere */
        .bd-register .reg .fld {
            height: auto !important;
            padding: 0 !important;
            width: 100% !important;
            margin: 0 0 8px 0 !important;
            position: relative !important;
        }

        .bd-register .reg .fld input {
            margin-left: 0 !important;
            width: 100% !important;
        }

        /* Error Message - SIGNUP ONLY */
        .bd-register .fm-msg {
            display: none !important;
            grid-column: 1 / -1 !important;
            background: rgba(220, 53, 69, 0.1) !important;
            color: #dc3545 !important;
            padding: 10px 15px !important;
            border-radius: 8px !important;
            font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
            font-size: 14px !important;
            text-align: center !important;
            border: 1px solid rgba(220, 53, 69, 0.2) !important;
            margin-bottom: 20px !important;
        }

        .bd-register .fm-msg.d_i_error {
            display: block !important;
        }

        /* Field Container - SIGNUP ONLY - INCREASED SPACING */
        .bd-register .fld {
            position: relative !important;
            margin-bottom: 25px !important;
        }

        /* Override the original styles */
        .bd-register .reg .fld label {
            position: static !important;
            line-height: 1.4em !important;
            height: auto !important;
            width: auto !important;
            text-align: left !important;
            z-index: auto !important;
            color: #152B51 !important;
            display: block !important;
            font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
            font-size: 14px !important;
            font-weight: 600 !important;
            margin-bottom: 0px !important;
            padding-left: 5px !important;
        }

        /* Input Labels - SIGNUP ONLY */
        .bd-register .fld label {
            display: block !important;
            font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
            font-size: 14px !important;
            font-weight: 600 !important;
            color: #152B51 !important;
            margin-bottom: 8px !important;
            text-align: left !important;
            padding-left: 5px !important;
            position: static !important;
            line-height: 1.4em !important;
            height: auto !important;
            width: auto !important;
            z-index: auto !important;
        }

        /* Field Positioning - SIGNUP ONLY */
        .bd-register .fld.fld-acc {
            grid-column: 1 !important;
        }

        .bd-register .fld.fld-nam {
            grid-column: 2 !important;
        }

        .bd-register .fld.fld-pwd {
            grid-column: 1 !important;
        }

        .bd-register .fld.fld-pwd2 {
            grid-column: 2 !important;
        }

        .bd-register .fld.fld-tel {
            grid-column: 1 !important;
        }

        .bd-register .fld.fld-com {
            grid-column: 2 !important;
        }

        /* Input Field Styling - SIGNUP ONLY - REDUCED HEIGHT */
        .bd-register .fld input.txt {
            width: 100% !important;
            padding: 12px 20px 12px 60px !important;
            height: 45px !important;
            border: 0.5px solid #8F8F8F !important;
            border-radius: 8px !important;
            font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
            font-size: 16px !important;
            font-weight: 600 !important;
            background: #E1EBF2 !important;
            color: #152B51 !important;
            transition: all 0.3s ease !important;
            box-shadow:
                inset 6px 6px 2px rgba(110, 180, 192, 0.3),
                inset -6px -6px 2px rgba(255, 255, 255, 0.5) !important;
            box-sizing: border-box !important;
            outline: none !important;
            z-index: 2 !important;
            position: relative !important;
            text-align: left !important;
            line-height: 1.4 !important;
        }

        .bd-register .fld input.txt:focus {
            border-color: #167B9C !important;
            background: #E1EBF2 !important;
            color: #152B51 !important;
            box-shadow:
                inset 6px 6px 2px rgba(110, 180, 192, 0.4),
                inset -6px -6px 2px rgba(255, 255, 255, 0.6) !important;
        }

        /* Input placeholder styling - SIGNUP ONLY */
        .bd-register .fld input.txt::placeholder {
            color: #A0B6C3 !important;
            font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
            font-weight: 600 !important;
        }

        /* Input Icons - SIGNUP ONLY - ADJUSTED FOR SMALLER FIELDS */
        .bd-register .fld.fld-acc::before,
        .bd-register .fld.fld-nam::before,
        .bd-register .fld.fld-pwd::before,
        .bd-register .fld.fld-pwd2::before,
        .bd-register .fld.fld-tel::before,
        .bd-register .fld.fld-com::before {
            content: '' !important;
            position: absolute !important;
            left: 22px !important;
            top: calc(50% + 12px) !important;
            transform: translateY(-50%) !important;
            width: 26px !important;
            height: 26px !important;
            pointer-events: none !important;
            z-index: 4 !important;
        }

        .bd-register .fld.fld-acc::before {
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23A0B6C3"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>') !important;
            background-size: contain !important;
            background-repeat: no-repeat !important;
        }

        .bd-register .fld.fld-nam::before {
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23A0B6C3"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>') !important;
            background-size: contain !important;
            background-repeat: no-repeat !important;
        }

        .bd-register .fld.fld-pwd::before,
        .bd-register .fld.fld-pwd2::before {
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23A0B6C3"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"/></svg>') !important;
            background-size: contain !important;
            background-repeat: no-repeat !important;
        }

        .bd-register .fld.fld-tel::before {
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23A0B6C3"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>') !important;
            background-size: contain !important;
            background-repeat: no-repeat !important;
        }

        .bd-register .fld.fld-com::before {
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23A0B6C3"><path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z"/></svg>') !important;
            background-size: contain !important;
            background-repeat: no-repeat !important;
        }

        /* CAPTCHA Field - SIGNUP ONLY - PROPERLY ALIGNED LIKE OTHER FIELDS */
        .bd-register .fld.sec-wp {
            background: transparent !important;
            border: none !important;
            border-radius: 0 !important;
            padding: 0 !important;
            margin: 0 0 20px 0 !important;
            position: relative !important;
            grid-column: 1 / -1 !important;
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 20px !important;
            align-items: start !important;
        }

        .bd-register .fld.sec-wp::before {
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23A0B6C3"><path d="M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z"/></svg>') !important;
            background-size: contain !important;
            background-repeat: no-repeat !important;
        }

        .bd-register .fld.sec-wp>label {
            display: none !important;
        }

        /* CAPTCHA Field - SIGNUP ONLY - PROPERLY ALIGNED LIKE OTHER FIELDS */
        .bd-register .fld.sec-wp {
            background: transparent !important;
            border: none !important;
            border-radius: 0 !important;
            padding: 0 !important;
            margin: 0 0 20px 0 !important;
            position: relative !important;
            grid-column: 1 / -1 !important;
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 20px !important;
            align-items: start !important;
        }

        .bd-register .fld.sec-wp::before {
            display: none !important;
        }

        .bd-register .fld.sec-wp>label {
            display: none !important;
        }

        /* Create CAPTCHA label using CSS */
        .bd-register .fld.sec-wp::after {
            content: "CAPTCHA" !important;
            position: absolute !important;
            left: 5px !important;
            top: -25px !important;
            display: block !important;
            font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
            font-size: 14px !important;
            font-weight: 600 !important;
            color: #152B51 !important;
            z-index: 5 !important;
            background: transparent !important;
            padding: 0 !important;
            margin: 0 !important;
            border: none !important;
            grid-column: 1 !important;
        }

        /* Create verification code label using CSS */
        .bd-register .fld.sec-wp .sec-img::before {
            content: "Verification Code" !important;
            position: absolute !important;
            left: calc(50% + 15px) !important;
            top: -25px !important;
            display: block !important;
            font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
            font-size: 14px !important;
            font-weight: 600 !important;
            color: #152B51 !important;
            z-index: 5 !important;
            background: transparent !important;
            padding: 0 5px !important;
            margin: 0 !important;
            border: none !important;
            width: auto !important;
            height: auto !important;
        }

        /* CAPTCHA Input Field - Left Column */
        .bd-register .fld.sec-wp input.sec-code {
            grid-column: 1 !important;
            width: 100% !important;
            height: 45px !important;
            padding: 12px 20px 12px 60px !important;
            border: 0.5px solid #8F8F8F !important;
            border-radius: 8px !important;
            font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
            font-size: 16px !important;
            font-weight: 600 !important;
            background: #E1EBF2 !important;
            color: #152B51 !important;
            transition: all 0.3s ease !important;
            box-shadow:
                inset 6px 6px 2px rgba(110, 180, 192, 0.3),
                inset -6px -6px 2px rgba(255, 255, 255, 0.5) !important;
            box-sizing: border-box !important;
            outline: none !important;
            text-align: left !important;
            position: relative !important;
            z-index: 2 !important;
            line-height: 1.4 !important;
        }

        .bd-register .fld.sec-wp input.sec-code:focus {
            border-color: #167B9C !important;
            background: #E1EBF2 !important;
            color: #152B51 !important;
            box-shadow:
                inset 6px 6px 2px rgba(110, 180, 192, 0.4),
                inset -6px -6px 2px rgba(255, 255, 255, 0.6) !important;
        }

        /* Add CAPTCHA icon for input field */
        .bd-register .fld.sec-wp input.sec-code::before {
            content: '' !important;
            position: absolute !important;
            left: 22px !important;
            top: 50% !important;
            transform: translateY(-50%) !important;
            width: 26px !important;
            height: 26px !important;
            pointer-events: none !important;
            z-index: 4 !important;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23A0B6C3"><path d="M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z"/></svg>') !important;
            background-size: contain !important;
            background-repeat: no-repeat !important;
            display: block !important;
        }

        /* CAPTCHA Image Field - Right Column */
        .bd-register .fld.sec-wp .sec-img {
            grid-column: 2 !important;
            height: 45px !important;
            width: 100% !important;
            max-width: 200px !important;
            background: #E1EBF2 !important;
            border: 0.5px solid #8F8F8F !important;
            border-radius: 8px !important;
            padding: 8px 12px !important;
            box-shadow:
                inset 6px 6px 2px rgba(110, 180, 192, 0.3),
                inset -6px -6px 2px rgba(255, 255, 255, 0.5) !important;
            cursor: pointer !important;
            transition: all 0.3s ease !important;
            display: block !important;
            margin: 0 !important;
            object-fit: contain !important;
            position: relative !important;
            box-sizing: border-box !important;
        }

        .bd-register .fld.sec-wp .sec-img:hover {
            border-color: #167B9C !important;
            transform: scale(1.02) !important;
            box-shadow:
                inset 6px 6px 2px rgba(110, 180, 192, 0.4),
                inset -6px -6px 2px rgba(255, 255, 255, 0.6) !important;
        }

        /* Submit Button - SIGNUP ONLY - ENSURE VISIBILITY */
        .bd-register .fld.lef-pad {
            grid-column: 1 / -1 !important;
            text-align: center !important;
            margin-top: -25px !important;
            padding: 0 !important;
            background: transparent !important;
            display: block !important;
            width: 100% !important;
            height: auto !important;
            overflow: visible !important;
            position: relative !important;
            z-index: 10 !important;
        }

        /* Force all possible submit button selectors to be visible */
        .bd-register .fld.lef-pad input,
        .bd-register .fld.lef-pad input[type="submit"],
        .bd-register .fld input.pic-btn,
        .bd-register input[type="submit"],
        .bd-register button[type="submit"],
        .bd-register #reg_btn,
        .bd-register input[value="Sign up"],
        .bd-register .pic-btn {
            width: 200px !important;
            height: 50px !important;
            background: #167B9C !important;
            color: #FFFFFF !important;
            border: none !important;
            border-radius: 8px !important;
            font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
            font-size: 22px !important;
            font-weight: 700 !important;
            cursor: pointer !important;
            transition: all 0.3s ease !important;
            letter-spacing: 1px !important;
            margin: 15px auto 0 !important;
            display: block !important;
            box-shadow:
                inset 6px 6px 4px #25B2E0,
                8px 7px 12.5px rgba(0, 0, 0, 0.25) !important;
            padding: 0 !important;
            box-sizing: border-box !important;
            text-align: center !important;
            line-height: 50px !important;
            vertical-align: middle !important;
            position: relative !important;
            z-index: 10 !important;
            opacity: 1 !important;
            visibility: visible !important;
        }

        .bd-register .fld.lef-pad input:hover,
        .bd-register .fld.lef-pad input[type="submit"]:hover,
        .bd-register .fld input.pic-btn:hover,
        .bd-register input[type="submit"]:hover,
        .bd-register button[type="submit"]:hover,
        .bd-register #reg_btn:hover,
        .bd-register input[value="Sign up"]:hover,
        .bd-register .pic-btn:hover {
            background: #145a73 !important;
            transform: translateY(-1px) !important;
        }

        .bd-register .fld.lef-pad input:active,
        .bd-register .fld.lef-pad input[type="submit"]:active,
        .bd-register .fld input.pic-btn:active,
        .bd-register input[type="submit"]:active,
        .bd-register button[type="submit"]:active,
        .bd-register #reg_btn:active,
        .bd-register input[value="Sign up"]:active,
        .bd-register .pic-btn:active {
            transform: translateY(0) !important;
        }

        /* Reduce container height to fit everything */
        .bd-register .register-wp {
            background: rgba(16, 66, 82, 0.1) !important;
            border-radius: 20px !important;
            padding: 40px 30px 40px 30px !important;
            box-shadow:
                inset -1px -1px 2px rgba(0, 0, 0, 0.3),
                inset 1px 1px 2px rgba(0, 0, 0, 0.3),
                inset -4px -4px 47.4px #E0F5F8 !important;
            text-align: center !important;
            max-width: 800px !important;
            width: 100% !important;
            backdrop-filter: blur(10px) !important;
            border: none !important;
            margin: 0 auto !important;
            min-height: 600px !important;
            overflow: visible !important;
        }

        .bd-register .fld.lef-pad input[type="submit"]:hover,
        .bd-register .fld input.pic-btn:hover,
        .bd-register input[type="submit"]:hover,
        .bd-register button[type="submit"]:hover,
        .bd-register #reg_btn:hover {
            background: #145a73 !important;
            transform: translateY(-1px) !important;
        }

        .bd-register .fld.lef-pad input[type="submit"]:active,
        .bd-register .fld input.pic-btn:active,
        .bd-register input[type="submit"]:active,
        .bd-register button[type="submit"]:active,
        .bd-register #reg_btn:active {
            transform: translateY(0) !important;
        }

        /* Bottom App Section - SIGNUP ONLY */
        .bd-register .fm-app.reg-app {
            margin-top: 30px !important;
            text-align: center !important;
            font-family: 'Microsoft YaHei', 'SimHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', sans-serif !important;
            font-size: 18px !important;
            color: #5A7A9A !important;
        }

        .bd-register .fm-app.reg-app p {
            margin: 5px 0 !important;
            font-size: 18px !important;
            color: #5A7A9A !important;
        }

        .bd-register .fm-app.reg-app .link-reg {
            color: #152B51 !important;
            text-decoration: none !important;
            font-weight: 700 !important;
            font-size: 20px !important;
            margin-left: 8px !important;
            position: relative !important;
            transition: all 0.3s ease !important;
        }

        .bd-register .fm-app.reg-app .link-reg::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -4px;
            left: 0;
            background-color: #25B2E0;
            transition: width 0.3s ease;
        }

        .bd-register .fm-app.reg-app .link-reg:hover {
            color: #0D1A2E !important;
        }

        .bd-register .fm-app.reg-app .link-reg:hover::after {
            width: 100%;
        }

        /* Mobile Responsive - SIGNUP ONLY */
        @media (max-width: 768px) {
            .bd-register .main.mc-register {
                padding: 30px 15px;
                min-height: calc(100vh - 250px);
            }

            .bd-register .register-wp {
                padding: 35px 25px !important;
                margin: 0 10px !important;
                border-radius: 16px !important;
                min-height: 600px !important;
            }

            .bd-register .fm-in.reg h1 strong {
                font-size: 32px !important;
            }

            .bd-register .reg-fm form {
                grid-template-columns: 1fr !important;
                gap: 20px !important;
            }

            .bd-register .fld.fld-acc,
            .bd-register .fld.fld-nam,
            .bd-register .fld.fld-pwd,
            .bd-register .fld.fld-pwd2,
            .bd-register .fld.fld-tel,
            .bd-register .fld.fld-com,
            .bd-register .fld.sec-wp,
            .bd-register .fld.lef-pad {
                grid-column: 1 !important;
            }

            .bd-register .fld input.pic-btn {
                width: 200px !important;
                height: 50px !important;
                font-size: 22px !important;
            }

            .bd-register .fld.sec-wp {
                grid-template-columns: 1fr !important;
                gap: 20px !important;
            }

            .bd-register .fld.sec-wp .captcha-input-field,
            .bd-register .fld.sec-wp .captcha-image-field {
                grid-column: 1 !important;
            }
        }

        @media (max-width: 480px) {
            .bd-register .main.mc-register {
                padding: 20px 10px;
            }

            .bd-register .register-wp {
                padding: 25px 20px !important;
                border-radius: 16px !important;
                margin: 0 5px !important;
                min-height: 550px !important;
            }

            .bd-register .fm-in.reg h1 strong {
                font-size: 28px !important;
            }

            .bd-register .fm-in.reg h1 span {
                font-size: 16px !important;
            }

            .bd-register .fm-in.reg h1 span a.link {
                font-size: 18px !important;
            }

            .bd-register .fld input.txt,
            .bd-register .fld.sec-wp input.sec-code {
                padding: 15px 20px 15px 50px !important;
                font-size: 15px !important;
                height: 50px !important;
            }

            .bd-register .fld.sec-wp .captcha-image-container {
                height: 50px !important;
            }

            .bd-register .fld.sec-wp .sec-img {
                height: 34px !important;
            }

            .bd-register .fld.fld-acc::before,
            .bd-register .fld.fld-nam::before,
            .bd-register .fld.fld-pwd::before,
            .bd-register .fld.fld-pwd2::before,
            .bd-register .fld.fld-tel::before,
            .bd-register .fld.fld-com::before,
            .bd-register .fld.sec-wp .captcha-input-field::after {
                left: 18px !important;
                width: 24px !important;
                height: 24px !important;
                top: calc(50% + 12px) !important;
            }

            .bd-register .fld input.pic-btn {
                width: 100% !important;
                max-width: 200px !important;
                height: 48px !important;
                font-size: 20px !important;
            }

            .bd-register .fm-app.reg-app {
                font-size: 16px !important;
            }

            .bd-register .fm-app.reg-app .link-reg {
                font-size: 18px !important;
            }
        }

        @media (max-width: 320px) {
            .bd-register .fm-in.reg h1 strong {
                font-size: 24px !important;
            }

            .bd-register .register-wp {
                padding: 20px 15px !important;
                min-height: 500px !important;
            }

            .bd-register .fld input.txt,
            .bd-register .fld.sec-wp input.sec-code {
                padding: 12px 15px 12px 45px !important;
                font-size: 14px !important;
                height: 45px !important;
            }

            .bd-register .fld.sec-wp .captcha-image-container {
                height: 45px !important;
            }

            .bd-register .fld.sec-wp .sec-img {
                height: 29px !important;
            }

            .bd-register .fld input.pic-btn {
                height: 45px !important;
                font-size: 18px !important;
            }

            .bd-register .fld.fld-acc::before,
            .bd-register .fld.fld-nam::before,
            .bd-register .fld.fld-pwd::before,
            .bd-register .fld.fld-pwd2::before,
            .bd-register .fld.fld-tel::before,
            .bd-register .fld.fld-com::before,
            .bd-register .fld.sec-wp .captcha-input-field::after {
                top: calc(50% + 10px) !important;
                left: 15px !important;
                width: 22px !important;
                height: 22px !important;
            }

            .bd-register .fm-app.reg-app {
                font-size: 14px !important;
            }

            .bd-register .fm-app.reg-app .link-reg {
                font-size: 16px !important;
            }
        }



body.bd-login {
            background-color: #ffffff !important;
            background-image: url('https://kdlgia-image.starjew.com/KdlAssets/bg-pattern.png') !important;
            background-repeat: repeat !important;
            background-attachment: fixed !important;
            margin: 0 !important;
            padding: 0 !important;
            min-height: 100vh !important;
            display: flex !important;
            flex-direction: column !important;
        }

        /* Perfect center alignment for the main login container with header/footer space */
        body.bd-login .main.mc-login {
            min-height: calc(100vh - 200px) !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 40px 20px !important;
            background: transparent !important;
            flex: 1 !important;
            box-sizing: border-box !important;
        }

        /* Center all wrapper containers */
        body.bd-login .main.mc-login .wrap {
            width: 100% !important;
            max-width: none !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            margin: 0 !important;
        }

        body.bd-login .main-in {
            width: 100% !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            margin: 0 !important;
        }

        body.bd-login .main-front {
            width: 100% !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            margin: 0 !important;
        }

        body.bd-login .login-wp {
            width: 100% !important;
            max-width: 600px !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            margin: 0 auto !important;
        }

        /* Modern login panel with solid background to cover unwanted backgrounds */
        body.bd-login .fm-front.login {
            background: transparent !important;
            background-image: url('https://kdlgia-image.starjew.com/KdlAssets/bg-pattern.png') !important;
            backdrop-filter: blur(10px) !important;
            -webkit-backdrop-filter: blur(10px) !important;
            border: 1px solid rgba(173, 191, 197, 0.3) !important;
            border-radius: 32px !important;
            padding: 60px 50px !important;
            box-shadow:
                inset -1px -1px 2px rgba(0, 0, 0, 0.3),
                inset 1px 1px 2px rgba(0, 0, 0, 0.3),
                inset -4px -4px 47.4px #E0F5F8,
                0 8px 32px rgba(0, 0, 0, 0.15) !important;
            text-align: center !important;
            width: 100% !important;
            max-width: 550px !important;
            margin: 0 auto !important;
            position: relative !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            backdrop-filter: blur(10px) !important;
            -webkit-backdrop-filter: blur(10px) !important;
        }

        /* Add solid background overlay to completely cover unwanted backgrounds */
        body.bd-login .fm-front.login::before {
            content: "" !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            background: transparent !important;
            background-image: url('https://kdlgia-image.starjew.com/KdlAssets/bg-pattern.png') !important;
            border-radius: 32px !important;

            z-index: 0 !important;
        }

        /* Add subtle gradient overlay for visual appeal */
        body.bd-login .fm-front.login::after {
            content: "" !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            background: linear-gradient(135deg, rgba(240, 248, 255, 0.3) 0%, rgba(230, 245, 252, 0.2) 50%, rgba(224, 245, 248, 0.1) 100%) !important;
            border-radius: 32px !important;
            pointer-events: none !important;
            z-index: 1 !important;
        }

        /* Ensure content stays above all overlays */
        body.bd-login .login-pan {
            position: relative !important;
            z-index: 10 !important;
        }

        .login_btn.pic-btn {
            align-items: right !important;
        }

        /* Remove any background image or patterns from login panel */
        body.bd-login .login-pan {
            background: transparent !important;
            border: none !important;
            padding: 0 !important;
            width: 100% !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            position: relative !important;
            z-index: 2 !important;
        }

        /* Center the form itself with proper z-index */
        body.bd-login #login_frm {
            width: 100% !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            position: relative !important;
            z-index: 10 !important;
        }

        /* Sign in title styling - perfectly centered */
        body.bd-login .fm-front.login h1 {
            font-family: 'Cinzel', serif !important;
            font-size: 50px !important;
            font-weight: 700 !important;
            color: #152B51 !important;
            margin-bottom: 3px !important;
            letter-spacing: 2px !important;
            text-align: center !important;
            text-shadow: none !important;
            width: 100% !important;
        }

        /* Hide subtitle text but keep the main title */
        body.bd-login .fh-p1,
        body.bd-login .fh-p2 {
            display: none !important;
        }

        /* Form message styling - centered */
        body.bd-login .fm-msg {
            margin-bottom: 20px !important;
            padding: 10px !important;
            border-radius: 8px !important;
            font-family: 'Open Sans', sans-serif !important;
            background: transparent !important;
            text-align: center !important;
            width: 100% !important;
        }

        /* Form fields container - perfectly centered with full width */
        body.bd-login .login-fld {
            display: flex !important;
            flex-direction: column !important;
            gap: 25px !important;
            margin-bottom: 30px !important;
            text-align: center !important;
            width: 100% !important;
            align-items: center !important;
            justify-content: center !important;
        }

        /* Individual field styling - full width and centered */
        body.bd-login .fld {
            position: relative !important;
            margin-bottom: 0 !important;
            text-align: center !important;
            width: 100% !important;
            max-width: 100% !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: left !important;
        }

        /* SHOW and style the labels properly - centered */
        body.bd-login .fld label {
            display: block !important;
            font-family: 'Open Sans', sans-serif !important;
            font-size: 16px !important;
            font-weight: 600 !important;
            color: #152B51 !important;
            margin-bottom: 8px !important;
            text-align: left !important;
            width: 100% !important;
        }

        /* Username label specific styling */
        body.bd-login .fld-acc label {
            color: #152B51 !important;
        }

        /* Add these CSS rules to add input icons using only CSS */

        /* Username field icon */
        body.bd-login .fld-acc {
            position: relative !important;
        }

        body.bd-login .fld-acc::before {
            content: "" !important;
            position: absolute !important;
            left: 18px !important;
            top: calc(100% - 38px) !important;
            /* Adjust based on your input height */
            width: 25px !important;
            height: 25px !important;
            background-image: url('https://kdlgia-image.starjew.com/KdlAssets/user-icon.png') !important;
            background-size: contain !important;
            background-repeat: no-repeat !important;
            background-position: center !important;
            z-index: 10 !important;
            pointer-events: none !important;
        }

        body.bd-login .fld-pwd {
            position: relative !important;
        }

        body.bd-login .fld-pwd::before {
            content: "" !important;
            position: absolute !important;
            left: 18px !important;
            top: calc(100% - 38px) !important;
            /* Adjust based on your input height */
            width: 25px !important;
            height: 25px !important;
            background-image: url('https://kdlgia-image.starjew.com/KdlAssets/lock-icon.png') !important;
            background-size: contain !important;
            background-repeat: no-repeat !important;
            background-position: center !important;
            z-index: 10 !important;
            pointer-events: none !important;
        }

        body.bd-login .fld-acc .txt,
        body.bd-login .fld-pwd .txt {
            padding-left: 50px !important;
            /* Make space for the icon */
        }

        body.bd-login .fld-pwd label {
            display: block !important;
            font-family: 'Open Sans', sans-serif !important;
            font-size: 16px !important;
            font-weight: 600 !important;
            color: #152B51 !important;
            display: flex !important;
            justify-content: space-between !important;
            align-items: center !important;
            text-align: left !important;
            width: 100% !important;
        }

        /* Style the "Forgot password?" link in the label */
        body.bd-login .fld-pwd label .login-lostpwd-sd {
            font-size: 14px !important;
            color: #167B9C !important;
            text-decoration: none !important;
            font-weight: 500 !important;
        }

        body.bd-login .fld-pwd label .login-lostpwd-sd:hover {
            text-decoration: underline !important;
        }

        /* Input field styling - Full width and centered */
        body.bd-login .fld .txt {
            width: 100% !important;
            max-width: 100% !important;
            padding: 20px 25px 20px 55px !important;
            border: 0.5px solid #8F8F8F !important;
            border-radius: 12px !important;
            font-family: 'Open Sans', sans-serif !important;
            font-size: 16px !important;
            font-weight: 500 !important;
            background: rgba(255, 255, 255, 0.8) !important;
            color: #152B51 !important;
            transition: all 0.3s ease !important;
            box-shadow:
                inset 6px 6px 2px rgba(110, 180, 192, 0.3),
                inset -6px -6px 2px rgba(255, 255, 255, 0.5) !important;
            box-sizing: border-box !important;
            backdrop-filter: blur(5px) !important;
            -webkit-backdrop-filter: blur(5px) !important;
            text-align: center !important;
            margin: 0 !important;
            -webkit-backdrop-filter: none !important;
        }

        body.bd-login .fld .txt:focus {
            outline: none !important;
            border-color: #167B9C !important;
            background: rgba(255, 255, 255, 0.95) !important;
            color: #152B51 !important;
            box-shadow:
                inset 6px 6px 2px rgba(110, 180, 192, 0.3),
                inset -6px -6px 2px rgba(255, 255, 255, 0.5) !important;
        }

        body.bd-login .fld .txt::placeholder {
            color: #7A8B94 !important;
            font-family: 'Open Sans', sans-serif !important;
            font-weight: 500 !important;
            text-align: center !important;
        }

        body.bd-login .lef-pad {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            /* Changed to left-align */
            justify-content: center !important;
            gap: 15px !important;
            margin-top: 20px !important;
            width: 100% !important;
            text-align: left !important;
            padding-left: 20px !important;
            /* Optional: Add slight left padding */
            margin-left: -18px !important;
            /* Optional: Adjust left margin to align with input fields */
        }

        /* Login button - left-aligned */
        body.bd-login .pic-btn {
            width: 200px;
            height: 57px;
            background: #167B9C;
            color: #FFFFFF;
            border: none;
            border-radius: 8px;
            font-family: 'Open Sans', sans-serif;
            font-size: 25px;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.3s ease;
            letter-spacing: 1px;
            margin: 0 !important;
            /* Removed "auto" to disable centering */
            display: block;
            box-shadow:
                inset 6px 6px 4px #25B2E0,
                8px 7px 12.5px rgba(0, 0, 0, 0.25);
            box-sizing: border-box;
            max-width: 100%;
        }

        body.bd-login .pic-btn:hover {
            background: #145a73 !important;
            transform: translateY(-1px) !important;
        }

        body.bd-login .pic-btn:active {
            transform: translateY(0) !important;
        }

        body.bd-login .lef-pad a.link {
            color: #167B9C !important;
            text-decoration: none !important;
            font-family: 'Open Sans', sans-serif !important;
            font-size: 16px !important;
            font-weight: 600 !important;
            transition: color 0.3s ease !important;
            text-align: center !important;
            /* Changed to left-align */
            display: block !important;
            width: 100% !important;
            margin: 0 !important;
            /* Removed "auto" to disable centering */
        }

        body.bd-login .lef-pad a.link:hover {
            color: #145a73 !important;
            text-decoration: underline !important;
        }

        body.bd-login .fm-app.login-app {
            margin-top: 10px !important;
            text-align: center !important;
            padding-top: 5px !important;
            border-top: 1px solid rgba(173, 191, 197, 0.3) !important;
            width: 100% !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            /* This centers horizontally */
            justify-content: center !important;
            /* This centers vertically */
            position: relative !important;
            left: auto !important;
            margin-left: 4px !important;
            /* Remove the manual left positioning */
            transform: none !important;
            /* Remove the transform */
        }

        body.bd-login .fm-app p {
            font-family: 'Open Sans', sans-serif !important;
            font-size: 16px !important;
            color: #152B51 !important;
            margin: 5px 0 !important;
            font-weight: 500 !important;
            text-align: center !important;
            width: 100% !important;
        }

        body.bd-login .fm-app a.link {
            color: #167B9C !important;
            text-decoration: none !important;
            font-weight: 600 !important;
            font-size: 18px !important;
            transition: all 0.3s ease !important;
            text-align: center !important;
            display: block !important;
            width: 100% !important;
        }

        body.bd-login .fm-app a.link:hover {
            color: #145a73 !important;
            text-decoration: underline !important;
        }

        /* Hide broadcast section */
        body.bd-login .front-broad {
            display: none !important;
        }

        /* Keep header and footer visible but ensure proper spacing */
        body.bd-login .front-header {
            display: block !important;
            position: relative !important;
            z-index: 999 !important;
        }

        body.bd-login .footer {
            display: block !important;
            position: relative !important;
            z-index: 998 !important;
        }

        /* Add subtle animation */
        body.bd-login .fm-front.login {
            animation: fadeInUp 0.6s ease-out !important;
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Responsive design for LOGIN PAGE only - maintaining perfect centering */
        @media (max-width: 1024px) {
            body.bd-login .fm-front.login {
                padding: 50px 40px !important;
                max-width: 500px !important;
            }

            body.bd-login .fm-front.login h1 {
                font-size: 36px !important;
            }

            body.bd-login .fld .txt {
                max-width: 100% !important;
            }
        }

        @media (max-width: 768px) {
            body.bd-login .main.mc-login {
                padding: 30px 15px !important;
            }

            body.bd-login .fm-front.login {
                padding: 40px 30px !important;
                border-radius: 24px !important;
                max-width: 90% !important;
            }

            body.bd-login .fm-front.login h1 {
                font-size: 32px !important;
                margin-bottom: 30px !important;
                letter-spacing: 1px !important;
            }

            body.bd-login .pic-btn {
                width: 200px !important;
                height: 50px !important;
                font-size: 18px !important;
            }

            body.bd-login .fld .txt {
                max-width: 100% !important;
            }
        }

        @media (max-width: 480px) {
            body.bd-login .main.mc-login {
                padding: 20px 10px !important;
            }

            body.bd-login .fm-front.login {
                padding: 30px 20px !important;
                margin: 0 !important;
                border-radius: 20px !important;
                max-width: 95% !important;
            }

            body.bd-login .fm-front.login h1 {
                font-size: 28px !important;
                margin-bottom: 25px !important;
                letter-spacing: 0.5px !important;
            }

            body.bd-login .fld .txt {
                padding: 12px 16px !important;
                font-size: 15px !important;
            }

            body.bd-login .pic-btn {
                width: 180px !important;
                height: 48px !important;
                font-size: 16px !important;
            }

            body.bd-login .fld label {
                font-size: 14px !important;
            }

            /* body.bd-login .fld-pwd label {
        flex-direction: column !important;
        gap: 5px !important;
        text-align: left !important;
        justify-content: flex-start !important;
        margin-left: 0 !important;
    } */

        }

        @media (max-width: 320px) {
            body.bd-login .main.mc-login {
                padding: 15px 5px !important;
            }

            body.bd-login .fm-front.login {
                padding: 25px 15px !important;
                border-radius: 16px !important;
                max-width: 98% !important;
            }

            body.bd-login .fm-front.login h1 {
                font-size: 24px !important;
            }

            body.bd-login .fld .txt {
                padding: 10px 14px !important;
                font-size: 14px !important;
            }

            body.bd-login .pic-btn {
                width: 160px !important;
                height: 45px !important;
                font-size: 15px !important;
            }

            body.bd-login .fld label {
                font-size: 13px !important;
            }
        }

        /* Ensure everything stays centered on very large screens */
        @media (min-width: 1920px) {
            body.bd-login .fm-front.login {
                max-width: 600px !important;
            }
        }

        /* Perfect vertical centering fix for all screen sizes */
        body.bd-login .main.mc-login {
            position: relative !important;
        }

        /* Additional centering for very small content */
        @media (max-height: 600px) {
            body.bd-login .main.mc-login {
                align-items: flex-start !important;
                padding-top: 20px !important;
            }
        }

        /* Remove forced center alignment - let individual elements control their alignment */
        body.bd-login h1 {
            text-align: center !important;
        }

        /* Override text alignment for input fields to center placeholder text */
        body.bd-login .fld .txt {
            text-align: center !important;
        }

        /* Ensure form elements are perfectly centered */
        body.bd-login .login-fld,
        body.bd-login .fld,
        body.bd-login .lef-pad,
        body.bd-login .fm-app {
            display: flex !important;
            flex-direction: column !important;
            align-items: left !important;
            justify-content: center !important;
            text-align: center !important;
        }