.elementor-81975 .elementor-element.elementor-element-d34ba0b{--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;--margin-top:3%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-81975 .elementor-element.elementor-element-d34ba0b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-81975 .elementor-element.elementor-element-5cb9a7f{--display:flex;}.elementor-81975 .elementor-element.elementor-element-8efd3b5{width:100%;max-width:100%;text-align:center;}.elementor-81975 .elementor-element.elementor-element-8efd3b5 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:600;}.elementor-81975 .elementor-element.elementor-element-b5b5ad3{padding:0% 0% 0% 0%;text-align:center;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:#5B5755;}.elementor-81975 .elementor-element.elementor-element-11de94d{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;--border-radius:0px 0px 0px 0px;}.elementor-81975 .elementor-element.elementor-element-e01b592{background-color:#FFFFFF;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-81975 .elementor-element.elementor-element-e01b592 .elementor-button-content-wrapper{flex-direction:row;}.elementor-81975 .elementor-element.elementor-element-e01b592 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-81975 .elementor-element.elementor-element-e01b592 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-81975 .elementor-element.elementor-element-e01b592 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-81975 .elementor-element.elementor-element-e01b592 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-81975 .elementor-element.elementor-element-e01b592 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-81975 .elementor-element.elementor-element-e01b592 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-81975 .elementor-element.elementor-element-e01b592 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-81975 .elementor-element.elementor-element-e01b592 .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-81975 .elementor-element.elementor-element-e01b592 .elementor-field-type-html{padding-bottom:0px;}.elementor-81975 .elementor-element.elementor-element-e01b592 .elementor-field-group .elementor-field, .elementor-81975 .elementor-element.elementor-element-e01b592 .elementor-field-subgroup label{font-family:"Inter Tight", Sans-serif;font-size:14px;font-weight:400;font-style:italic;}.elementor-81975 .elementor-element.elementor-element-e01b592 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-width:0px 0px 1px 0px;}.elementor-81975 .elementor-element.elementor-element-e01b592 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-width:0px 0px 1px 0px;}.elementor-81975 .elementor-element.elementor-element-e01b592 .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );border-style:solid;border-width:1px 1px 1px 1px;border-radius:9px 9px 9px 9px;padding:15px 15px 15px 15px;}.elementor-81975 .elementor-element.elementor-element-e01b592 .e-form__buttons__wrapper__button-next{background-color:#EE6823;color:#ffffff;}.elementor-81975 .elementor-element.elementor-element-e01b592 .elementor-button[type="submit"]{background-color:#EE6823;color:#ffffff;}.elementor-81975 .elementor-element.elementor-element-e01b592 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-81975 .elementor-element.elementor-element-e01b592 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-81975 .elementor-element.elementor-element-e01b592 .e-form__buttons__wrapper__button-next:hover{background-color:#FFFFFF;color:#EE6823;}.elementor-81975 .elementor-element.elementor-element-e01b592 .elementor-button[type="submit"]:hover{background-color:#FFFFFF;color:#EE6823;}.elementor-81975 .elementor-element.elementor-element-e01b592 .elementor-button[type="submit"]:hover svg *{fill:#EE6823;}.elementor-81975 .elementor-element.elementor-element-e01b592 .e-form__buttons__wrapper__button-previous:hover{background-color:#000000;color:#ffffff;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-81975 .elementor-element.elementor-element-b5b5ad3{font-size:var( --e-global-typography-text-font-size );}.elementor-81975 .elementor-element.elementor-element-11de94d{--grid-auto-flow:row;}.elementor-81975 .elementor-element.elementor-element-e01b592 .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-81975 .elementor-element.elementor-element-d34ba0b{--width:100%;}}@media(max-width:767px){.elementor-81975 .elementor-element.elementor-element-8efd3b5 .elementor-heading-title{font-size:15px;line-height:1.3em;}.elementor-81975 .elementor-element.elementor-element-b5b5ad3{font-size:var( --e-global-typography-text-font-size );}.elementor-81975 .elementor-element.elementor-element-11de94d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-81975 .elementor-element.elementor-element-e01b592{padding:11px 11px 11px 11px;}.elementor-81975 .elementor-element.elementor-element-e01b592 .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for form, class: .elementor-element-e01b592 *//* * Tùy chỉnh CSS cho Landing Page CareerHub CV AI (Elementor Form)
 * Áp dụng quy tắc 60-30-10 với hệ màu thương hiệu HUFLIT
 */

:root {
    /* 60% - Main/Background */
    --ch-white: #ffffff;
    --ch-bg-light: #f9fafb;
    
    /* 30% - Brand/Secondary */
    --ch-blue: #054fd2;
    --ch-blue-light: rgba(5, 79, 210, 0.1);
    
    /* 10% - Accent/Action */
    --ch-orange: #ee6823;
    --ch-orange-hover: #d4561a;
    
    /* Text & UI */
    --ch-text-main: #1e293b;
    --ch-text-muted: #64748b;
    --ch-border: #e2e8f0;
    --ch-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);
    --ch-radius: 16px;
}

