.elementor-259 .elementor-element.elementor-element-63551d7{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-259 .elementor-element.elementor-element-0978e0a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-259 .elementor-element.elementor-element-0978e0a:not(.elementor-motion-effects-element-type-background), .elementor-259 .elementor-element.elementor-element-0978e0a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #E4F0E8 0%, #D8EEF0 100%);}.elementor-259 .elementor-element.elementor-element-0978e0a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-259 .elementor-element.elementor-element-0c4eb7c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-259 .elementor-element.elementor-element-3d39a80{text-align:center;}.elementor-259 .elementor-element.elementor-element-3d39a80 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:24px;font-weight:700;color:#080808;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-259 .elementor-element.elementor-element-1e325be{--display:flex;}.elementor-259 .elementor-element.elementor-element-f5cfa70{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-259 .elementor-element.elementor-element-0060d29{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-259 .elementor-element.elementor-element-395c3af{--divider-border-style:solid;--divider-color:#C0C4CE;--divider-border-width:1px;}.elementor-259 .elementor-element.elementor-element-395c3af .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-259 .elementor-element.elementor-element-395c3af .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-259 .elementor-element.elementor-element-395c3af .elementor-divider__text{color:#54595F;font-family:"Be Vietnam Pro", Sans-serif;font-size:13px;font-weight:400;}.elementor-259 .elementor-element.elementor-element-4847dec.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-259 .elementor-element.elementor-element-0978e0a{--width:49.963%;}.elementor-259 .elementor-element.elementor-element-0c4eb7c{--width:50%;}.elementor-259 .elementor-element.elementor-element-f5cfa70{--width:70%;}}/* Start custom CSS *//* =========================================================
   BỘ CSS HOÀN CHỈNH CHO TRANG ĐĂNG NHẬP (CHUẨN VERCEL)
   ========================================================= */

/* --- 1. THANH TABS DẠNG "PILL" (VIÊN THUỐC) CHÍNH XÁC --- */
.e-n-tabs-heading,
.elementor-tabs-wrapper {
    background-color: #e8ebe6 !important; /* Màu xám pha xanh lục nhạt cực sang */
    border-radius: 50px !important; /* Bo tròn tuyệt đối thành viên thuốc */
    padding: 4px !important;
    display: flex !important;
    border: none !important;
    gap: 0px !important; 
}

/* Trạng thái mặc định của nút Tab (Chưa chọn) */
.e-n-tab-title,
.elementor-tab-title {
    flex: 1 !important;
    background-color: transparent !important;
    color: #4b5563 !important; /* Màu chữ xám vừa */
    border-radius: 50px !important; /* Bo tròn tuyệt đối cho nút bên trong */
    padding: 10px 0 !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border: none !important;
    text-transform: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Tab đang chọn (Active) */
.e-n-tab-title[aria-selected="true"],
.e-n-tab-title.e-active,
.elementor-tab-title.elementor-active {
    background-color: #ffffff !important; 
    color: #111827 !important;            
    box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06) !important; /* Bóng mờ nhẹ tạo khối */
}

/* Khung chứa form bên dưới tab */
.e-n-tabs-content,
.elementor-tabs-content-wrapper {
    border: none !important;
    padding: 24px 0 0 0 !important; /* Cách thanh Tab một khoảng vừa vặn */
    background: transparent !important;
}
.e-n-tab-title-text { color: inherit !important; }


/* --- 2. Ô NHẬP LIỆU ULTIMATE MEMBER --- */
.um-form { background: transparent !important; padding: 0 !important; }

.um-form .um-field-label {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #111827 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

.um-form input[type="text"], 
.um-form input[type="email"], 
.um-form input[type="password"] {
    border-radius: 16px !important; 
    padding: 14px 20px !important;
    border: 1px solid #e5e7eb !important;
    background-color: #ffffff !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
    font-size: 14px !important;
    color: #111827 !important;
    width: 100% !important;
}
.um-form input:focus {
    border-color: #619a67 !important; 
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(97, 154, 103, 0.2) !important;
}


/* --- 3. NÚT ĐĂNG NHẬP (MÀU XANH LÁ) --- */
.um-form input[type="submit"] {
    background-color: #619a67 !important; 
    border-radius: 16px !important; 
    padding: 15px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(97, 154, 103, 0.25) !important;
    width: 100% !important; 
    text-transform: none !important;
    transition: all 0.2s ease !important;
    display: flex !important; 
    align-items: center !important;
    justify-content: center !important;
}
.um-form input[type="submit"]:hover {
    background-color: #4f8054 !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(97, 154, 103, 0.4) !important;
}


/* --- 4. DỌN DẸP THÀNH PHẦN THỪA CỦA UM FORM --- */
.um-form .um-button.um-alt { display: none !important; } /* Ẩn nút đăng ký thừa */

.um-field-area .um-right,
.um-field-area .um-left {
    float: none !important;
    text-align: right !important; /* Đẩy chữ quên mật khẩu sang phải */
    margin-top: 5px !important;
    width: 100% !important;
}
.um-field-checkbox { display: none !important; } /* Ẩn checkbox "Ghi nhớ tôi" */

.um-field-area a.um-link-alt {
    font-size: 14px !important;
    color: #619a67 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}
.um-field-area a.um-link-alt:hover {
    text-decoration: underline !important;
}


/* --- 5. NÚT GOOGLE & FACEBOOK --- */
.nsl-container-inline {
    width: 100% !important;
    justify-content: center !important; 
}
.nsl-button-default {
    border-radius: 16px !important; 
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
    background-color: #ffffff !important;
    color: #111827 !important;
    width: 100% !important; 
    max-width: none !important;
}/* End custom CSS */