.elementor-91761 .elementor-element.elementor-element-772a4f7{--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;}.elementor-91761 .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-91761 .elementor-element.elementor-element-5cb9a7f{--display:flex;}.elementor-91761 .elementor-element.elementor-element-8efd3b5{width:100%;max-width:100%;text-align:center;}.elementor-91761 .elementor-element.elementor-element-8efd3b5 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:600;}.elementor-91761 .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-91761 .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-91761 .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-91761 .elementor-element.elementor-element-e01b592 .elementor-button-content-wrapper{flex-direction:row;}.elementor-91761 .elementor-element.elementor-element-e01b592 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-91761 .elementor-element.elementor-element-e01b592 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-91761 .elementor-element.elementor-element-e01b592 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-91761 .elementor-element.elementor-element-e01b592 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-91761 .elementor-element.elementor-element-e01b592 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-91761 .elementor-element.elementor-element-e01b592 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-91761 .elementor-element.elementor-element-e01b592 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-91761 .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-91761 .elementor-element.elementor-element-e01b592 .elementor-field-type-html{padding-bottom:0px;}.elementor-91761 .elementor-element.elementor-element-e01b592 .elementor-field-group .elementor-field, .elementor-91761 .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-91761 .elementor-element.elementor-element-e01b592 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-width:0px 0px 1px 0px;}.elementor-91761 .elementor-element.elementor-element-e01b592 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-width:0px 0px 1px 0px;}.elementor-91761 .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-91761 .elementor-element.elementor-element-e01b592 .e-form__buttons__wrapper__button-next{background-color:#EE6823;color:#ffffff;}.elementor-91761 .elementor-element.elementor-element-e01b592 .elementor-button[type="submit"]{background-color:#EE6823;color:#ffffff;}.elementor-91761 .elementor-element.elementor-element-e01b592 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-91761 .elementor-element.elementor-element-e01b592 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-91761 .elementor-element.elementor-element-e01b592 .e-form__buttons__wrapper__button-next:hover{background-color:#FFFFFF;color:#EE6823;}.elementor-91761 .elementor-element.elementor-element-e01b592 .elementor-button[type="submit"]:hover{background-color:#FFFFFF;color:#EE6823;}.elementor-91761 .elementor-element.elementor-element-e01b592 .elementor-button[type="submit"]:hover svg *{fill:#EE6823;}.elementor-91761 .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-91761 .elementor-element.elementor-element-b5b5ad3{font-size:var( --e-global-typography-text-font-size );}.elementor-91761 .elementor-element.elementor-element-11de94d{--grid-auto-flow:row;}.elementor-91761 .elementor-element.elementor-element-e01b592 .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-91761 .elementor-element.elementor-element-8efd3b5 .elementor-heading-title{font-size:15px;line-height:1.3em;}.elementor-91761 .elementor-element.elementor-element-b5b5ad3{font-size:var( --e-global-typography-text-font-size );}.elementor-91761 .elementor-element.elementor-element-11de94d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-91761 .elementor-element.elementor-element-e01b592{padding:11px 11px 11px 11px;}.elementor-91761 .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 CSS *//* * TOÀN BỘ CSS CHO LANDING PAGE CAREERHUB CV AI
 * Hệ màu: Trắng (60%) - Xanh (30%) - Cam (10%)
 * Tối ưu hóa: Mobile-First & Gen Z Style
 */

:root {
    /* 60% - Background & Main Surface */
    --ch-white: #ffffff;
    --ch-bg-light: #f8fafc; /* Xám xanh cực nhẹ cho Gen Z feel */
    --ch-bg-soft: #f1f5f9;
    
    /* 30% - Brand Color (Blue) */
    --ch-blue: #054fd2;
    --ch-blue-dark: #043fa9;
    --ch-blue-light: rgba(5, 79, 210, 0.08);
    
    /* 10% - Accent Color (Orange) */
    --ch-orange: #ee6823;
    --ch-orange-hover: #d4561a;
    
    /* Typography & UI */
    --ch-text-dark: #0f172a;
    --ch-text-gray: #475569;
    --ch-radius-lg: 28px; /* Bo góc lớn hơn cho hiện đại */
    --ch-radius-md: 16px;
    --ch-shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    --ch-shadow-lg: 0 20px 25px -5px rgba(5, 79, 210, 0.12);
    --ch-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* --- 1. PHONG CÁCH TOÀN CỤC (GLOBAL) --- */
body {
    background-color: var(--ch-bg-light);
    color: var(--ch-text-dark);
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    line-height: 1.6;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

section {
    padding: 60px 20px; /* Thu hẹp padding cho Mobile */
}

h1, h2, h3 {
    color: var(--ch-blue);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

/* Hiệu ứng Gradient cho tiêu đề chính */
.ch-hero-title {
    font-size: clamp(2.5rem, 8vw, 4rem);
    margin-bottom: 20px;
}

/* --- 2. THANH ĐIỀU HƯỚNG (NAVBAR) --- */
.ch-navbar {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(0,0,0,0.05);
    position: sticky;
    top: 0;
    z-index: 1000;
}

/* --- 3. NÚT BẤM (BUTTONS) --- */
.elementor-button.ch-btn-primary,
.ch-cta-button {
    background: var(--ch-orange) !important;
    color: var(--ch-white) !important;
    border-radius: 100px !important; /* Nút hình con nhộng cực trendy */
    padding: 18px 36px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    transition: var(--ch-transition) !important;
    border: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ch-btn-primary:hover, .ch-btn-primary:active {
    background-color: var(--ch-orange-hover) !important;
    transform: scale(0.97); /* Hiệu ứng nhấn trên Mobile */
}

/* --- 4. CÁC THẺ TÍNH NĂNG (CARDS) --- */
.ch-card {
    background: var(--ch-white);
    border: 1px solid rgba(5, 79, 210, 0.05);
    border-radius: var(--ch-radius-lg);
    padding: 32px;
    box-shadow: var(--ch-shadow-sm);
    transition: var(--ch-transition);
}

.ch-card:hover {
    box-shadow: var(--ch-shadow-lg);
    border-color: var(--ch-blue);
}

.ch-card-icon {
    width: 56px;
    height: 56px;
    background: var(--ch-blue-light);
    color: var(--ch-blue);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 24px;
}

/* --- 5. ELEMENTOR FORM (TỐI ƯU MOBILE) --- */
.elementor-form {
    background: var(--ch-white) !important;
    padding: 32px !important;
    border-radius: var(--ch-radius-lg) !important;
    box-shadow: 0 25px 50px -12px rgba(5, 79, 210, 0.15) !important;
}

.elementor-field-group input:not([type="submit"]),
.elementor-field-group textarea {
    background: var(--ch-bg-light) !important;
    border: 2px solid transparent !important;
    border-radius: var(--ch-radius-md) !important;
    padding: 16px !important;
    font-size: 16px !important; /* Tránh tự động zoom trên iOS */
    transition: var(--ch-transition) !important;
}

.elementor-field-group input:focus {
    border-color: var(--ch-blue) !important;
    background: var(--ch-white) !important;
    box-shadow: 0 0 0 4px var(--ch-blue-light) !important;
}

/* Style cho n8n processing (Giả lập loading) */
.elementor-button[type="submit"]:active::after {
    content: " ⚙️";
    animation: spin 1s linear infinite;
}

@keyframes spin { 100% { transform: rotate(360deg); } }

/* --- 6. PHÂN TÍCH CHO MOBILE (55% USER) --- */
@media (max-width: 768px) {
    section {
        padding: 40px 16px;
    }

    h1 {
        font-size: 2.2rem !important;
    }

    .elementor-form {
        padding: 24px 16px !important;
    }

    /* Đảm bảo các cột không quá sát nhau trên điện thoại */
    .elementor-column {
        margin-bottom: 20px;
    }

    /* Làm cho các nút bấm lớn hơn, dễ chạm */
    .elementor-button {
        width: 100% !important;
        padding: 20px !important;
    }
    
    /* Sticky Mobile Call to Action (Tùy chọn) */
    .ch-mobile-sticky {
        position: fixed;
        bottom: 20px;
        left: 20px;
        right: 20px;
        z-index: 999;
    }
}

/* --- 7. FOOTER HIỆN ĐẠI --- */
footer {
    background: var(--ch-text-dark);
    color: var(--ch-white);
    padding: 60px 20px 40px;
    border-radius: 40px 40px 0 0; /* Bo góc trên cho footer */
}

footer .ch-footer-link {
    color: rgba(255,255,255,0.6);
    font-size: 14px;
    text-decoration: none;
    transition: var(--ch-transition);
}

footer .ch-footer-link:hover {
    color: var(--ch-orange);
}/* 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 */