/* 1. Tổng thể Container của Form (60% background) */
.elementor-form {
    background: var(--ch-white);
    padding: 50px;
    border-radius: 24px;
    box-shadow: var(--ch-shadow);
    border: 1px solid var(--ch-border);
    max-width: 700px;
    margin: 0 auto;
}

/* 2. Tiêu đề trường (30% Brand Color) */
.elementor-field-label {
    font-weight: 700 !important;
    color: var(--ch-blue) !important; /* Sử dụng màu xanh thương hiệu */
    margin-bottom: 10px !important;
    font-size: 15px !important;
    letter-spacing: -0.01em;
}

/* 3. Tùy chỉnh Input & Textarea */
.elementor-field-group input:not([type="submit"]),
.elementor-field-group textarea {
    background-color: var(--ch-bg-light) !important;
    border: 1px solid var(--ch-border) !important;
    border-radius: 12px !important;
    padding: 15px 20px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    color: var(--ch-text-main) !important;
    font-size: 16px !important;
}

/* Hiệu ứng Focus (30% Brand Color) */
.elementor-field-group input:focus,
.elementor-field-group textarea:focus {
    background-color: var(--ch-white) !important;
    border-color: var(--ch-blue) !important;
    box-shadow: 0 0 0 4px var(--ch-blue-light) !important;
    outline: none !important;
}

/* 4. Nút Gửi - Nút hành động chính (10% Accent Color) */
.elementor-button[type="submit"] {
    background: var(--ch-orange) !important; /* Màu cam làm màu nhấn mạnh nhất */
    color: #ffffff !important;
    border-radius: 12px !important;
    padding: 18px 35px !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 100%;
    border: none !important;
    box-shadow: 0 4px 14px 0 rgba(238, 104, 35, 0.39) !important;
    transition: all 0.3s ease !important;
}

.elementor-button[type="submit"]:hover {
    background-color: var(--ch-orange-hover) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(238, 104, 35, 0.45) !important;
}

/* 5. Trường nhập mã Access Code (Phối hợp Xanh-Trắng) */
#access_code input {
    border: 2px solid var(--ch-blue) !important;
    background-color: var(--ch-blue-light) !important;
    color: var(--ch-blue) !important;
    font-weight: 700;
    text-align: center;
    font-size: 24px !important;
    letter-spacing: 8px;
}

/* 6. Tùy chỉnh placeholder */
::placeholder {
    color: var(--ch-text-muted) !important;
    opacity: 0.7;
}

/* 7. Thông báo thành công từ n8n */
.elementor-message-success {
    border-left: 5px solid var(--ch-blue) !important;
    background: var(--ch-bg-light) !important;
    color: var(--ch-blue) !important;
    border-radius: 8px !important;
    padding: 20px !important;
    font-weight: 600;
}

/* Responsive */
@media (max-width: 767px) {
    .elementor-form {
        padding: 30px 20px;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://careerhub.huflit.edu.vn/wp-content/uploads/2025/06/Inter_18pt-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: ;
}
/* End Custom Fonts CSS */