{"id":867,"date":"2024-12-08T08:12:07","date_gmt":"2024-12-08T05:12:07","guid":{"rendered":"https:\/\/stylingcv.com\/ar\/?page_id=867"},"modified":"2026-04-27T20:27:09","modified_gmt":"2026-04-27T17:27:09","slug":"home","status":"publish","type":"page","link":"https:\/\/wp.stylingcv.com\/ar\/","title":{"rendered":"\u0625\u0646\u0634\u0627\u0621 \u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u062c\u0627\u0646\u0627\u064b \u0641\u064a \u062f\u0642\u0627\u0626\u0642"},"content":{"rendered":"\n<style>\n    @keyframes scvVanishText {\n        0% { opacity: 0; transform: translateY(6px); }\n        10% { opacity: 1; transform: translateY(0); }\n        90% { opacity: 1; transform: translateY(0); }\n        100% { opacity: 0; transform: translateY(-6px); }\n    }\n\n    @keyframes scvAmbientPulse {\n        0%, 100% { opacity: 0.08; transform: scale(1); }\n        50% { opacity: 0.15; transform: scale(1.05); }\n    }\n\n    .scv-chat {\n        position: relative;\n        min-height: 100vh;\n        overflow: hidden;\n        font-family: 'Poppins', system-ui, -apple-system, sans-serif;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    \/* Background *\/\n    .scv-chat-bg {\n        position: absolute;\n        inset: 0;\n        z-index: 0;\n    }\n\n    .scv-chat-bg-img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        opacity: 0.8;\n    }\n\n    .scv-chat-bg-overlay {\n        position: absolute;\n        inset: 0;\n        background: rgba(0, 0, 0, 0.45);\n        backdrop-filter: blur(8px);\n        -webkit-backdrop-filter: blur(8px);\n    }\n\n    \/* Ambient glows *\/\n    .scv-chat-ambients {\n        position: absolute;\n        inset: 0;\n        overflow: hidden;\n        pointer-events: none;\n        z-index: 0;\n    }\n\n    .scv-chat-ambient {\n        position: absolute;\n        border-radius: 50%;\n        mix-blend-mode: normal;\n        animation: scvAmbientPulse 6s ease-in-out infinite;\n    }\n\n    .scv-chat-ambient--teal {\n        top: -5%;\n        left: 20%;\n        width: 400px; height: 400px;\n        background: #268599;\n        filter: blur(128px);\n    }\n\n    .scv-chat-ambient--blue {\n        bottom: -5%;\n        right: 20%;\n        width: 400px; height: 400px;\n        background: #3b82f6;\n        filter: blur(128px);\n        animation-delay: 1s;\n    }\n\n    .scv-chat-ambient--purple {\n        top: 25%;\n        right: 30%;\n        width: 260px; height: 260px;\n        background: #8b5cf6;\n        filter: blur(96px);\n        animation-delay: 2s;\n    }\n\n    \/* Content *\/\n    .scv-chat-content {\n        position: relative;\n        z-index: 10;\n        width: 100%;\n        max-width: 860px;\n        margin: 0 auto;\n        padding: 96px 20px;\n    }\n\n    .scv-chat-inner { display: flex; flex-direction: column; gap: 48px; }\n\n    \/* ========== HEADER ========== *\/\n    .scv-chat-header {\n        text-align: center;\n        max-width: 700px;\n        margin: 0 auto;\n    }\n\n    .scv-chat-heading {\n        font-family: 'Playfair Display', Georgia, serif;\n        font-size: clamp(2rem, 5vw, 3.25rem);\n        font-weight: 500;\n        letter-spacing: -0.02em;\n        background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0.6));\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        padding-bottom: 4px;\n        line-height: 1.15;\n        margin: 0 0 20px;\n    }\n\n    .scv-chat-divider {\n        height: 1px;\n        background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.3), transparent);\n        max-width: 400px;\n        margin: 0 auto 20px;\n    }\n\n    .scv-chat-subtitle {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 14px;\n        max-width: 600px;\n        margin: 0 auto;\n        padding: 0 16px;\n    }\n\n    .scv-chat-sub-line {\n        font-size: 1rem;\n        color: #e2e8f0;\n        line-height: 1.6;\n        text-align: center;\n    }\n\n    @media (min-width: 768px) {\n        .scv-chat-sub-line {\n            font-size: 1.125rem;\n        }\n    }\n\n    .scv-chat-sub-highlight {\n        color: #268599;\n        font-weight: 600;\n        position: relative;\n    }\n\n    .scv-chat-sub-highlight::after {\n        content: '';\n        position: absolute;\n        left: 0; right: 0; bottom: -2px;\n        height: 1px;\n        background: linear-gradient(to right, transparent, #268599, transparent);\n        opacity: 0.4;\n    }\n\n    .scv-chat-sub-actions {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        flex-wrap: wrap;\n        justify-content: center;\n    }\n\n    .scv-chat-sub-pill {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        padding: 5px 14px;\n        border-radius: 20px;\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        background: rgba(255, 255, 255, 0.04);\n        font-family: 'Poppins', sans-serif;\n        font-size: 0.75rem;\n        font-weight: 500;\n        color: rgba(255, 255, 255, 0.65);\n        transition: all 0.3s;\n    }\n\n    .scv-chat-sub-pill:hover {\n        background: rgba(255, 255, 255, 0.08);\n        border-color: rgba(255, 255, 255, 0.15);\n        color: rgba(255, 255, 255, 0.9);\n    }\n\n    .scv-chat-sub-pill svg {\n        width: 14px; height: 14px;\n        stroke: #268599;\n        fill: none;\n        flex-shrink: 0;\n    }\n\n    .scv-chat-sub-pill--coral svg { stroke: #e8885e; }\n    .scv-chat-sub-pill--teal svg { stroke: #268599; }\n    .scv-chat-sub-pill--white svg { stroke: rgba(255, 255, 255, 0.6); }\n\n    .scv-chat-sub-dot {\n        width: 3px; height: 3px;\n        border-radius: 50%;\n        background: rgba(255, 255, 255, 0.2);\n        flex-shrink: 0;\n    }\n\n    \/* ========== INPUT CARD ========== *\/\n    .scv-chat-card {\n        position: relative;\n        backdrop-filter: blur(40px);\n        -webkit-backdrop-filter: blur(40px);\n        background: rgba(0, 0, 0, 0.4);\n        border-radius: 16px;\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);\n        max-width: 680px;\n        margin: 0 auto;\n        width: 100%;\n        overflow: hidden;\n    }\n\n    \/* Textarea area *\/\n    .scv-chat-textarea-wrap { padding: 20px 20px 0; position: relative; }\n\n    .scv-chat-placeholder {\n        position: absolute;\n        inset: 0;\n        display: flex;\n        align-items: flex-start;\n        padding: 20px 20px;\n        pointer-events: none;\n    }\n\n    .scv-chat-placeholder-text {\n        font-family: 'Poppins', sans-serif;\n        font-size: 0.875rem;\n        color: rgba(255, 255, 255, 0.4);\n        animation: scvVanishText 4s ease-in-out;\n    }\n\n    .scv-chat-textarea {\n        width: 100%;\n        min-height: 80px;\n        max-height: 200px;\n        resize: none;\n        background: transparent;\n        border: none;\n        outline: none;\n        color: rgba(255, 255, 255, 0.9);\n        font-family: 'Poppins', sans-serif;\n        font-size: 0.875rem;\n        line-height: 1.6;\n        padding: 0;\n        position: relative;\n        z-index: 2;\n        box-sizing: border-box;\n    }\n\n    \/* ========== ACTION BAR ========== *\/\n    .scv-chat-actions {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 16px;\n        padding: 14px 16px;\n    }\n\n    .scv-chat-actions-left {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n    }\n\n    \/* Ghost buttons (Upload, Job URL, Auto-Tailor) *\/\n    .scv-chat-ghost {\n        display: flex;\n        align-items: center;\n        gap: 0;\n        padding: 0;\n        width: 40px;\n        height: 40px;\n        background: transparent;\n        border: 1px solid transparent;\n        border-radius: 10px;\n        color: rgba(255, 255, 255, 0.5);\n        cursor: pointer;\n        transition: all 0.3s ease;\n        overflow: hidden;\n        position: relative;\n        flex-shrink: 0;\n    }\n\n    .scv-chat-ghost:hover,\n    .scv-chat-ghost:focus {\n        background: rgba(255, 255, 255, 0.08);\n        border-color: rgba(255, 255, 255, 0.1);\n        color: rgba(255, 255, 255, 0.9);\n    }\n\n    .scv-chat-ghost-icon {\n        position: absolute;\n        left: 10px;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 18px; height: 18px;\n        stroke: currentColor;\n        fill: none;\n        flex-shrink: 0;\n    }\n\n    [dir=\"rtl\"] .scv-chat-ghost-icon { left: auto; right: 10px; }\n\n    .scv-chat-ghost-label {\n        position: absolute;\n        left: 36px;\n        white-space: nowrap;\n        font-family: 'Poppins', sans-serif;\n        font-size: 0.75rem;\n        font-weight: 500;\n        opacity: 0;\n        transition: opacity 0.3s;\n    }\n\n    [dir=\"rtl\"] .scv-chat-ghost-label { left: auto; right: 36px; }\n\n    .scv-chat-ghost:hover .scv-chat-ghost-label,\n    .scv-chat-ghost:focus .scv-chat-ghost-label { opacity: 1; }\n\n    .scv-chat-ghost--upload:hover, .scv-chat-ghost--upload:focus { width: 95px; }\n    .scv-chat-ghost--desc:hover, .scv-chat-ghost--desc:focus { width: 125px; }\n    .scv-chat-ghost--url:hover, .scv-chat-ghost--url:focus { width: 105px; }\n    .scv-chat-ghost--tailor:hover, .scv-chat-ghost--tailor:focus { width: 120px; }\n\n    .scv-chat-ghost--desc.active,\n    .scv-chat-ghost--url.active,\n    .scv-chat-ghost--tailor.active {\n        background: rgba(38, 133, 153, 0.15);\n        border-color: rgba(38, 133, 153, 0.3);\n        color: #268599;\n    }\n\n    \/* Description textarea (collapsible) *\/\n    .scv-chat-desc-area {\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.35s ease, padding 0.35s ease;\n        padding: 0 20px;\n        border-top: 0 solid rgba(255, 255, 255, 0.06);\n    }\n\n    .scv-chat-desc-area.open {\n        max-height: 180px;\n        padding: 0 20px 8px;\n        border-top-width: 1px;\n    }\n\n    .scv-chat-desc-sep {\n        height: 1px;\n        background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.08), transparent);\n        margin: 0 0 12px;\n    }\n\n    .scv-chat-desc-label {\n        font-family: 'Poppins', sans-serif;\n        font-size: 0.6875rem;\n        color: rgba(255, 255, 255, 0.35);\n        margin-bottom: 8px;\n        display: block;\n    }\n\n    .scv-chat-desc-input {\n        width: 100%;\n        min-height: 60px;\n        max-height: 120px;\n        resize: none;\n        background: transparent;\n        border: none;\n        outline: none;\n        color: rgba(255, 255, 255, 0.85);\n        font-family: 'Poppins', sans-serif;\n        font-size: 0.8125rem;\n        line-height: 1.6;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    .scv-chat-desc-input::placeholder { color: rgba(255, 255, 255, 0.2); }\n\n    \/* Build button *\/\n    .scv-chat-build {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        padding: 10px 22px;\n        border-radius: 10px;\n        border: none;\n        font-family: 'Poppins', sans-serif;\n        font-size: 0.875rem;\n        font-weight: 700;\n        background: linear-gradient(to right, #ffffff, #e5e7eb);\n        color: #000000;\n        cursor: pointer;\n        transition: all 0.3s;\n        box-shadow: 0 0 20px rgba(255, 255, 255, 0.15);\n        flex-shrink: 0;\n    }\n\n    .scv-chat-build:hover {\n        box-shadow: 0 0 25px rgba(255, 255, 255, 0.25);\n        transform: scale(1.02);\n    }\n\n    .scv-chat-build:disabled {\n        opacity: 0.6;\n        pointer-events: none;\n    }\n\n    .scv-chat-build-wand {\n        width: 16px; height: 16px;\n        fill: #268599;\n    }\n\n    .scv-chat-build-arrow {\n        width: 14px; height: 14px;\n        stroke: #9ca3af;\n        fill: none;\n    }\n\n    \/* ========== DROPDOWNS ROW ========== *\/\n    .scv-chat-selects {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 12px;\n        max-width: 680px;\n        margin: 0 auto;\n        width: 100%;\n    }\n\n    .scv-chat-sel-wrap {\n        position: relative;\n        flex: 1;\n        min-width: 0;\n    }\n\n    .scv-chat-sel-label {\n        display: block;\n        font-family: 'Poppins', sans-serif;\n        font-size: 0.625rem;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 0.08em;\n        color: rgba(255, 255, 255, 0.4);\n        margin-bottom: 6px;\n        padding-left: 4px;\n    }\n\n    .scv-chat-sel-icon {\n        position: absolute;\n        left: 12px;\n        bottom: 10px;\n        width: 14px; height: 14px;\n        stroke: rgba(255, 255, 255, 0.4);\n        fill: none;\n        pointer-events: none;\n        transition: stroke 0.2s;\n    }\n\n    [dir=\"rtl\"] .scv-chat-sel-icon { left: auto; right: 12px; }\n\n    .scv-chat-sel-wrap:hover .scv-chat-sel-icon { stroke: rgba(255, 255, 255, 0.7); }\n\n    .scv-chat-select {\n        width: 100%;\n        appearance: none;\n        -webkit-appearance: none;\n        background: rgba(255, 255, 255, 0.02);\n        border: 1px solid rgba(255, 255, 255, 0.05);\n        border-radius: 10px;\n        font-family: 'Poppins', sans-serif;\n        font-size: 0.75rem;\n        color: rgba(255, 255, 255, 0.7);\n        padding: 10px 28px 10px 32px;\n        outline: none;\n        cursor: pointer;\n        transition: all 0.2s;\n        box-sizing: border-box;\n    }\n\n    [dir=\"rtl\"] .scv-chat-select { padding: 10px 32px 10px 28px; }\n\n    .scv-chat-select:hover {\n        background: rgba(255, 255, 255, 0.05);\n        color: #ffffff;\n    }\n\n    .scv-chat-select option { background: #111827; color: #ffffff; }\n\n    .scv-chat-sel-caret {\n        position: absolute;\n        right: 10px;\n        bottom: 12px;\n        width: 10px; height: 10px;\n        stroke: rgba(255, 255, 255, 0.3);\n        fill: none;\n        pointer-events: none;\n    }\n\n    [dir=\"rtl\"] .scv-chat-sel-caret { right: auto; left: 10px; }\n\n    \/* ========== SOCIAL PROOF BAR ========== *\/\n    .scv-chat-proof {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-wrap: wrap;\n        gap: 20px;\n        max-width: 680px;\n        margin: -12px auto 0;\n        width: 100%;\n        padding: 16px 0 0;\n    }\n\n    .scv-chat-proof-item {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n\n    .scv-chat-proof-avatars {\n        display: flex;\n        align-items: center;\n    }\n\n    .scv-chat-proof-avatar {\n        width: 32px; height: 32px;\n        border-radius: 50%;\n        border: 2px solid rgba(22, 52, 76, 0.8);\n        overflow: hidden;\n        margin-right: -8px;\n        flex-shrink: 0;\n    }\n\n    [dir=\"rtl\"] .scv-chat-proof-avatar { margin-right: 0; margin-left: -8px; }\n\n    .scv-chat-proof-avatar img {\n        width: 100%; height: 100%;\n        object-fit: cover;\n        display: block;\n    }\n\n    .scv-chat-proof-avatar-more {\n        width: 32px; height: 32px;\n        border-radius: 50%;\n        background: rgba(38, 133, 153, 0.25);\n        border: 2px solid rgba(22, 52, 76, 0.8);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-family: 'Poppins', sans-serif;\n        font-size: 0.625rem;\n        font-weight: 600;\n        color: #268599;\n        flex-shrink: 0;\n    }\n\n    .scv-chat-proof-text {\n        font-family: 'Poppins', sans-serif;\n        font-size: 0.75rem;\n        color: rgba(255, 255, 255, 0.55);\n        line-height: 1.4;\n    }\n\n    .scv-chat-proof-text strong { color: rgba(255, 255, 255, 0.85); font-weight: 600; }\n\n    .scv-chat-proof-divider {\n        width: 1px;\n        height: 24px;\n        background: rgba(255, 255, 255, 0.1);\n        flex-shrink: 0;\n    }\n\n    .scv-chat-proof-stars {\n        display: flex;\n        align-items: center;\n        gap: 2px;\n    }\n\n    .scv-chat-proof-stars svg {\n        width: 14px; height: 14px;\n        fill: #e8885e;\n    }\n\n    .scv-chat-proof-ats-icon {\n        width: 18px; height: 18px;\n        stroke: #268599;\n        fill: none;\n        flex-shrink: 0;\n    }\n\n    @media (max-width: 640px) {\n        .scv-chat-proof { gap: 12px 16px; justify-content: center; }\n        .scv-chat-proof-divider { display: none; }\n        .scv-chat-proof-text { font-size: 0.6875rem; }\n    }\n\n    \/* ========== RTL ========== *\/\n    [dir=\"rtl\"] .scv-chat,\n    [dir=\"rtl\"] .scv-chat-heading,\n    [dir=\"rtl\"] .scv-chat-textarea,\n    [dir=\"rtl\"] .scv-chat-placeholder-text,\n    [dir=\"rtl\"] .scv-chat-ghost-label,\n    [dir=\"rtl\"] .scv-chat-build,\n    [dir=\"rtl\"] .scv-chat-select,\n    [dir=\"rtl\"] .scv-chat-sel-label {\n        font-family: '29LTZaridSansAL', 'Tajawal', sans-serif;\n    }\n\n    [dir=\"rtl\"] .scv-chat-heading { font-family: '29LTZaridSansAL', 'Tajawal', serif; }\n    [dir=\"rtl\"] .scv-chat-textarea { text-align: right; }\n    [dir=\"rtl\"] .scv-chat-build-arrow { transform: scaleX(-1); }\n\n    \/* ========== RESPONSIVE ========== *\/\n    @media (max-width: 640px) {\n        .scv-chat-content { padding: 80px 16px; }\n        .scv-chat-inner { gap: 36px; }\n        .scv-chat-heading { font-size: clamp(1.5rem, 7vw, 2.25rem); }\n\n        .scv-chat-selects { gap: 8px; }\n        .scv-chat-sel-wrap { flex: 1 1 calc(50% - 4px); min-width: calc(50% - 4px); }\n\n        .scv-chat-actions { flex-wrap: wrap; }\n        .scv-chat-actions-left { flex: 1; }\n        .scv-chat-build { width: 100%; justify-content: center; order: -1; }\n\n        .scv-chat-ghost--upload:hover, .scv-chat-ghost--upload:focus,\n        .scv-chat-ghost--url:hover, .scv-chat-ghost--url:focus,\n        .scv-chat-ghost--tailor:hover, .scv-chat-ghost--tailor:focus { width: 40px; }\n        .scv-chat-ghost:hover .scv-chat-ghost-label { opacity: 0; }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .scv-chat-ambient, .scv-chat-placeholder-text { animation: none; }\n    }\n<\/style>\n\n<section class=\"scv-chat\" id=\"ai-generator-form\" dir=\"rtl\">\n    <!-- Background -->\n    <div class=\"scv-chat-bg\">\n        <img decoding=\"async\" class=\"scv-chat-bg-img\" src=\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/uploads\/2026\/01\/hero-bg-gradient-waves.png\" alt=\"\" loading=\"lazy\">\n        <div class=\"scv-chat-bg-overlay\"><\/div>\n    <\/div>\n\n    <!-- Ambient Glows -->\n    <div class=\"scv-chat-ambients\">\n        <div class=\"scv-chat-ambient scv-chat-ambient--teal\"><\/div>\n        <div class=\"scv-chat-ambient scv-chat-ambient--blue\"><\/div>\n        <div class=\"scv-chat-ambient scv-chat-ambient--purple\"><\/div>\n    <\/div>\n\n    <div class=\"scv-chat-content\">\n        <div class=\"scv-chat-inner\">\n\n            <!-- Header -->\n            <header class=\"scv-chat-header\">\n                <h1 class=\"scv-chat-heading\">\u0643\u064a\u0641 \u0623\u0633\u0627\u0639\u062f\u0643 \u0641\u064a \u0633\u064a\u0631\u062a\u0643 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0627\u0644\u064a\u0648\u0645\u061f<\/h1>\n                <div class=\"scv-chat-divider\"><\/div>\n                <div class=\"scv-chat-subtitle\">\n                    <p class=\"scv-chat-sub-line\">\n                        StylingCV \u0644\u064a\u0633 \u0645\u062c\u0631\u062f \u0623\u062f\u0627\u0629 \u0644\u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629\u060c \u0628\u0644 \u0647\u0648 \u0641\u0631\u064a\u0642 \u0645\u0646 <strong>11 \u0645\u0633\u0627\u0639\u062f\u0627\u064b \u0630\u0643\u064a\u0627\u064b<\/strong> \u064a\u0636\u0639\u0648\u0646 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0645\u0647\u0646\u064a \u0641\u064a \u062e\u062f\u0645\u0629 \u0633\u064a\u0631\u062a\u0643 \u0627\u0644\u0630\u0627\u062a\u064a\u0629.                                                                    <\/p>\n                    <div class=\"scv-chat-sub-actions\">\n                        <span class=\"scv-chat-sub-pill scv-chat-sub-pill--teal\">\n                            <svg viewBox=\"0 0 24 24\" stroke-width=\"2\"><path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n                            \u064a\u062d\u0644\u0651\u0644                        <\/span>\n                        <span class=\"scv-chat-sub-dot\"><\/span>\n                        <span class=\"scv-chat-sub-pill scv-chat-sub-pill--coral\">\n                            <svg viewBox=\"0 0 24 24\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"\/><path d=\"M12 17h.01\"\/><\/svg>\n                            \u064a\u0641\u0643\u0631                        <\/span>\n                        <span class=\"scv-chat-sub-dot\"><\/span>\n                        <span class=\"scv-chat-sub-pill scv-chat-sub-pill--teal\">\n                            <svg viewBox=\"0 0 24 24\" stroke-width=\"2\"><path d=\"M17 3a2.85 2.85 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z\"\/><\/svg>\n                            \u064a\u0643\u062a\u0628                        <\/span>\n                        <span class=\"scv-chat-sub-dot\"><\/span>\n                        <span class=\"scv-chat-sub-pill scv-chat-sub-pill--coral\">\n                            <svg viewBox=\"0 0 24 24\" stroke-width=\"2\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8\"\/><path d=\"M12 17v4\"\/><\/svg>\n                            \u064a\u0635\u0645\u0645                        <\/span>\n                        <span class=\"scv-chat-sub-dot\"><\/span>\n                        <span class=\"scv-chat-sub-pill scv-chat-sub-pill--white\">\n                            <svg viewBox=\"0 0 24 24\" stroke-width=\"2\"><path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z\"\/><path d=\"m15 5 3 3\"\/><\/svg>\n                            \u064a\u064f\u062d\u0633\u0651\u0646                        <\/span>\n                    <\/div>\n                <\/div>\n            <\/header>\n\n            <!-- Input Card -->\n            <form id=\"scvChatForm\" class=\"scv-chat-card\" novalidate>\n                <div class=\"scv-chat-textarea-wrap\">\n                    <div class=\"scv-chat-placeholder\" id=\"scvChatPH\">\n                        <span class=\"scv-chat-placeholder-text\" id=\"scvChatPHText\">\u0645\u062b\u0627\u0644: \u0645\u0647\u0646\u062f\u0633 \u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0623\u0648\u0644 \u0641\u064a Google<\/span>\n                    <\/div>\n                    <textarea\n                        id=\"scvChatInput\"\n                        name=\"jobRole\"\n                        class=\"scv-chat-textarea\"\n                        required\n                    ><\/textarea>\n                <\/div>\n\n                <!-- Job Description (collapsible) -->\n                <div class=\"scv-chat-desc-area\" id=\"scvDescArea\">\n                    <div class=\"scv-chat-desc-sep\"><\/div>\n                    <label class=\"scv-chat-desc-label\">\u0648\u0635\u0641 \u0627\u0644\u0648\u0638\u064a\u0641\u0629 \u0623\u0648 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629<\/label>\n                    <textarea\n                        id=\"scvDescInput\"\n                        name=\"jobDescription\"\n                        class=\"scv-chat-desc-input\"\n                        placeholder=\"\u0627\u0644\u0635\u0642 \u0648\u0635\u0641 \u0627\u0644\u0648\u0638\u064a\u0641\u0629 \u0647\u0646\u0627...\"\n                    ><\/textarea>\n                <\/div>\n\n                <!-- Job URL (collapsible) -->\n                <div class=\"scv-chat-desc-area\" id=\"scvUrlArea\">\n                    <div class=\"scv-chat-desc-sep\"><\/div>\n                    <label class=\"scv-chat-desc-label\">\u0631\u0627\u0628\u0637 \u0625\u0639\u0644\u0627\u0646 \u0627\u0644\u0648\u0638\u064a\u0641\u0629 \u2014 \u0633\u0646\u0633\u062a\u062e\u0631\u062c \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b<\/label>\n                    <input\n                        type=\"url\"\n                        id=\"scvUrlInput\"\n                        name=\"jobUrl\"\n                        class=\"scv-chat-desc-input\"\n                        style=\"min-height:auto;height:auto;padding:4px 0 8px\"\n                        placeholder=\"https:\/\/linkedin.com\/jobs\/...\"\n                    \/>\n                <\/div>\n\n                <!-- Action Bar -->\n                <div class=\"scv-chat-actions\">\n                    <div class=\"scv-chat-actions-left\">\n                        <!-- Description toggle -->\n                        <button type=\"button\" class=\"scv-chat-ghost scv-chat-ghost--desc\" id=\"scvDescToggle\" data-action=\"desc\">\n                            <svg class=\"scv-chat-ghost-icon\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z\"\/><path d=\"M14 2v6h6\"\/><path d=\"M16 13H8M16 17H8M10 9H8\"\/><\/svg>\n                            <span class=\"scv-chat-ghost-label\">\u0648\u0635\u0641 \u0627\u0644\u0648\u0638\u064a\u0641\u0629<\/span>\n                        <\/button>\n                        <!-- Job URL -->\n                        <button type=\"button\" class=\"scv-chat-ghost scv-chat-ghost--url\" data-action=\"url\">\n                            <svg class=\"scv-chat-ghost-icon\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/><\/svg>\n                            <span class=\"scv-chat-ghost-label\">\u0631\u0627\u0628\u0637 \u0627\u0644\u0648\u0638\u064a\u0641\u0629<\/span>\n                        <\/button>\n                        <!-- Auto-Tailor (toggle, no link) -->\n                        <button type=\"button\" class=\"scv-chat-ghost scv-chat-ghost--tailor\" id=\"scvTailorToggle\" data-action=\"tailor\">\n                            <svg class=\"scv-chat-ghost-icon\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path d=\"m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z\"\/><\/svg>\n                            <span class=\"scv-chat-ghost-label\">\u062a\u0643\u064a\u064a\u0641 \u062a\u0644\u0642\u0627\u0626\u064a<\/span>\n                        <\/button>\n                        <!-- Upload (last) -->\n                        <button type=\"button\" class=\"scv-chat-ghost scv-chat-ghost--upload\" data-action=\"upload\">\n                            <svg class=\"scv-chat-ghost-icon\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12\"\/><\/svg>\n                            <span class=\"scv-chat-ghost-label\">\u0631\u0641\u0639<\/span>\n                        <\/button>\n                    <\/div>\n\n                    <!-- Build -->\n                    <button type=\"submit\" class=\"scv-chat-build\" id=\"scvChatBuild\">\n                        <svg class=\"scv-chat-build-wand\" viewBox=\"0 0 256 256\"><path d=\"M248 152a8 8 0 0 1-8 8h-16v16a8 8 0 0 1-16 0v-16h-16a8 8 0 0 1 0-16h16v-16a8 8 0 0 1 16 0v16h16a8 8 0 0 1 8 8ZM56 72h16V88a8 8 0 0 0 16 0V72h16a8 8 0 0 0 0-16H88V40a8 8 0 0 0-16 0V56H56a8 8 0 0 0 0 16Zm128 128h-8v-8a8 8 0 0 0-16 0v8h-8a8 8 0 0 0 0 16h8v8a8 8 0 0 0 16 0v-8h8a8 8 0 0 0 0-16Zm37.66-149.66-160 160a8 8 0 0 1-11.32 0l-40-40a8 8 0 0 1 0-11.32l160-160a8 8 0 0 1 11.32 0l40 40a8 8 0 0 1 0 11.32ZM204.69 56 200 51.31l-144 144L60.69 200Z\"\/><\/svg>\n                        <span id=\"scvChatBuildText\">\u0628\u0646\u0627\u0621<\/span>\n                        <svg class=\"scv-chat-build-arrow\" viewBox=\"0 0 24 24\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                    <\/button>\n                <\/div>\n            <\/form>\n\n            <!-- Dropdown Selects -->\n            <div class=\"scv-chat-selects\" style=\"margin-top: -30px;\">\n                <!-- Language -->\n                <div class=\"scv-chat-sel-wrap\">\n                    <label class=\"scv-chat-sel-label\">\u0627\u0644\u0644\u063a\u0629<\/label>\n                   \n                    <select class=\"scv-chat-select\" name=\"language\" id=\"scvSelLang\">\n                                                    <option value=\"EN\" >\n                                \ud83c\uddfa\ud83c\uddf8 EN                            <\/option>\n                                                    <option value=\"AR\"  selected='selected'>\n                                \ud83c\uddf8\ud83c\udde6 AR                            <\/option>\n                                                    <option value=\"ES\" >\n                                \ud83c\uddea\ud83c\uddf8 ES                            <\/option>\n                                                    <option value=\"FR\" >\n                                \ud83c\uddeb\ud83c\uddf7 FR                            <\/option>\n                                                    <option value=\"DE\" >\n                                \ud83c\udde9\ud83c\uddea DE                            <\/option>\n                                                    <option value=\"HI\" >\n                                \ud83c\uddee\ud83c\uddf3 HI                            <\/option>\n                                                    <option value=\"TR\" >\n                                \ud83c\uddf9\ud83c\uddf7 TR                            <\/option>\n                                                    <option value=\"PT\" >\n                                \ud83c\udde7\ud83c\uddf7 PT                            <\/option>\n                                                    <option value=\"IT\" >\n                                \ud83c\uddee\ud83c\uddf9 IT                            <\/option>\n                                                    <option value=\"ZH\" >\n                                \ud83c\udde8\ud83c\uddf3 ZH                            <\/option>\n                                                    <option value=\"JA\" >\n                                \ud83c\uddef\ud83c\uddf5 JA                            <\/option>\n                                                    <option value=\"KO\" >\n                                \ud83c\uddf0\ud83c\uddf7 KO                            <\/option>\n                                                    <option value=\"RU\" >\n                                \ud83c\uddf7\ud83c\uddfa RU                            <\/option>\n                                                    <option value=\"NL\" >\n                                \ud83c\uddf3\ud83c\uddf1 NL                            <\/option>\n                                                    <option value=\"PL\" >\n                                \ud83c\uddf5\ud83c\uddf1 PL                            <\/option>\n                                            <\/select>\n                    <svg class=\"scv-chat-sel-caret\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n                <\/div>\n\n                <!-- Experience -->\n                <div class=\"scv-chat-sel-wrap\">\n                    <label class=\"scv-chat-sel-label\">\u0627\u0644\u062e\u0628\u0631\u0629<\/label>\n                                        <select class=\"scv-chat-select\" name=\"experience\" id=\"scvSelExp\">\n                                                    <option value=\"0-1\" >0-1<\/option>\n                                                    <option value=\"2-4\"  selected='selected'>2-4<\/option>\n                                                    <option value=\"5-7\" >5-7<\/option>\n                                                    <option value=\"8-10\" >8-10<\/option>\n                                                    <option value=\"10+\" >10+<\/option>\n                                            <\/select>\n                   \n                <\/div>\n\n                <!-- Country -->\n                <div class=\"scv-chat-sel-wrap\">\n                    <label class=\"scv-chat-sel-label\">\u0627\u0644\u062a\u0642\u062f\u064a\u0645 \u0641\u064a<\/label>\n                   \n                    <select class=\"scv-chat-select\" name=\"country\" id=\"scvSelCountry\">\n                                                    <option value=\"US\" >\ud83c\uddfa\ud83c\uddf8 US<\/option>\n                                                    <option value=\"GB\" >\ud83c\uddec\ud83c\udde7 UK<\/option>\n                                                    <option value=\"SA\" >\ud83c\uddf8\ud83c\udde6 SA<\/option>\n                                                    <option value=\"AE\" >\ud83c\udde6\ud83c\uddea AE<\/option>\n                                                    <option value=\"JO\"  selected='selected'>\ud83c\uddef\ud83c\uddf4 JO<\/option>\n                                                    <option value=\"CA\" >\ud83c\udde8\ud83c\udde6 CA<\/option>\n                                                    <option value=\"AU\" >\ud83c\udde6\ud83c\uddfa AU<\/option>\n                                                    <option value=\"IN\" >\ud83c\uddee\ud83c\uddf3 IN<\/option>\n                                                    <option value=\"DE\" >\ud83c\udde9\ud83c\uddea DE<\/option>\n                                                    <option value=\"EG\" >\ud83c\uddea\ud83c\uddec EG<\/option>\n                                                    <option value=\"FR\" >\ud83c\uddeb\ud83c\uddf7 FR<\/option>\n                                            <\/select>\n                    <svg class=\"scv-chat-sel-caret\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n                <\/div>\n\n                <!-- Tone -->\n                <div class=\"scv-chat-sel-wrap\">\n                    <label class=\"scv-chat-sel-label\">\u0646\u0628\u0631\u0629 \u0627\u0644\u0643\u062a\u0627\u0628\u0629<\/label>\n                   \n                    <select class=\"scv-chat-select\" name=\"tone\" id=\"scvSelTone\">\n                                                    <option value=\"Professional\"  selected='selected'>\u0645\u0647\u0646\u064a<\/option>\n                                                    <option value=\"Formal\" >\u0631\u0633\u0645\u064a<\/option>\n                                                    <option value=\"Friendly\" >\u0648\u062f\u064a<\/option>\n                                                    <option value=\"Confident\" >\u0648\u0627\u062b\u0642<\/option>\n                                                    <option value=\"Enthusiastic\" >\u0645\u062a\u062d\u0645\u0633<\/option>\n                                            <\/select>\n                    <svg class=\"scv-chat-sel-caret\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n                <\/div>\n            <\/div>\n\n            <!-- Social Proof Bar -->\n            <div class=\"scv-chat-proof\">\n                <div class=\"scv-chat-proof-item\">\n                    <div class=\"scv-chat-proof-avatars\">\n                                                <div class=\"scv-chat-proof-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/uploads\/2026\/01\/customer_1.png\" alt=\"\" loading=\"lazy\" width=\"32\" height=\"32\">\n                        <\/div>\n                                                <div class=\"scv-chat-proof-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/uploads\/2026\/01\/customer_2.png\" alt=\"\" loading=\"lazy\" width=\"32\" height=\"32\">\n                        <\/div>\n                                                <div class=\"scv-chat-proof-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/uploads\/2026\/01\/customer_3.png\" alt=\"\" loading=\"lazy\" width=\"32\" height=\"32\">\n                        <\/div>\n                                                <div class=\"scv-chat-proof-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/uploads\/2026\/01\/customer_4.png\" alt=\"\" loading=\"lazy\" width=\"32\" height=\"32\">\n                        <\/div>\n                                                <div class=\"scv-chat-proof-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/uploads\/2026\/01\/customer_5.png\" alt=\"\" loading=\"lazy\" width=\"32\" height=\"32\">\n                        <\/div>\n                                                <div class=\"scv-chat-proof-avatar-more\">+6<\/div>\n                    <\/div>\n                    <span class=\"scv-chat-proof-text\">\u062d\u0627\u0626\u0632 \u0639\u0644\u0649 \u062b\u0642\u0629 \u0623\u0643\u062b\u0631 \u0645\u0646 <strong>6 \u0645\u0644\u0627\u064a\u064a\u0646<\/strong> \u0645\u062d\u062a\u0631\u0641<\/span>\n                <\/div>\n\n                <div class=\"scv-chat-proof-divider\"><\/div>\n\n                <div class=\"scv-chat-proof-item\">\n                    <div class=\"scv-chat-proof-stars\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n                    <\/div>\n                    <span class=\"scv-chat-proof-text\">\u062a\u0642\u064a\u064a\u0645 <strong>4.9\/5<\/strong><\/span>\n                <\/div>\n\n                <div class=\"scv-chat-proof-divider\"><\/div>\n\n                <div class=\"scv-chat-proof-item\">\n                    <svg class=\"scv-chat-proof-ats-icon\" viewBox=\"0 0 24 24\" stroke-width=\"2\">\n                        <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\n                        <polyline points=\"22 4 12 14.01 9 11.01\"\/>\n                    <\/svg>\n                    <span class=\"scv-chat-proof-text\">\u0645\u0639\u062f\u0644 \u0627\u062c\u062a\u064a\u0627\u0632 ATS \u0628\u0646\u0633\u0628\u0629 <strong>95%<\/strong><\/span>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    var BASE = \"https:\\\/\\\/ai.stylingcv.com\\\/ar-SA\\\/ai-generator\";\n    var INTAKE_URL = 'https:\/\/ai.stylingcv.com\/api\/intake';\n    var PLACEHOLDERS = [\"\\u0645\\u062b\\u0627\\u0644: \\u0645\\u0647\\u0646\\u062f\\u0633 \\u0628\\u0631\\u0645\\u062c\\u064a\\u0627\\u062a \\u0623\\u0648\\u0644 \\u0641\\u064a Google\",\"\\u0645\\u062b\\u0627\\u0644: \\u0645\\u062f\\u064a\\u0631 \\u0645\\u0646\\u062a\\u062c\\u0627\\u062a \\u0644\\u0634\\u0631\\u0643\\u0629 SaaS \\u0646\\u0627\\u0634\\u0626\\u0629\",\"\\u0645\\u062b\\u0627\\u0644: \\u0645\\u0635\\u0645\\u0645 UX \\u0645\\u062d\\u062a\\u0631\\u0641 \\u0641\\u064a Figma\",\"\\u0645\\u062b\\u0627\\u0644: \\u0639\\u0627\\u0644\\u0645 \\u0628\\u064a\\u0627\\u0646\\u0627\\u062a \\u0645\\u062a\\u062e\\u0635\\u0635 \\u0641\\u064a \\u0627\\u0644\\u062a\\u0639\\u0644\\u0645 \\u0627\\u0644\\u0622\\u0644\\u064a\",\"\\u0645\\u062b\\u0627\\u0644: \\u0645\\u062f\\u064a\\u0631 \\u062a\\u0633\\u0648\\u064a\\u0642 \\u0645\\u0639 \\u062a\\u0631\\u0643\\u064a\\u0632 \\u0639\\u0644\\u0649 \\u0627\\u0644\\u0646\\u0645\\u0648\"];\n\n    var form = document.getElementById('scvChatForm');\n    var textarea = document.getElementById('scvChatInput');\n    var phContainer = document.getElementById('scvChatPH');\n    var phText = document.getElementById('scvChatPHText');\n    var buildBtn = document.getElementById('scvChatBuild');\n    var buildLabel = document.getElementById('scvChatBuildText');\n    var buildOrig = buildLabel ? buildLabel.textContent : '';\n\n    \/\/ ---- Auto-grow textarea ----\n    var phStopped = false;\n    var phInterval = null;\n\n    function killPlaceholder() {\n        if (phStopped) return;\n        phStopped = true;\n        phContainer.style.display = 'none';\n        if (phInterval) clearInterval(phInterval);\n    }\n\n    function showPlaceholder() {\n        if (textarea.value) return;\n        phStopped = false;\n        phContainer.style.display = 'flex';\n        cyclePlaceholder();\n        phInterval = setInterval(cyclePlaceholder, 4000);\n    }\n\n    textarea.addEventListener('input', function() {\n        this.style.height = 'auto';\n        this.style.height = Math.min(this.scrollHeight, 200) + 'px';\n        if (this.value) killPlaceholder();\n    });\n\n    textarea.addEventListener('focus', function() { killPlaceholder(); });\n    textarea.addEventListener('blur', function() { if (!this.value) showPlaceholder(); });\n\n    \/\/ ---- Animated placeholder cycling ----\n    var phIdx = 0;\n    function cyclePlaceholder() {\n        if (!phText || phStopped) return;\n        phText.style.animation = 'none';\n        phText.offsetHeight;\n        phText.textContent = PLACEHOLDERS[phIdx];\n        phText.style.animation = 'scvVanishText 4s ease-in-out';\n        phIdx = (phIdx + 1) % PLACEHOLDERS.length;\n    }\n    cyclePlaceholder();\n    phInterval = setInterval(cyclePlaceholder, 4000);\n\n    \/\/ ---- Description toggle ----\n    var descToggle = document.getElementById('scvDescToggle');\n    var descArea = document.getElementById('scvDescArea');\n    var descInput = document.getElementById('scvDescInput');\n\n    descToggle.addEventListener('click', function() {\n        var isOpen = descArea.classList.toggle('open');\n        this.classList.toggle('active', isOpen);\n        if (isOpen) descInput.focus();\n    });\n\n    descInput.addEventListener('input', function() {\n        this.style.height = 'auto';\n        this.style.height = Math.min(this.scrollHeight, 120) + 'px';\n    });\n\n    \/\/ ---- URL toggle ----\n    var urlToggle = form.querySelector('.scv-chat-ghost--url');\n    var urlArea = document.getElementById('scvUrlArea');\n    var urlInput = document.getElementById('scvUrlInput');\n\n    urlToggle.addEventListener('click', function(e) {\n        e.stopPropagation();\n        var isOpen = urlArea.classList.toggle('open');\n        this.classList.toggle('active', isOpen);\n        if (isOpen) urlInput.focus();\n    });\n\n    \/\/ ---- Auto-Tailor toggle ----\n    var tailorToggle = document.getElementById('scvTailorToggle');\n    tailorToggle.addEventListener('click', function(e) {\n        e.stopPropagation();\n        this.classList.toggle('active');\n    });\n\n    \/\/ ---- Upload opens external ----\n    form.querySelector('.scv-chat-ghost--upload').addEventListener('click', function() {\n        window.open(BASE + '?tab=upload', '_blank');\n    });\n\n    \/\/ ---- Submit via POST \/api\/intake ----\n    function setSubmitting(on) {\n        if (buildBtn) buildBtn.disabled = on;\n        if (buildLabel) buildLabel.textContent = on ? '\u062c\u0627\u0631\u064d \u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629...' : buildOrig;\n    }\n\n    form.addEventListener('submit', async function(e) {\n        e.preventDefault();\n        var role = (textarea.value || '').trim();\n        if (!role) { textarea.focus(); return; }\n\n        var payload = {\n            jobRole: role,\n            language: document.getElementById('scvSelLang').value,\n            country: document.getElementById('scvSelCountry').value,\n            experience: document.getElementById('scvSelExp').value,\n            tone: document.getElementById('scvSelTone').value,\n            source: window.location.hostname,\n            campaign: new URLSearchParams(window.location.search).get('utm_campaign') || '',\n            autoStart: true\n        };\n\n        var descVal = descInput ? descInput.value.trim() : '';\n        if (descVal) payload.additionalDescription = descVal;\n\n        var urlVal = urlInput ? urlInput.value.trim() : '';\n        if (urlVal) payload.jobUrl = urlVal;\n\n        setSubmitting(true);\n\n        try {\n            var resp = await fetch(INTAKE_URL, {\n                method: 'POST',\n                headers: { 'Content-Type': 'application\/json' },\n                body: JSON.stringify(payload)\n            });\n            var result = await resp.json();\n            if (result.success && result.redirectUrl) {\n                window.location.href = result.redirectUrl;\n            } else {\n                throw new Error(result.message || 'Submission failed');\n            }\n        } catch (err) {\n            var p = new URLSearchParams();\n            p.set('jobRole', role);\n            p.set('language', payload.language);\n            p.set('experience', payload.experience);\n            p.set('country', payload.country);\n            p.set('tone', payload.tone);\n            window.location.href = BASE + '?' + p.toString();\n        } finally {\n            setSubmitting(false);\n        }\n    });\n})();\n<\/script>\n\n\n<style>\n\/* ============================================\n   PREMIUM TEMPLATES SLIDER - FULL-WIDTH REDESIGN\n   Brand-Compliant with Enhanced Prominence\n   ============================================ *\/\n.hp2026-tpl-section {\n    position: relative;\n    padding: 120px 0 140px;\n    background: #0a0f1a;\n    overflow: hidden;\n    width: 100vw;\n    margin-left: calc(-50vw + 50%);\n    margin-right: calc(-50vw + 50%);\n}\n\n\/* ========== ANIMATED BACKGROUND ========== *\/\n.hp2026-tpl-bg {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n}\n\n.hp2026-tpl-orb {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(100px);\n    animation: tplOrbFade 12s ease-in-out infinite;\n}\n\n.hp2026-tpl-orb--teal {\n    width: 600px;\n    height: 600px;\n    background: radial-gradient(circle, rgba(38, 133, 153, 0.4) 0%, transparent 70%);\n    top: -20%;\n    right: -10%;\n    animation-delay: 0s;\n}\n\n.hp2026-tpl-orb--coral {\n    width: 550px;\n    height: 550px;\n    background: radial-gradient(circle, rgba(232, 136, 94, 0.35) 0%, transparent 70%);\n    bottom: -15%;\n    left: -10%;\n    animation-delay: 4s;\n}\n\n.hp2026-tpl-orb--transitional {\n    width: 700px;\n    height: 700px;\n    background: radial-gradient(circle, rgba(97, 132, 128, 0.25) 0%, transparent 70%);\n    top: 35%;\n    left: 50%;\n    transform: translateX(-50%);\n    animation-delay: 8s;\n}\n\n@keyframes tplOrbFade {\n    0%, 100% { opacity: 0.4; }\n    50% { opacity: 0.8; }\n}\n\n.hp2026-tpl-grid-pattern {\n    position: absolute;\n    inset: 0;\n    background-image:\n        linear-gradient(rgba(38, 133, 153, 0.04) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(38, 133, 153, 0.04) 1px, transparent 1px);\n    background-size: 60px 60px;\n    mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, black 20%, transparent 75%);\n    -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, black 20%, transparent 75%);\n}\n\n.hp2026-tpl-particles {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n}\n\n.hp2026-tpl-particle {\n    position: absolute;\n    width: 5px;\n    height: 5px;\n    border-radius: 50%;\n    opacity: 0;\n    animation: tplParticleFloat 10s ease-in-out infinite;\n}\n\n.hp2026-tpl-particle:nth-child(1) {\n    background: #268599;\n    box-shadow: 0 0 15px 4px rgba(38, 133, 153, 0.6);\n    top: 12%; left: 15%;\n    animation-delay: 0s;\n}\n.hp2026-tpl-particle:nth-child(2) {\n    background: #e8885e;\n    box-shadow: 0 0 15px 4px rgba(232, 136, 94, 0.6);\n    top: 20%; right: 12%;\n    animation-delay: 2s;\n}\n.hp2026-tpl-particle:nth-child(3) {\n    background: #618480;\n    box-shadow: 0 0 15px 4px rgba(97, 132, 128, 0.6);\n    bottom: 25%; left: 8%;\n    animation-delay: 4s;\n}\n.hp2026-tpl-particle:nth-child(4) {\n    background: #268599;\n    box-shadow: 0 0 15px 4px rgba(38, 133, 153, 0.6);\n    bottom: 15%; right: 20%;\n    animation-delay: 6s;\n}\n\n@keyframes tplParticleFloat {\n    0%, 100% {\n        opacity: 0;\n        transform: translateY(0) scale(1);\n    }\n    15% { opacity: 0.8; }\n    50% {\n        opacity: 0.6;\n        transform: translateY(-30px) scale(1.2);\n    }\n    85% { opacity: 0.8; }\n}\n\n\/* ========== HEADER CONTAINER ========== *\/\n.hp2026-tpl-header-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n    position: relative;\n    z-index: 2;\n}\n\n\/* ========== HEADER ========== *\/\n.hp2026-tpl-header {\n    text-align: center;\n    margin-bottom: 60px;\n}\n\n.hp2026-tpl-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 24px;\n    background: linear-gradient(135deg, rgba(38, 133, 153, 0.2), rgba(232, 136, 94, 0.15));\n    border: 1px solid rgba(38, 133, 153, 0.4);\n    border-radius: 100px;\n    margin-bottom: 28px;\n    font-family: 'Poppins', sans-serif;\n    font-size: 0.9375rem;\n    font-weight: 600;\n    color: #268599;\n    text-transform: uppercase;\n    letter-spacing: 0.12em;\n}\n\n.hp2026-tpl-eyebrow::before {\n    content: '';\n    width: 10px;\n    height: 10px;\n    background: linear-gradient(135deg, #268599, #e8885e);\n    border-radius: 50%;\n    animation: tplEyebrowPulse 2s ease-in-out infinite;\n}\n\n@keyframes tplEyebrowPulse {\n    0%, 100% { transform: scale(1); opacity: 1; }\n    50% { transform: scale(1.4); opacity: 0.7; }\n}\n\n.hp2026-tpl-title {\n    font-family: 'Playfair Display', Georgia, serif;\n    font-size: clamp(3rem, 6vw, 5rem);\n    font-weight: 700;\n    line-height: 1.1;\n    margin-bottom: 20px;\n}\n\n.hp2026-tpl-title-highlight {\n    background: linear-gradient(135deg, #268599 0%, #618480 50%, #e8885e 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n\n.hp2026-tpl-title-main {\n    color: #ffffff;\n}\n\n.hp2026-tpl-subtitle {\n    font-family: 'Poppins', sans-serif;\n    font-size: 1.375rem;\n    color: rgba(255, 255, 255, 0.75);\n    max-width: 700px;\n    margin: 0 auto 50px;\n    line-height: 1.8;\n}\n\n\/* ========== CATEGORY FILTERS ========== *\/\n.hp2026-tpl-filters {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 14px;\n    margin-bottom: 60px;\n}\n\n.hp2026-tpl-filter-btn {\n    padding: 12px 28px;\n    background: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 100px;\n    color: rgba(255, 255, 255, 0.75);\n    font-family: 'Poppins', sans-serif;\n    font-size: 1rem;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.3s ease;\n}\n\n.hp2026-tpl-filter-btn:hover {\n    background: rgba(38, 133, 153, 0.2);\n    border-color: rgba(38, 133, 153, 0.5);\n    color: #ffffff;\n}\n\n.hp2026-tpl-filter-btn.active {\n    background: linear-gradient(135deg, #268599 0%, #618480 50%, #e8885e 100%);\n    border-color: transparent;\n    color: #ffffff;\n    font-weight: 600;\n    box-shadow: 0 6px 25px rgba(38, 133, 153, 0.5);\n}\n\n\/* ========== SLIDER WRAPPER - FULL WIDTH ========== *\/\n.hp2026-tpl-slider-wrapper {\n    position: relative;\n    margin-bottom: 60px;\n    padding: 0 60px;\n}\n\n\/* Navigation Arrows *\/\n.hp2026-tpl-arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 56px;\n    height: 56px;\n    background: rgba(255, 255, 255, 0.12);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 50%;\n    color: #ffffff;\n    cursor: pointer;\n    z-index: 10;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s ease;\n}\n\n.hp2026-tpl-arrow:hover {\n    background: linear-gradient(135deg, #268599, #e8885e);\n    border-color: transparent;\n    transform: translateY(-50%) scale(1.12);\n    box-shadow: 0 8px 30px rgba(38, 133, 153, 0.5);\n}\n\n.hp2026-tpl-arrow.disabled {\n    opacity: 0.3;\n    cursor: not-allowed;\n}\n\n.hp2026-tpl-arrow.disabled:hover {\n    background: rgba(255, 255, 255, 0.12);\n    transform: translateY(-50%) scale(1);\n    box-shadow: none;\n}\n\n.hp2026-tpl-arrow svg {\n    width: 26px;\n    height: 26px;\n}\n\n.hp2026-tpl-arrow--prev {\n    left: 10px;\n}\n\n.hp2026-tpl-arrow--next {\n    right: 10px;\n}\n\n[dir=\"rtl\"] .hp2026-tpl-arrow--prev {\n    left: auto;\n    right: 10px;\n}\n\n[dir=\"rtl\"] .hp2026-tpl-arrow--next {\n    right: auto;\n    left: 10px;\n}\n\n[dir=\"rtl\"] .hp2026-tpl-arrow svg {\n    transform: scaleX(-1);\n}\n\n\/* Slider Track *\/\n.hp2026-tpl-track {\n    overflow: hidden;\n    margin: 0 20px;\n}\n\n.hp2026-tpl-grid {\n    display: flex;\n    gap: 24px;\n    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    padding: 40px 0;\n}\n\n\/* ========== TEMPLATE CARD - CLEAN WITH BORDER ========== *\/\n.hp2026-tpl-card {\n    flex: 0 0 calc((100% - 128px) \/ 5);\n    min-width: 200px;\n    position: relative;\n    background: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 4px;\n    padding: 12px;\n    transition: all 0.3s ease;\n    cursor: pointer;\n}\n\n.hp2026-tpl-card:hover {\n    border-color: rgba(38, 133, 153, 0.5);\n    background: rgba(255, 255, 255, 0.06);\n    transform: translateY(-5px);\n}\n\n\/* Badge - Positioned on top-right border edge *\/\n.hp2026-tpl-badge {\n    position: absolute;\n    top: -10px;\n    right: 12px;\n    padding: 4px 12px;\n    background: #e8885e;\n    border-radius: 4px;\n    font-family: 'Poppins', sans-serif;\n    font-size: 0.65rem;\n    font-weight: 600;\n    color: #ffffff;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    z-index: 10;\n}\n\n[dir=\"rtl\"] .hp2026-tpl-badge {\n    right: auto;\n    left: 12px;\n}\n\n\/* Image Container *\/\n.hp2026-tpl-image-wrap {\n    position: relative;\n    aspect-ratio: 3\/4;\n    overflow: hidden;\n    border-radius: 4px;\n    background: #fff;\n}\n\n.hp2026-tpl-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: 4px;\n    transition: transform 0.3s ease;\n}\n\n.hp2026-tpl-card:hover .hp2026-tpl-image {\n    transform: scale(1.03);\n}\n\n\/* Overlay with button on hover *\/\n.hp2026-tpl-overlay {\n    position: absolute;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.5);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 4px;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n.hp2026-tpl-card:hover .hp2026-tpl-overlay {\n    opacity: 1;\n}\n\n.hp2026-tpl-use-btn {\n    padding: 10px 18px;\n    background: linear-gradient(135deg, #268599, #e8885e);\n    border: none;\n    border-radius: 4px;\n    color: #ffffff;\n    font-family: 'Poppins', sans-serif;\n    font-size: 0.8rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: transform 0.2s ease;\n}\n\n.hp2026-tpl-use-btn:hover {\n    transform: scale(1.05);\n}\n\n\/* Card Content - Below image *\/\n.hp2026-tpl-content {\n    padding: 14px 4px 0;\n    text-align: center;\n}\n\n.hp2026-tpl-name {\n    font-family: 'Poppins', sans-serif;\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #ffffff;\n    margin-bottom: 6px;\n    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.hp2026-tpl-briefing {\n    display: none;\n}\n\n.hp2026-tpl-meta {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n}\n\n.hp2026-tpl-rating {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    color: #e8885e;\n    font-family: 'Poppins', sans-serif;\n    font-size: 0.875rem;\n    font-weight: 500;\n}\n\n.hp2026-tpl-rating svg {\n    width: 14px;\n    height: 14px;\n    fill: #e8885e;\n}\n\n.hp2026-tpl-category {\n    display: none;\n}\n\n\/* ========== SLIDER INDICATORS ========== *\/\n.hp2026-tpl-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 10px;\n    margin-top: 40px;\n}\n\n.hp2026-tpl-indicator {\n    width: 12px;\n    height: 12px;\n    background: rgba(255, 255, 255, 0.25);\n    border: none;\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.3s ease;\n}\n\n.hp2026-tpl-indicator:hover {\n    background: rgba(38, 133, 153, 0.6);\n}\n\n.hp2026-tpl-indicator.active {\n    width: 40px;\n    border-radius: 12px;\n    background: linear-gradient(90deg, #268599, #e8885e);\n}\n\n\/* ========== CTA BUTTON ========== *\/\n.hp2026-tpl-footer {\n    text-align: center;\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n    position: relative;\n    z-index: 2;\n}\n\n.hp2026-tpl-cta {\n    display: inline-flex;\n    align-items: center;\n    gap: 14px;\n    padding: 20px 48px;\n    background: linear-gradient(135deg, #268599 0%, #618480 50%, #e8885e 100%);\n    color: #ffffff;\n    font-family: 'Poppins', sans-serif;\n    font-size: 1.25rem;\n    font-weight: 600;\n    text-decoration: none;\n    border-radius: 16px;\n    box-shadow: 0 10px 40px rgba(38, 133, 153, 0.5);\n    transition: all 0.4s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.hp2026-tpl-cta::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);\n    transition: left 0.6s ease;\n}\n\n.hp2026-tpl-cta:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 50px rgba(38, 133, 153, 0.6);\n}\n\n.hp2026-tpl-cta:hover::before {\n    left: 100%;\n}\n\n.hp2026-tpl-cta svg {\n    width: 24px;\n    height: 24px;\n    stroke: currentColor;\n    transition: transform 0.3s ease;\n}\n\n.hp2026-tpl-cta:hover svg {\n    transform: translateX(5px);\n}\n\n[dir=\"rtl\"] .hp2026-tpl-cta svg {\n    transform: scaleX(-1);\n}\n\n[dir=\"rtl\"] .hp2026-tpl-cta:hover svg {\n    transform: scaleX(-1) translateX(-5px);\n}\n\n\/* ========== RTL SUPPORT ========== *\/\n[dir=\"rtl\"] .hp2026-tpl-section {\n    direction: rtl;\n}\n\n[dir=\"rtl\"] .hp2026-tpl-title,\n[dir=\"rtl\"] .hp2026-tpl-subtitle,\n[dir=\"rtl\"] .hp2026-tpl-name,\n[dir=\"rtl\"] .hp2026-tpl-briefing,\n[dir=\"rtl\"] .hp2026-tpl-eyebrow,\n[dir=\"rtl\"] .hp2026-tpl-filter-btn,\n[dir=\"rtl\"] .hp2026-tpl-use-btn,\n[dir=\"rtl\"] .hp2026-tpl-cta {\n    font-family: '29LTZaridSansAL', 'Tajawal', sans-serif;\n}\n\n\/* ========== RESPONSIVE ========== *\/\n@media (max-width: 1400px) {\n    .hp2026-tpl-card {\n        flex: 0 0 calc((100% - 128px) \/ 5);\n        min-width: 240px;\n    }\n}\n\n@media (max-width: 1200px) {\n    .hp2026-tpl-slider-wrapper {\n        padding: 0 30px;\n    }\n    .hp2026-tpl-arrow--prev { left: 5px; }\n    .hp2026-tpl-arrow--next { right: 5px; }\n    [dir=\"rtl\"] .hp2026-tpl-arrow--prev { left: auto; right: 5px; }\n    [dir=\"rtl\"] .hp2026-tpl-arrow--next { right: auto; left: 5px; }\n    .hp2026-tpl-card {\n        flex: 0 0 calc((100% - 96px) \/ 4);\n        min-width: 220px;\n    }\n}\n\n@media (max-width: 1024px) {\n    .hp2026-tpl-card {\n        flex: 0 0 calc((100% - 64px) \/ 3);\n        min-width: 220px;\n    }\n    .hp2026-tpl-header-container,\n    .hp2026-tpl-footer {\n        padding: 0 24px;\n    }\n}\n\n@media (max-width: 768px) {\n    .hp2026-tpl-section {\n        padding: 80px 0 100px;\n    }\n\n    .hp2026-tpl-card {\n        flex: 0 0 calc((100% - 32px) \/ 2);\n        min-width: 160px;\n    }\n\n    .hp2026-tpl-content {\n        padding: 12px 4px 0;\n    }\n\n    .hp2026-tpl-arrow {\n        width: 44px;\n        height: 44px;\n    }\n\n    .hp2026-tpl-arrow svg {\n        width: 22px;\n        height: 22px;\n    }\n\n    .hp2026-tpl-filters {\n        gap: 10px;\n    }\n\n    .hp2026-tpl-filter-btn {\n        padding: 10px 18px;\n        font-size: 0.875rem;\n    }\n\n    .hp2026-tpl-cta {\n        width: 100%;\n        justify-content: center;\n        font-size: 1.125rem;\n        padding: 18px 36px;\n    }\n\n    .hp2026-tpl-slider-wrapper {\n        padding: 0 20px;\n    }\n}\n\n@media (max-width: 480px) {\n    .hp2026-tpl-card {\n        flex: 0 0 calc(100% - 20px);\n        min-width: 280px;\n    }\n\n    .hp2026-tpl-arrow {\n        display: none;\n    }\n\n    .hp2026-tpl-slider-wrapper {\n        padding: 0 16px;\n    }\n\n    .hp2026-tpl-grid {\n        gap: 20px;\n    }\n}\n\n\/* ========== REDUCED MOTION ========== *\/\n@media (prefers-reduced-motion: reduce) {\n    .hp2026-tpl-orb,\n    .hp2026-tpl-particle,\n    .hp2026-tpl-eyebrow::before {\n        animation: none;\n    }\n\n    .hp2026-tpl-orb {\n        opacity: 0.5;\n    }\n\n    .hp2026-tpl-particle {\n        opacity: 0.5;\n    }\n}\n\n\/* Show More Card *\/\n.hp2026-tpl-show-more {\n    flex: 0 0 calc((100% - 128px) \/ 5);\n    min-width: 200px;\n    padding: 12px;\n    background: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 4px;\n}\n.hp2026-tpl-show-more .hp2026-tpl-card-inner {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    aspect-ratio: 3\/4;\n    background: rgba(38, 133, 153, 0.1);\n    border: 2px dashed rgba(38, 133, 153, 0.4);\n    border-radius: 4px;\n    text-decoration: none;\n    transition: all 0.3s ease;\n    cursor: pointer;\n}\n.hp2026-tpl-show-more:hover {\n    border-color: rgba(38, 133, 153, 0.5);\n}\n.hp2026-tpl-show-more:hover .hp2026-tpl-card-inner {\n    background: rgba(38, 133, 153, 0.2);\n    border-color: #268599;\n}\n.hp2026-show-more-content {\n    text-align: center;\n    color: #fff;\n    padding: 20px;\n}\n.hp2026-show-more-icon {\n    width: 70px;\n    height: 70px;\n    margin: 0 auto 16px;\n    background: rgba(38, 133, 153, 0.3);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #268599;\n    transition: all 0.3s ease;\n}\n.hp2026-tpl-show-more:hover .hp2026-show-more-icon {\n    background: rgba(38, 133, 153, 0.5);\n    transform: scale(1.1);\n}\n.hp2026-show-more-text {\n    display: block;\n    font-size: 1.25rem;\n    font-weight: 600;\n    margin-bottom: 8px;\n}\n.hp2026-show-more-count {\n    display: block;\n    font-size: 0.875rem;\n    opacity: 0.7;\n}\n<\/style>\n\n<section class=\"hp2026-tpl-section\" id=\"templates\" dir=\"rtl\">\n    <!-- Animated Background -->\n    <div class=\"hp2026-tpl-bg\">\n        <div class=\"hp2026-tpl-orb hp2026-tpl-orb--teal\"><\/div>\n        <div class=\"hp2026-tpl-orb hp2026-tpl-orb--coral\"><\/div>\n        <div class=\"hp2026-tpl-orb hp2026-tpl-orb--transitional\"><\/div>\n        <div class=\"hp2026-tpl-grid-pattern\"><\/div>\n        <div class=\"hp2026-tpl-particles\">\n            <div class=\"hp2026-tpl-particle\"><\/div>\n            <div class=\"hp2026-tpl-particle\"><\/div>\n            <div class=\"hp2026-tpl-particle\"><\/div>\n            <div class=\"hp2026-tpl-particle\"><\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Header Container (centered) -->\n    <div class=\"hp2026-tpl-header-container\">\n        <!-- Header -->\n        <div class=\"hp2026-tpl-header\">\n            <div class=\"hp2026-tpl-eyebrow\">\n                \u062a\u0635\u0627\u0645\u064a\u0645 \u0645\u0645\u064a\u0632\u0629            <\/div>\n            <h2 class=\"hp2026-tpl-title\">\n                <span class=\"hp2026-tpl-title-highlight\">\u0642\u0648\u0627\u0644\u0628<\/span>\n                <span class=\"hp2026-tpl-title-main\">\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/span>\n            <\/h2>\n            <p class=\"hp2026-tpl-subtitle\">\n                \u062a\u0635\u0627\u0645\u064a\u0645 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0648\u0638\u064a\u0641\u0629.            <\/p>\n        <\/div>\n\n        <!-- Category Filters -->\n        <div class=\"hp2026-tpl-filters\">\n                            <button class=\"hp2026-tpl-filter-btn active\" data-filter=\"All\">\n                    \u0627\u0644\u0643\u0644                <\/button>\n                            <button class=\"hp2026-tpl-filter-btn \" data-filter=\"Professional\">\n                    \u0627\u062d\u062a\u0631\u0627\u0641\u064a                <\/button>\n                            <button class=\"hp2026-tpl-filter-btn \" data-filter=\"Creative\">\n                    \u0625\u0628\u062f\u0627\u0639\u064a                <\/button>\n                            <button class=\"hp2026-tpl-filter-btn \" data-filter=\"Modern\">\n                    \u0639\u0635\u0631\u064a                <\/button>\n                            <button class=\"hp2026-tpl-filter-btn \" data-filter=\"Simple\">\n                    \u0628\u0633\u064a\u0637                <\/button>\n                            <button class=\"hp2026-tpl-filter-btn \" data-filter=\"ATS-Friendly\">\n                    \u0645\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 ATS                <\/button>\n                    <\/div>\n    <\/div>\n\n    <!-- Slider - Full Width -->\n    <div class=\"hp2026-tpl-slider-wrapper\">\n            <!-- Navigation Arrows -->\n            <button class=\"hp2026-tpl-arrow hp2026-tpl-arrow--prev\" id=\"tplSliderPrev\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                    <path d=\"M15 18l-6-6 6-6\"\/>\n                <\/svg>\n            <\/button>\n            <button class=\"hp2026-tpl-arrow hp2026-tpl-arrow--next\" id=\"tplSliderNext\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                    <path d=\"M9 18l6-6-6-6\"\/>\n                <\/svg>\n            <\/button>\n\n            <!-- Slider Track -->\n            <div class=\"hp2026-tpl-track\">\n                <div class=\"hp2026-tpl-grid\" id=\"tplGrid\">\n                                            <div class=\"hp2026-tpl-card\" data-category=\"ATS-Friendly\">\n                                                            <div class=\"hp2026-tpl-badge\" style=\"--badge-color: #268599;\">\n                                    \u0634\u0627\u0626\u0639                                <\/div>\n                            \n                            <div class=\"hp2026-tpl-image-wrap\" onclick=\"window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=classic', '_blank')\" style=\"cursor: pointer;\">\n                                <img decoding=\"async\"\n                                    src=\"https:\/\/stylingcv.com\/wp-content\/uploads\/resume-templates\/webp-ar\/classic-ar.webp\"\n                                    alt=\"\u0643\u0644\u0627\u0633\u064a\u0643 resume template\"\n                                    class=\"hp2026-tpl-image\"\n                                    loading=\"lazy\"\n                                \/>\n                                <div class=\"hp2026-tpl-overlay\">\n                                    <button class=\"hp2026-tpl-use-btn\" onclick=\"event.stopPropagation(); window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=classic', '_blank')\">\n                                        \u0627\u0633\u062a\u062e\u062f\u0645 \u0647\u0630\u0627 \u0627\u0644\u0642\u0627\u0644\u0628                                    <\/button>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"hp2026-tpl-content\">\n                                <h3 class=\"hp2026-tpl-name\">\u0643\u0644\u0627\u0633\u064a\u0643<\/h3>\n                                                                <div class=\"hp2026-tpl-meta\">\n                                    <div class=\"hp2026-tpl-rating\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                                        <\/svg>\n                                        <span>4.9<\/span>\n                                    <\/div>\n                                    <span class=\"hp2026-tpl-category\">\u0645\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 ATS<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"hp2026-tpl-card\" data-category=\"Modern\">\n                                                            <div class=\"hp2026-tpl-badge\" style=\"--badge-color: #268599;\">\n                                    \u0631\u0627\u0626\u062c                                <\/div>\n                            \n                            <div class=\"hp2026-tpl-image-wrap\" onclick=\"window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=modern', '_blank')\" style=\"cursor: pointer;\">\n                                <img decoding=\"async\"\n                                    src=\"https:\/\/stylingcv.com\/wp-content\/uploads\/resume-templates\/webp-ar\/modern-ar.webp\"\n                                    alt=\"\u0645\u0648\u062f\u0631\u0646 resume template\"\n                                    class=\"hp2026-tpl-image\"\n                                    loading=\"lazy\"\n                                \/>\n                                <div class=\"hp2026-tpl-overlay\">\n                                    <button class=\"hp2026-tpl-use-btn\" onclick=\"event.stopPropagation(); window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=modern', '_blank')\">\n                                        \u0627\u0633\u062a\u062e\u062f\u0645 \u0647\u0630\u0627 \u0627\u0644\u0642\u0627\u0644\u0628                                    <\/button>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"hp2026-tpl-content\">\n                                <h3 class=\"hp2026-tpl-name\">\u0645\u0648\u062f\u0631\u0646<\/h3>\n                                                                <div class=\"hp2026-tpl-meta\">\n                                    <div class=\"hp2026-tpl-rating\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                                        <\/svg>\n                                        <span>4.9<\/span>\n                                    <\/div>\n                                    <span class=\"hp2026-tpl-category\">\u0639\u0635\u0631\u064a<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"hp2026-tpl-card\" data-category=\"Creative\">\n                                                            <div class=\"hp2026-tpl-badge\" style=\"--badge-color: #e8885e;\">\n                                    \u062c\u062f\u064a\u062f                                <\/div>\n                            \n                            <div class=\"hp2026-tpl-image-wrap\" onclick=\"window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=creative', '_blank')\" style=\"cursor: pointer;\">\n                                <img decoding=\"async\"\n                                    src=\"https:\/\/stylingcv.com\/wp-content\/uploads\/resume-templates\/webp-ar\/corssa-ar.webp\"\n                                    alt=\"\u0625\u0628\u062f\u0627\u0639\u064a resume template\"\n                                    class=\"hp2026-tpl-image\"\n                                    loading=\"lazy\"\n                                \/>\n                                <div class=\"hp2026-tpl-overlay\">\n                                    <button class=\"hp2026-tpl-use-btn\" onclick=\"event.stopPropagation(); window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=creative', '_blank')\">\n                                        \u0627\u0633\u062a\u062e\u062f\u0645 \u0647\u0630\u0627 \u0627\u0644\u0642\u0627\u0644\u0628                                    <\/button>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"hp2026-tpl-content\">\n                                <h3 class=\"hp2026-tpl-name\">\u0625\u0628\u062f\u0627\u0639\u064a<\/h3>\n                                                                <div class=\"hp2026-tpl-meta\">\n                                    <div class=\"hp2026-tpl-rating\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                                        <\/svg>\n                                        <span>4.8<\/span>\n                                    <\/div>\n                                    <span class=\"hp2026-tpl-category\">\u0625\u0628\u062f\u0627\u0639\u064a<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"hp2026-tpl-card\" data-category=\"Professional\">\n                                                            <div class=\"hp2026-tpl-badge\" style=\"--badge-color: #618480;\">\n                                    ATS+                                <\/div>\n                            \n                            <div class=\"hp2026-tpl-image-wrap\" onclick=\"window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=elegance', '_blank')\" style=\"cursor: pointer;\">\n                                <img decoding=\"async\"\n                                    src=\"https:\/\/stylingcv.com\/wp-content\/uploads\/resume-templates\/webp-ar\/elegant-ar.webp\"\n                                    alt=\"\u0623\u0646\u064a\u0642 resume template\"\n                                    class=\"hp2026-tpl-image\"\n                                    loading=\"lazy\"\n                                \/>\n                                <div class=\"hp2026-tpl-overlay\">\n                                    <button class=\"hp2026-tpl-use-btn\" onclick=\"event.stopPropagation(); window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=elegance', '_blank')\">\n                                        \u0627\u0633\u062a\u062e\u062f\u0645 \u0647\u0630\u0627 \u0627\u0644\u0642\u0627\u0644\u0628                                    <\/button>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"hp2026-tpl-content\">\n                                <h3 class=\"hp2026-tpl-name\">\u0623\u0646\u064a\u0642<\/h3>\n                                                                <div class=\"hp2026-tpl-meta\">\n                                    <div class=\"hp2026-tpl-rating\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                                        <\/svg>\n                                        <span>4.9<\/span>\n                                    <\/div>\n                                    <span class=\"hp2026-tpl-category\">\u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"hp2026-tpl-card\" data-category=\"Professional\">\n                                                            <div class=\"hp2026-tpl-badge\" style=\"--badge-color: #268599;\">\n                                    \u0634\u0627\u0626\u0639                                <\/div>\n                            \n                            <div class=\"hp2026-tpl-image-wrap\" onclick=\"window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=executive', '_blank')\" style=\"cursor: pointer;\">\n                                <img decoding=\"async\"\n                                    src=\"https:\/\/stylingcv.com\/wp-content\/uploads\/resume-templates\/webp-ar\/alfred-ar.webp\"\n                                    alt=\"\u062a\u0646\u0641\u064a\u0630\u064a resume template\"\n                                    class=\"hp2026-tpl-image\"\n                                    loading=\"lazy\"\n                                \/>\n                                <div class=\"hp2026-tpl-overlay\">\n                                    <button class=\"hp2026-tpl-use-btn\" onclick=\"event.stopPropagation(); window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=executive', '_blank')\">\n                                        \u0627\u0633\u062a\u062e\u062f\u0645 \u0647\u0630\u0627 \u0627\u0644\u0642\u0627\u0644\u0628                                    <\/button>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"hp2026-tpl-content\">\n                                <h3 class=\"hp2026-tpl-name\">\u062a\u0646\u0641\u064a\u0630\u064a<\/h3>\n                                                                <div class=\"hp2026-tpl-meta\">\n                                    <div class=\"hp2026-tpl-rating\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                                        <\/svg>\n                                        <span>4.8<\/span>\n                                    <\/div>\n                                    <span class=\"hp2026-tpl-category\">\u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"hp2026-tpl-card\" data-category=\"Creative\">\n                            \n                            <div class=\"hp2026-tpl-image-wrap\" onclick=\"window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=feminine', '_blank')\" style=\"cursor: pointer;\">\n                                <img decoding=\"async\"\n                                    src=\"https:\/\/stylingcv.com\/wp-content\/uploads\/resume-templates\/webp-ar\/feminine-ar.webp\"\n                                    alt=\"\u0641\u064a\u0645\u064a\u0646\u064a\u0646 resume template\"\n                                    class=\"hp2026-tpl-image\"\n                                    loading=\"lazy\"\n                                \/>\n                                <div class=\"hp2026-tpl-overlay\">\n                                    <button class=\"hp2026-tpl-use-btn\" onclick=\"event.stopPropagation(); window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=feminine', '_blank')\">\n                                        \u0627\u0633\u062a\u062e\u062f\u0645 \u0647\u0630\u0627 \u0627\u0644\u0642\u0627\u0644\u0628                                    <\/button>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"hp2026-tpl-content\">\n                                <h3 class=\"hp2026-tpl-name\">\u0641\u064a\u0645\u064a\u0646\u064a\u0646<\/h3>\n                                                                <div class=\"hp2026-tpl-meta\">\n                                    <div class=\"hp2026-tpl-rating\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                                        <\/svg>\n                                        <span>4.8<\/span>\n                                    <\/div>\n                                    <span class=\"hp2026-tpl-category\">\u0625\u0628\u062f\u0627\u0639\u064a<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"hp2026-tpl-card\" data-category=\"Simple\">\n                                                            <div class=\"hp2026-tpl-badge\" style=\"--badge-color: #e8885e;\">\n                                    \u062c\u062f\u064a\u062f                                <\/div>\n                            \n                            <div class=\"hp2026-tpl-image-wrap\" onclick=\"window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=simple', '_blank')\" style=\"cursor: pointer;\">\n                                <img decoding=\"async\"\n                                    src=\"https:\/\/stylingcv.com\/wp-content\/uploads\/resume-templates\/webp-ar\/genial-ar.webp\"\n                                    alt=\"\u0628\u0633\u064a\u0637 resume template\"\n                                    class=\"hp2026-tpl-image\"\n                                    loading=\"lazy\"\n                                \/>\n                                <div class=\"hp2026-tpl-overlay\">\n                                    <button class=\"hp2026-tpl-use-btn\" onclick=\"event.stopPropagation(); window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=simple', '_blank')\">\n                                        \u0627\u0633\u062a\u062e\u062f\u0645 \u0647\u0630\u0627 \u0627\u0644\u0642\u0627\u0644\u0628                                    <\/button>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"hp2026-tpl-content\">\n                                <h3 class=\"hp2026-tpl-name\">\u0628\u0633\u064a\u0637<\/h3>\n                                                                <div class=\"hp2026-tpl-meta\">\n                                    <div class=\"hp2026-tpl-rating\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                                        <\/svg>\n                                        <span>4.9<\/span>\n                                    <\/div>\n                                    <span class=\"hp2026-tpl-category\">\u0628\u0633\u064a\u0637<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"hp2026-tpl-card\" data-category=\"ATS-Friendly\">\n                                                            <div class=\"hp2026-tpl-badge\" style=\"--badge-color: #618480;\">\n                                    ATS+                                <\/div>\n                            \n                            <div class=\"hp2026-tpl-image-wrap\" onclick=\"window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=confidence', '_blank')\" style=\"cursor: pointer;\">\n                                <img decoding=\"async\"\n                                    src=\"https:\/\/stylingcv.com\/wp-content\/uploads\/resume-templates\/webp-ar\/mark-ar.webp\"\n                                    alt=\"\u062b\u0642\u0629 resume template\"\n                                    class=\"hp2026-tpl-image\"\n                                    loading=\"lazy\"\n                                \/>\n                                <div class=\"hp2026-tpl-overlay\">\n                                    <button class=\"hp2026-tpl-use-btn\" onclick=\"event.stopPropagation(); window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=confidence', '_blank')\">\n                                        \u0627\u0633\u062a\u062e\u062f\u0645 \u0647\u0630\u0627 \u0627\u0644\u0642\u0627\u0644\u0628                                    <\/button>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"hp2026-tpl-content\">\n                                <h3 class=\"hp2026-tpl-name\">\u062b\u0642\u0629<\/h3>\n                                                                <div class=\"hp2026-tpl-meta\">\n                                    <div class=\"hp2026-tpl-rating\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                                        <\/svg>\n                                        <span>4.9<\/span>\n                                    <\/div>\n                                    <span class=\"hp2026-tpl-category\">\u0645\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 ATS<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"hp2026-tpl-card\" data-category=\"Modern\">\n                            \n                            <div class=\"hp2026-tpl-image-wrap\" onclick=\"window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=newcast', '_blank')\" style=\"cursor: pointer;\">\n                                <img decoding=\"async\"\n                                    src=\"https:\/\/stylingcv.com\/wp-content\/uploads\/resume-templates\/webp-ar\/newcast-ar.webp\"\n                                    alt=\"\u0646\u064a\u0648\u0643\u0627\u0633\u062a resume template\"\n                                    class=\"hp2026-tpl-image\"\n                                    loading=\"lazy\"\n                                \/>\n                                <div class=\"hp2026-tpl-overlay\">\n                                    <button class=\"hp2026-tpl-use-btn\" onclick=\"event.stopPropagation(); window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=newcast', '_blank')\">\n                                        \u0627\u0633\u062a\u062e\u062f\u0645 \u0647\u0630\u0627 \u0627\u0644\u0642\u0627\u0644\u0628                                    <\/button>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"hp2026-tpl-content\">\n                                <h3 class=\"hp2026-tpl-name\">\u0646\u064a\u0648\u0643\u0627\u0633\u062a<\/h3>\n                                                                <div class=\"hp2026-tpl-meta\">\n                                    <div class=\"hp2026-tpl-rating\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                                        <\/svg>\n                                        <span>4.7<\/span>\n                                    <\/div>\n                                    <span class=\"hp2026-tpl-category\">\u0639\u0635\u0631\u064a<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"hp2026-tpl-card\" data-category=\"Modern\">\n                                                            <div class=\"hp2026-tpl-badge\" style=\"--badge-color: #268599;\">\n                                    \u0631\u0627\u0626\u062c                                <\/div>\n                            \n                            <div class=\"hp2026-tpl-image-wrap\" onclick=\"window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=influx', '_blank')\" style=\"cursor: pointer;\">\n                                <img decoding=\"async\"\n                                    src=\"https:\/\/stylingcv.com\/wp-content\/uploads\/resume-templates\/webp-ar\/andero-ar.webp\"\n                                    alt=\"\u0625\u0646\u0641\u0644\u0643\u0633 resume template\"\n                                    class=\"hp2026-tpl-image\"\n                                    loading=\"lazy\"\n                                \/>\n                                <div class=\"hp2026-tpl-overlay\">\n                                    <button class=\"hp2026-tpl-use-btn\" onclick=\"event.stopPropagation(); window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=influx', '_blank')\">\n                                        \u0627\u0633\u062a\u062e\u062f\u0645 \u0647\u0630\u0627 \u0627\u0644\u0642\u0627\u0644\u0628                                    <\/button>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"hp2026-tpl-content\">\n                                <h3 class=\"hp2026-tpl-name\">\u0625\u0646\u0641\u0644\u0643\u0633<\/h3>\n                                                                <div class=\"hp2026-tpl-meta\">\n                                    <div class=\"hp2026-tpl-rating\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                                        <\/svg>\n                                        <span>4.8<\/span>\n                                    <\/div>\n                                    <span class=\"hp2026-tpl-category\">\u0639\u0635\u0631\u064a<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"hp2026-tpl-card\" data-category=\"Creative\">\n                                                            <div class=\"hp2026-tpl-badge\" style=\"--badge-color: #268599;\">\n                                    \u0634\u0627\u0626\u0639                                <\/div>\n                            \n                            <div class=\"hp2026-tpl-image-wrap\" onclick=\"window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=bold', '_blank')\" style=\"cursor: pointer;\">\n                                <img decoding=\"async\"\n                                    src=\"https:\/\/stylingcv.com\/wp-content\/uploads\/resume-templates\/webp-ar\/rebbo-ar.webp\"\n                                    alt=\"\u062c\u0631\u064a\u0621 resume template\"\n                                    class=\"hp2026-tpl-image\"\n                                    loading=\"lazy\"\n                                \/>\n                                <div class=\"hp2026-tpl-overlay\">\n                                    <button class=\"hp2026-tpl-use-btn\" onclick=\"event.stopPropagation(); window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=bold', '_blank')\">\n                                        \u0627\u0633\u062a\u062e\u062f\u0645 \u0647\u0630\u0627 \u0627\u0644\u0642\u0627\u0644\u0628                                    <\/button>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"hp2026-tpl-content\">\n                                <h3 class=\"hp2026-tpl-name\">\u062c\u0631\u064a\u0621<\/h3>\n                                                                <div class=\"hp2026-tpl-meta\">\n                                    <div class=\"hp2026-tpl-rating\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                                        <\/svg>\n                                        <span>4.8<\/span>\n                                    <\/div>\n                                    <span class=\"hp2026-tpl-category\">\u0625\u0628\u062f\u0627\u0639\u064a<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"hp2026-tpl-card\" data-category=\"Creative\">\n                            \n                            <div class=\"hp2026-tpl-image-wrap\" onclick=\"window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=horizon', '_blank')\" style=\"cursor: pointer;\">\n                                <img decoding=\"async\"\n                                    src=\"https:\/\/stylingcv.com\/wp-content\/uploads\/resume-templates\/webp-ar\/sireva-ar.webp\"\n                                    alt=\"\u0647\u0648\u0631\u0627\u064a\u0632\u0648\u0646 resume template\"\n                                    class=\"hp2026-tpl-image\"\n                                    loading=\"lazy\"\n                                \/>\n                                <div class=\"hp2026-tpl-overlay\">\n                                    <button class=\"hp2026-tpl-use-btn\" onclick=\"event.stopPropagation(); window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=horizon', '_blank')\">\n                                        \u0627\u0633\u062a\u062e\u062f\u0645 \u0647\u0630\u0627 \u0627\u0644\u0642\u0627\u0644\u0628                                    <\/button>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"hp2026-tpl-content\">\n                                <h3 class=\"hp2026-tpl-name\">\u0647\u0648\u0631\u0627\u064a\u0632\u0648\u0646<\/h3>\n                                                                <div class=\"hp2026-tpl-meta\">\n                                    <div class=\"hp2026-tpl-rating\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                                        <\/svg>\n                                        <span>4.7<\/span>\n                                    <\/div>\n                                    <span class=\"hp2026-tpl-category\">\u0625\u0628\u062f\u0627\u0639\u064a<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"hp2026-tpl-card\" data-category=\"ATS-Friendly\">\n                                                            <div class=\"hp2026-tpl-badge\" style=\"--badge-color: #618480;\">\n                                    ATS+                                <\/div>\n                            \n                            <div class=\"hp2026-tpl-image-wrap\" onclick=\"window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=straight', '_blank')\" style=\"cursor: pointer;\">\n                                <img decoding=\"async\"\n                                    src=\"https:\/\/stylingcv.com\/wp-content\/uploads\/resume-templates\/webp-ar\/static-ar.webp\"\n                                    alt=\"\u0645\u0633\u062a\u0642\u064a\u0645 resume template\"\n                                    class=\"hp2026-tpl-image\"\n                                    loading=\"lazy\"\n                                \/>\n                                <div class=\"hp2026-tpl-overlay\">\n                                    <button class=\"hp2026-tpl-use-btn\" onclick=\"event.stopPropagation(); window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=straight', '_blank')\">\n                                        \u0627\u0633\u062a\u062e\u062f\u0645 \u0647\u0630\u0627 \u0627\u0644\u0642\u0627\u0644\u0628                                    <\/button>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"hp2026-tpl-content\">\n                                <h3 class=\"hp2026-tpl-name\">\u0645\u0633\u062a\u0642\u064a\u0645<\/h3>\n                                                                <div class=\"hp2026-tpl-meta\">\n                                    <div class=\"hp2026-tpl-rating\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                                        <\/svg>\n                                        <span>4.9<\/span>\n                                    <\/div>\n                                    <span class=\"hp2026-tpl-category\">\u0645\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 ATS<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"hp2026-tpl-card\" data-category=\"Creative\">\n                                                            <div class=\"hp2026-tpl-badge\" style=\"--badge-color: #e8885e;\">\n                                    \u062c\u062f\u064a\u062f                                <\/div>\n                            \n                            <div class=\"hp2026-tpl-image-wrap\" onclick=\"window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=rayhan', '_blank')\" style=\"cursor: pointer;\">\n                                <img decoding=\"async\"\n                                    src=\"https:\/\/stylingcv.com\/wp-content\/uploads\/resume-templates\/webp-ar\/stylish-ar.webp\"\n                                    alt=\"\u0631\u064a\u062d\u0627\u0646 resume template\"\n                                    class=\"hp2026-tpl-image\"\n                                    loading=\"lazy\"\n                                \/>\n                                <div class=\"hp2026-tpl-overlay\">\n                                    <button class=\"hp2026-tpl-use-btn\" onclick=\"event.stopPropagation(); window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=rayhan', '_blank')\">\n                                        \u0627\u0633\u062a\u062e\u062f\u0645 \u0647\u0630\u0627 \u0627\u0644\u0642\u0627\u0644\u0628                                    <\/button>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"hp2026-tpl-content\">\n                                <h3 class=\"hp2026-tpl-name\">\u0631\u064a\u062d\u0627\u0646<\/h3>\n                                                                <div class=\"hp2026-tpl-meta\">\n                                    <div class=\"hp2026-tpl-rating\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                                        <\/svg>\n                                        <span>4.6<\/span>\n                                    <\/div>\n                                    <span class=\"hp2026-tpl-category\">\u0625\u0628\u062f\u0627\u0639\u064a<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"hp2026-tpl-card\" data-category=\"Simple\">\n                            \n                            <div class=\"hp2026-tpl-image-wrap\" onclick=\"window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=clean', '_blank')\" style=\"cursor: pointer;\">\n                                <img decoding=\"async\"\n                                    src=\"https:\/\/stylingcv.com\/wp-content\/uploads\/resume-templates\/webp-ar\/vegan-ar.webp\"\n                                    alt=\"\u0646\u0638\u064a\u0641 resume template\"\n                                    class=\"hp2026-tpl-image\"\n                                    loading=\"lazy\"\n                                \/>\n                                <div class=\"hp2026-tpl-overlay\">\n                                    <button class=\"hp2026-tpl-use-btn\" onclick=\"event.stopPropagation(); window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=clean', '_blank')\">\n                                        \u0627\u0633\u062a\u062e\u062f\u0645 \u0647\u0630\u0627 \u0627\u0644\u0642\u0627\u0644\u0628                                    <\/button>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"hp2026-tpl-content\">\n                                <h3 class=\"hp2026-tpl-name\">\u0646\u0638\u064a\u0641<\/h3>\n                                                                <div class=\"hp2026-tpl-meta\">\n                                    <div class=\"hp2026-tpl-rating\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                                        <\/svg>\n                                        <span>4.5<\/span>\n                                    <\/div>\n                                    <span class=\"hp2026-tpl-category\">\u0628\u0633\u064a\u0637<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"hp2026-tpl-card\" data-category=\"Professional\">\n                                                            <div class=\"hp2026-tpl-badge\" style=\"--badge-color: #268599;\">\n                                    \u0631\u0627\u0626\u062c                                <\/div>\n                            \n                            <div class=\"hp2026-tpl-image-wrap\" onclick=\"window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=onyx', '_blank')\" style=\"cursor: pointer;\">\n                                <img decoding=\"async\"\n                                    src=\"https:\/\/stylingcv.com\/wp-content\/uploads\/resume-templates\/webp-ar\/visibility-ar.webp\"\n                                    alt=\"\u0623\u0648\u0646\u064a\u0643\u0633 resume template\"\n                                    class=\"hp2026-tpl-image\"\n                                    loading=\"lazy\"\n                                \/>\n                                <div class=\"hp2026-tpl-overlay\">\n                                    <button class=\"hp2026-tpl-use-btn\" onclick=\"event.stopPropagation(); window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=onyx', '_blank')\">\n                                        \u0627\u0633\u062a\u062e\u062f\u0645 \u0647\u0630\u0627 \u0627\u0644\u0642\u0627\u0644\u0628                                    <\/button>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"hp2026-tpl-content\">\n                                <h3 class=\"hp2026-tpl-name\">\u0623\u0648\u0646\u064a\u0643\u0633<\/h3>\n                                                                <div class=\"hp2026-tpl-meta\">\n                                    <div class=\"hp2026-tpl-rating\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                                        <\/svg>\n                                        <span>4.8<\/span>\n                                    <\/div>\n                                    <span class=\"hp2026-tpl-category\">\u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"hp2026-tpl-card\" data-category=\"Professional\">\n                                                            <div class=\"hp2026-tpl-badge\" style=\"--badge-color: #268599;\">\n                                    \u0634\u0627\u0626\u0639                                <\/div>\n                            \n                            <div class=\"hp2026-tpl-image-wrap\" onclick=\"window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=leafish', '_blank')\" style=\"cursor: pointer;\">\n                                <img decoding=\"async\"\n                                    src=\"https:\/\/stylingcv.com\/wp-content\/uploads\/resume-templates\/webp-ar\/apple-ar.webp\"\n                                    alt=\"\u0644\u064a\u0641\u064a\u0634 resume template\"\n                                    class=\"hp2026-tpl-image\"\n                                    loading=\"lazy\"\n                                \/>\n                                <div class=\"hp2026-tpl-overlay\">\n                                    <button class=\"hp2026-tpl-use-btn\" onclick=\"event.stopPropagation(); window.open('https:\/\/ai.stylingcv.com\/builder\/try?template=leafish', '_blank')\">\n                                        \u0627\u0633\u062a\u062e\u062f\u0645 \u0647\u0630\u0627 \u0627\u0644\u0642\u0627\u0644\u0628                                    <\/button>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"hp2026-tpl-content\">\n                                <h3 class=\"hp2026-tpl-name\">\u0644\u064a\u0641\u064a\u0634<\/h3>\n                                                                <div class=\"hp2026-tpl-meta\">\n                                    <div class=\"hp2026-tpl-rating\">\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                                        <\/svg>\n                                        <span>4.9<\/span>\n                                    <\/div>\n                                    <span class=\"hp2026-tpl-category\">\u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                        <!-- Show More Card -->\n                    <div class=\"hp2026-tpl-card hp2026-tpl-show-more\" data-category=\"All\">\n                        <a href=\"https:\/\/ai.stylingcv.com\/ar-SA\/templates?utm_source=stylingcv&utm_medium=website&utm_campaign=cta&utm_content=home\" class=\"hp2026-tpl-card-inner\">\n                            <div class=\"hp2026-show-more-content\">\n                                <div class=\"hp2026-show-more-icon\">\n                                    <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M12 5V19M5 12H19\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <span class=\"hp2026-show-more-text\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                                <span class=\"hp2026-show-more-count\">+39 \u0642\u0627\u0644\u0628 \u0622\u062e\u0631<\/span>\n                            <\/div>\n                        <\/a>\n                    <\/div>\n            <\/div>\n            <\/div>\n\n            <!-- Indicators -->\n            <div class=\"hp2026-tpl-indicators\" id=\"tplIndicators\"><\/div>\n        <\/div>\n\n    <!-- CTA - Centered Container -->\n    <div class=\"hp2026-tpl-footer\">\n        <a href=\"\/resume-templates\/\" class=\"hp2026-tpl-cta\">\n            \u062a\u0635\u0641\u062d \u062c\u0645\u064a\u0639 \u0627\u0644\u0642\u0648\u0627\u0644\u0628            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\">\n                <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n            <\/svg>\n        <\/a>\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const filterBtns = document.querySelectorAll('.hp2026-tpl-filter-btn');\n    const cards = document.querySelectorAll('.hp2026-tpl-card');\n    const grid = document.getElementById('tplGrid');\n    const prevBtn = document.getElementById('tplSliderPrev');\n    const nextBtn = document.getElementById('tplSliderNext');\n    const indicators = document.getElementById('tplIndicators');\n\n    if (!grid || !prevBtn || !nextBtn || !indicators) return;\n\n    let currentSlide = 0;\n    let itemsPerSlide = 5;\n    let filteredCards = Array.from(cards);\n\n    function updateItemsPerSlide() {\n        const width = window.innerWidth;\n        if (width <= 480) {\n            itemsPerSlide = 1;\n        } else if (width <= 768) {\n            itemsPerSlide = 2;\n        } else if (width <= 1024) {\n            itemsPerSlide = 3;\n        } else if (width <= 1200) {\n            itemsPerSlide = 4;\n        } else if (width <= 1400) {\n            itemsPerSlide = 5;\n        } else {\n            itemsPerSlide = 5;\n        }\n        updateSlider();\n    }\n\n    function updateSlider() {\n        const cardEl = cards[0];\n        if (!cardEl) return;\n\n        const cardWidth = cardEl.offsetWidth + 24;\n        const offset = currentSlide * itemsPerSlide * cardWidth;\n\n        const isRTL = document.querySelector('.hp2026-tpl-section')?.getAttribute('dir') === 'rtl';\n        grid.style.transform = isRTL ? `translateX(${offset}px)` : `translateX(-${offset}px)`;\n\n        const totalSlides = Math.ceil(filteredCards.length \/ itemsPerSlide);\n        indicators.innerHTML = '';\n        for (let i = 0; i < totalSlides; i++) {\n            const indicator = document.createElement('button');\n            indicator.className = `hp2026-tpl-indicator ${i === currentSlide ? 'active' : ''}`;\n            indicator.addEventListener('click', () => {\n                currentSlide = i;\n                updateSlider();\n            });\n            indicators.appendChild(indicator);\n        }\n\n        prevBtn.classList.toggle('disabled', currentSlide === 0);\n        nextBtn.classList.toggle('disabled', currentSlide >= totalSlides - 1);\n    }\n\n    function filterTemplates(category) {\n        if (category === 'All') {\n            filteredCards = Array.from(cards);\n        } else {\n            filteredCards = Array.from(cards).filter(card =>\n                card.getAttribute('data-category') === category\n            );\n        }\n\n        cards.forEach(card => {\n            card.style.display = filteredCards.includes(card) ? '' : 'none';\n        });\n\n        currentSlide = 0;\n        updateSlider();\n    }\n\n    prevBtn.addEventListener('click', () => {\n        if (currentSlide > 0) {\n            currentSlide--;\n            updateSlider();\n        }\n    });\n\n    nextBtn.addEventListener('click', () => {\n        const totalSlides = Math.ceil(filteredCards.length \/ itemsPerSlide);\n        if (currentSlide < totalSlides - 1) {\n            currentSlide++;\n            updateSlider();\n        }\n    });\n\n    filterBtns.forEach(btn => {\n        btn.addEventListener('click', () => {\n            filterBtns.forEach(b => b.classList.remove('active'));\n            btn.classList.add('active');\n            filterTemplates(btn.getAttribute('data-filter'));\n        });\n    });\n\n    window.addEventListener('resize', updateItemsPerSlide);\n\n    updateItemsPerSlide();\n    filterTemplates('All');\n});\n<\/script>\n\n\n<style>\n    \/* ==========================================================================\n       COMPARISON SECTION - \"How We're Different\"\n       Premium design with gradient background separator\n       ========================================================================== *\/\n    \n    .comparison-2026 {\n        --teal: #268599;\n        --teal-light: rgba(38, 133, 153, 0.15);\n        --coral: #e8885e;\n        --coral-light: rgba(232, 136, 94, 0.15);\n        --navy-dark: #0a1628;\n        --navy-mid: #16344c;\n        --glass-bg: rgba(10, 22, 40, 0.85);\n        --glass-border: rgba(255, 255, 255, 0.06);\n        --text-primary: #ffffff;\n        --text-secondary: #94a3b8;\n        --text-muted: #64748b;\n        --font-heading: 'Playfair Display', Georgia, serif;\n        --font-body: 'Poppins', sans-serif;\n    }\n\n    [dir=\"rtl\"] .comparison-2026,\n    .comparison-2026.is-rtl {\n        --font-body: '29LTZaridSansAL', 'Tajawal', sans-serif;\n    }\n\n    .comparison-2026 {\n        position: relative;\n        padding: 140px 0;\n        overflow: hidden;\n    }\n\n    \/* Gradient Background Image *\/\n    .comparison-2026__bg {\n        position: absolute;\n        inset: 0;\n        background-image: url('https:\/\/wp.stylingcv.com\/ar\/wp-content\/themes\/softing-child\/assets\/images\/section-bg-gradient.png');\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n        opacity: 0.4;\n        pointer-events: none;\n    }\n\n    \/* Dark overlay for better text contrast *\/\n    .comparison-2026__overlay {\n        position: absolute;\n        inset: 0;\n        background: linear-gradient(\n            180deg,\n            var(--navy-dark) 0%,\n            rgba(10, 22, 40, 0.7) 30%,\n            rgba(10, 22, 40, 0.7) 70%,\n            var(--navy-dark) 100%\n        );\n        pointer-events: none;\n    }\n\n    \/* Container *\/\n    .comparison-2026__container {\n        position: relative;\n        z-index: 1;\n        max-width: 1100px;\n        margin: 0 auto;\n        padding: 0 24px;\n    }\n\n    \/* Header *\/\n    .comparison-2026__header {\n        text-align: center;\n        margin-bottom: 64px;\n    }\n\n    .comparison-2026__badge {\n        display: inline-block;\n        font-family: var(--font-body);\n        font-size: 0.75rem;\n        font-weight: 600;\n        letter-spacing: 0.1em;\n        text-transform: uppercase;\n        color: var(--coral);\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        padding: 6px 16px;\n        border-radius: 20px;\n        margin-bottom: 24px;\n        background: rgba(255, 255, 255, 0.03);\n    }\n\n    .comparison-2026__title {\n        font-family: var(--font-heading);\n        font-size: clamp(2.5rem, 5vw, 4rem);\n        font-weight: 700;\n        color: var(--text-primary);\n        margin: 0 0 16px 0;\n        line-height: 1.2;\n    }\n\n    .comparison-2026__title-highlight {\n        color: var(--coral);\n    }\n\n    .comparison-2026__subtitle {\n        font-family: var(--font-body);\n        font-size: clamp(1rem, 2vw, 1.125rem);\n        font-weight: 400;\n        color: var(--text-secondary);\n        max-width: 800px;\n        margin: 0 auto;\n        line-height: 1.7;\n    }\n\n    \/* Table Container *\/\n    .comparison-2026__table-wrap {\n        background: var(--glass-bg);\n        backdrop-filter: blur(24px);\n        -webkit-backdrop-filter: blur(24px);\n        border: 1px solid var(--glass-border);\n        border-radius: 24px;\n        overflow: hidden;\n        box-shadow: \n            0 25px 50px -12px rgba(0, 0, 0, 0.4),\n            0 0 100px -20px rgba(38, 133, 153, 0.15);\n    }\n\n    \/* Table Header *\/\n    .comparison-2026__table-header {\n        display: grid;\n        grid-template-columns: 1.2fr 1fr 1fr;\n        background: rgba(255, 255, 255, 0.03);\n        border-bottom: 1px solid var(--glass-border);\n    }\n\n    .comparison-2026__table-header-cell {\n        padding: 20px 24px;\n        font-family: var(--font-body);\n        font-size: 0.8125rem;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n        color: var(--text-muted);\n    }\n\n    .comparison-2026__table-header-cell--accent {\n        color: var(--teal);\n    }\n\n    \/* Table Rows *\/\n    .comparison-2026__table-row {\n        display: grid;\n        grid-template-columns: 1.2fr 1fr 1fr;\n        border-bottom: 1px solid var(--glass-border);\n        transition: background 0.3s ease;\n    }\n\n    .comparison-2026__table-row:last-child {\n        border-bottom: none;\n    }\n\n    .comparison-2026__table-row:hover {\n        background: rgba(255, 255, 255, 0.02);\n    }\n\n    .comparison-2026__table-row--highlight {\n        background: rgba(38, 133, 153, 0.03);\n    }\n\n    .comparison-2026__table-row--highlight:hover {\n        background: rgba(38, 133, 153, 0.06);\n    }\n\n    \/* Table Cells *\/\n    .comparison-2026__table-cell {\n        padding: 20px 24px;\n        display: flex;\n        align-items: center;\n        gap: 12px;\n    }\n\n    .comparison-2026__feature-name {\n        font-family: var(--font-body);\n        font-size: 0.9375rem;\n        font-weight: 500;\n        color: var(--text-primary);\n    }\n\n    .comparison-2026__cell-text {\n        font-family: var(--font-body);\n        font-size: 0.875rem;\n        font-weight: 400;\n        flex: 1;\n    }\n\n    .comparison-2026__cell-text--muted {\n        color: var(--text-muted);\n    }\n\n    .comparison-2026__cell-text--accent {\n        color: var(--text-primary);\n        font-weight: 500;\n    }\n\n    \/* Status Icons *\/\n    .comparison-2026__icon {\n        width: 20px;\n        height: 20px;\n        flex-shrink: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n    }\n\n    .comparison-2026__icon--x {\n        background: rgba(239, 68, 68, 0.15);\n        color: #ef4444;\n    }\n\n    .comparison-2026__icon--check {\n        background: rgba(34, 197, 94, 0.15);\n        color: #22c55e;\n    }\n\n    .comparison-2026__icon svg {\n        width: 12px;\n        height: 12px;\n        stroke-width: 3;\n    }\n\n    \/* Animated Floating Particles *\/\n    .comparison-2026__particles {\n        position: absolute;\n        inset: 0;\n        overflow: hidden;\n        pointer-events: none;\n        z-index: 0;\n    }\n\n    .comparison-2026__particle {\n        position: absolute;\n        width: 4px;\n        height: 4px;\n        border-radius: 50%;\n        opacity: 0;\n        animation: particleFloat 8s ease-in-out infinite;\n    }\n\n    .comparison-2026__particle--teal {\n        background: var(--teal);\n        box-shadow: 0 0 10px var(--teal), 0 0 20px var(--teal);\n    }\n\n    .comparison-2026__particle--coral {\n        background: var(--coral);\n        box-shadow: 0 0 10px var(--coral), 0 0 20px var(--coral);\n    }\n\n    .comparison-2026__particle:nth-child(1) { left: 10%; top: 20%; animation-delay: 0s; }\n    .comparison-2026__particle:nth-child(2) { left: 20%; top: 80%; animation-delay: 1s; }\n    .comparison-2026__particle:nth-child(3) { left: 30%; top: 40%; animation-delay: 2s; }\n    .comparison-2026__particle:nth-child(4) { left: 50%; top: 10%; animation-delay: 0.5s; }\n    .comparison-2026__particle:nth-child(5) { left: 60%; top: 70%; animation-delay: 1.5s; }\n    .comparison-2026__particle:nth-child(6) { left: 75%; top: 30%; animation-delay: 2.5s; }\n    .comparison-2026__particle:nth-child(7) { left: 85%; top: 60%; animation-delay: 3s; }\n    .comparison-2026__particle:nth-child(8) { left: 90%; top: 85%; animation-delay: 0.8s; }\n    .comparison-2026__particle:nth-child(9) { left: 5%; top: 50%; animation-delay: 1.8s; }\n    .comparison-2026__particle:nth-child(10) { left: 40%; top: 90%; animation-delay: 2.2s; }\n\n    @keyframes particleFloat {\n        0%, 100% {\n            opacity: 0;\n            transform: translateY(0) scale(1);\n        }\n        10% {\n            opacity: 0.6;\n        }\n        50% {\n            opacity: 0.8;\n            transform: translateY(-40px) scale(1.5);\n        }\n        90% {\n            opacity: 0.4;\n        }\n    }\n\n    \/* Animated Grid Lines *\/\n    .comparison-2026__grid-lines {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n        z-index: 0;\n        opacity: 0.03;\n    }\n\n    .comparison-2026__grid-lines svg {\n        width: 100%;\n        height: 100%;\n    }\n\n    .comparison-2026__grid-line {\n        stroke: var(--teal);\n        stroke-width: 1;\n        fill: none;\n        stroke-dasharray: 8 8;\n        animation: gridPulse 4s ease-in-out infinite;\n    }\n\n    .comparison-2026__grid-line:nth-child(even) {\n        stroke: var(--coral);\n        animation-delay: 2s;\n    }\n\n    @keyframes gridPulse {\n        0%, 100% { opacity: 0.3; }\n        50% { opacity: 1; }\n    }\n\n    \/* Gradient Orbs *\/\n    .comparison-2026__orb {\n        position: absolute;\n        border-radius: 50%;\n        filter: blur(80px);\n        pointer-events: none;\n        z-index: 0;\n    }\n\n    .comparison-2026__orb--1 {\n        width: 300px;\n        height: 300px;\n        background: radial-gradient(circle, var(--teal-light) 0%, transparent 70%);\n        top: 10%;\n        left: 5%;\n        animation: orbFloat1 12s ease-in-out infinite;\n    }\n\n    .comparison-2026__orb--2 {\n        width: 250px;\n        height: 250px;\n        background: radial-gradient(circle, var(--coral-light) 0%, transparent 70%);\n        bottom: 10%;\n        right: 10%;\n        animation: orbFloat2 15s ease-in-out infinite;\n    }\n\n    .comparison-2026__orb--3 {\n        width: 200px;\n        height: 200px;\n        background: radial-gradient(circle, rgba(97, 132, 128, 0.2) 0%, transparent 70%);\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        animation: orbFloat3 10s ease-in-out infinite;\n    }\n\n    @keyframes orbFloat1 {\n        0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.4; }\n        33% { transform: translate(30px, -20px) scale(1.1); opacity: 0.6; }\n        66% { transform: translate(-20px, 30px) scale(0.9); opacity: 0.5; }\n    }\n\n    @keyframes orbFloat2 {\n        0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.3; }\n        50% { transform: translate(-40px, -30px) scale(1.2); opacity: 0.5; }\n    }\n\n    @keyframes orbFloat3 {\n        0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.2; }\n        50% { transform: translate(-50%, -50%) scale(1.3); opacity: 0.4; }\n    }\n\n    \/* ==========================================================================\n       RESPONSIVE - Tablet\n       ========================================================================== *\/\n    @media (max-width: 900px) {\n        .comparison-2026 {\n            padding: 100px 0;\n        }\n\n        .comparison-2026__table-header,\n        .comparison-2026__table-row {\n            grid-template-columns: 1fr;\n            gap: 0;\n        }\n\n        .comparison-2026__table-header {\n            display: none;\n        }\n\n        .comparison-2026__table-row {\n            padding: 20px;\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n        }\n\n        .comparison-2026__table-cell {\n            padding: 0;\n            flex-direction: column;\n            align-items: flex-start;\n            gap: 8px;\n        }\n\n        .comparison-2026__table-cell::before {\n            font-family: var(--font-body);\n            font-size: 0.6875rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            color: var(--text-muted);\n        }\n\n        .comparison-2026__table-cell:nth-child(1)::before {\n            content: '\u0627\u0644\u0645\u064a\u0632\u0629';\n        }\n\n        .comparison-2026__table-cell:nth-child(2)::before {\n            content: 'ChatGPT \u0648\u0627\u0644\u0622\u062e\u0631\u0648\u0646';\n        }\n\n        .comparison-2026__table-cell:nth-child(3)::before {\n            content: 'StylingCV';\n            color: var(--teal);\n        }\n\n        .comparison-2026__table-cell:nth-child(2),\n        .comparison-2026__table-cell:nth-child(3) {\n            flex-direction: row;\n            align-items: center;\n            justify-content: space-between;\n            width: 100%;\n            padding: 12px 16px;\n            background: rgba(255, 255, 255, 0.02);\n            border-radius: 12px;\n        }\n\n        .comparison-2026__table-cell:nth-child(3) {\n            background: rgba(38, 133, 153, 0.08);\n        }\n    }\n\n    \/* ==========================================================================\n       RESPONSIVE - Mobile\n       ========================================================================== *\/\n    @media (max-width: 640px) {\n        .comparison-2026 {\n            padding: 80px 0;\n        }\n\n        .comparison-2026__header {\n            margin-bottom: 40px;\n        }\n\n        .comparison-2026__table-wrap {\n            border-radius: 20px;\n        }\n\n        .comparison-2026__table-row {\n            padding: 16px;\n            gap: 12px;\n        }\n\n        .comparison-2026__feature-name {\n            font-size: 0.875rem;\n        }\n\n        .comparison-2026__cell-text {\n            font-size: 0.8125rem;\n        }\n\n        .comparison-2026__avatar {\n            width: 32px;\n            height: 32px;\n            font-size: 0.6875rem;\n        }\n    }\n\n    \/* ==========================================================================\n       RTL Support\n       ========================================================================== *\/\n    [dir=\"rtl\"] .comparison-2026__table-cell,\n    .comparison-2026.is-rtl .comparison-2026__table-cell {\n        flex-direction: row-reverse;\n    }\n\n    @media (max-width: 900px) {\n        [dir=\"rtl\"] .comparison-2026__table-cell,\n        .comparison-2026.is-rtl .comparison-2026__table-cell {\n            align-items: flex-end;\n            text-align: right;\n        }\n\n        [dir=\"rtl\"] .comparison-2026__table-cell:nth-child(2),\n        [dir=\"rtl\"] .comparison-2026__table-cell:nth-child(3),\n        .comparison-2026.is-rtl .comparison-2026__table-cell:nth-child(2),\n        .comparison-2026.is-rtl .comparison-2026__table-cell:nth-child(3) {\n            flex-direction: row-reverse;\n        }\n    }\n\n    \/* ==========================================================================\n       Entry Animation\n       ========================================================================== *\/\n    .comparison-2026__table-row {\n        opacity: 0;\n        transform: translateY(20px);\n    }\n\n    .comparison-2026__table-row.is-visible {\n        opacity: 1;\n        transform: translateY(0);\n        transition: opacity 0.5s ease, transform 0.5s ease;\n    }\n\n    .comparison-2026__table-row:nth-child(1).is-visible { transition-delay: 0s; }\n    .comparison-2026__table-row:nth-child(2).is-visible { transition-delay: 0.08s; }\n    .comparison-2026__table-row:nth-child(3).is-visible { transition-delay: 0.16s; }\n    .comparison-2026__table-row:nth-child(4).is-visible { transition-delay: 0.24s; }\n    .comparison-2026__table-row:nth-child(5).is-visible { transition-delay: 0.32s; }\n    .comparison-2026__table-row:nth-child(6).is-visible { transition-delay: 0.4s; }\n\n    \/* Reduced Motion *\/\n    @media (prefers-reduced-motion: reduce) {\n        .comparison-2026__table-row {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .comparison-2026__particle,\n        .comparison-2026__orb,\n        .comparison-2026__grid-line {\n            animation: none !important;\n        }\n\n        .comparison-2026__orb {\n            opacity: 0.3;\n        }\n    }\n\n    \/* Mobile Performance - reduce animations *\/\n    @media (max-width: 640px) {\n        .comparison-2026__particle {\n            display: none;\n        }\n\n        .comparison-2026__grid-lines {\n            display: none;\n        }\n\n        .comparison-2026__orb {\n            filter: blur(60px);\n            opacity: 0.2;\n        }\n\n        .comparison-2026__orb--3 {\n            display: none;\n        }\n    }\n<\/style>\n\n<section class=\"comparison-2026 is-rtl\" id=\"comparison\" dir=\"rtl\">\n    <!-- Background layers -->\n    <div class=\"comparison-2026__bg\" aria-hidden=\"true\"><\/div>\n    <div class=\"comparison-2026__overlay\" aria-hidden=\"true\"><\/div>\n\n    <!-- Animated Gradient Orbs -->\n    <div class=\"comparison-2026__orb comparison-2026__orb--1\" aria-hidden=\"true\"><\/div>\n    <div class=\"comparison-2026__orb comparison-2026__orb--2\" aria-hidden=\"true\"><\/div>\n    <div class=\"comparison-2026__orb comparison-2026__orb--3\" aria-hidden=\"true\"><\/div>\n\n    <!-- Floating Particles -->\n    <div class=\"comparison-2026__particles\" aria-hidden=\"true\">\n        <div class=\"comparison-2026__particle comparison-2026__particle--teal\"><\/div>\n        <div class=\"comparison-2026__particle comparison-2026__particle--coral\"><\/div>\n        <div class=\"comparison-2026__particle comparison-2026__particle--teal\"><\/div>\n        <div class=\"comparison-2026__particle comparison-2026__particle--coral\"><\/div>\n        <div class=\"comparison-2026__particle comparison-2026__particle--teal\"><\/div>\n        <div class=\"comparison-2026__particle comparison-2026__particle--coral\"><\/div>\n        <div class=\"comparison-2026__particle comparison-2026__particle--teal\"><\/div>\n        <div class=\"comparison-2026__particle comparison-2026__particle--coral\"><\/div>\n        <div class=\"comparison-2026__particle comparison-2026__particle--teal\"><\/div>\n        <div class=\"comparison-2026__particle comparison-2026__particle--coral\"><\/div>\n    <\/div>\n\n    <!-- Animated Grid Lines -->\n    <div class=\"comparison-2026__grid-lines\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 1200 600\" preserveAspectRatio=\"none\">\n            <line class=\"comparison-2026__grid-line\" x1=\"0\" y1=\"100\" x2=\"1200\" y2=\"100\"\/>\n            <line class=\"comparison-2026__grid-line\" x1=\"0\" y1=\"200\" x2=\"1200\" y2=\"200\"\/>\n            <line class=\"comparison-2026__grid-line\" x1=\"0\" y1=\"300\" x2=\"1200\" y2=\"300\"\/>\n            <line class=\"comparison-2026__grid-line\" x1=\"0\" y1=\"400\" x2=\"1200\" y2=\"400\"\/>\n            <line class=\"comparison-2026__grid-line\" x1=\"0\" y1=\"500\" x2=\"1200\" y2=\"500\"\/>\n            <line class=\"comparison-2026__grid-line\" x1=\"200\" y1=\"0\" x2=\"200\" y2=\"600\"\/>\n            <line class=\"comparison-2026__grid-line\" x1=\"400\" y1=\"0\" x2=\"400\" y2=\"600\"\/>\n            <line class=\"comparison-2026__grid-line\" x1=\"600\" y1=\"0\" x2=\"600\" y2=\"600\"\/>\n            <line class=\"comparison-2026__grid-line\" x1=\"800\" y1=\"0\" x2=\"800\" y2=\"600\"\/>\n            <line class=\"comparison-2026__grid-line\" x1=\"1000\" y1=\"0\" x2=\"1000\" y2=\"600\"\/>\n        <\/svg>\n    <\/div>\n\n    <div class=\"comparison-2026__container\">\n        <!-- Header -->\n        <header class=\"comparison-2026__header\">\n            <div class=\"comparison-2026__badge\">\n                \u0627\u0644\u0645\u0634\u0643\u0644\u0629            <\/div>\n            <h2 class=\"comparison-2026__title\">\n                \u0644\u0645\u0627\u0630\u0627 \u064a\u062a\u0645 \u0631\u0641\u0636 80% \u0645\u0646 \u0627\u0644\u0633\u064a\u0631 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a                 <span class=\"comparison-2026__title-highlight\">\u0641\u0648\u0631\u0627\u064b.<\/span>\n            <\/h2>\n            <p class=\"comparison-2026__subtitle\">\n                \u064a\u0633\u062a\u062e\u062f\u0645 \u0645\u0633\u0624\u0648\u0644\u0648 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0623\u062f\u0648\u0627\u062a \u0643\u0634\u0641 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a. \u0639\u0646\u062f\u0645\u0627 \u064a\u0643\u062a\u0634\u0641\u0648\u0646 \u0645\u0647\u0627\u0631\u0627\u062a \u063a\u064a\u0631 \u062d\u0642\u064a\u0642\u064a\u0629 \u0623\u0648 \u0644\u063a\u0629 &#8220;ChatGPT&#8221; \u0639\u0627\u0645\u0629\u060c \u064a\u0630\u0647\u0628 \u0637\u0644\u0628\u0643 \u0645\u0628\u0627\u0634\u0631\u0629 \u0625\u0644\u0649 \u0633\u0644\u0629 \u0627\u0644\u0645\u0647\u0645\u0644\u0627\u062a.<br>\u0623\u0646\u062a \u0628\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0630\u0643\u0627\u0621 \u062d\u0642\u064a\u0642\u064a\u060c \u0648\u0644\u064a\u0633 \u0645\u062c\u0631\u062f \u0623\u062a\u0645\u062a\u0629.            <\/p>\n        <\/header>\n\n        <!-- Comparison Table -->\n        <div class=\"comparison-2026__table-wrap\">\n            <!-- Table Header -->\n            <div class=\"comparison-2026__table-header\">\n                <div class=\"comparison-2026__table-header-cell\">\n                    \u0627\u0644\u0645\u064a\u0632\u0629                <\/div>\n                <div class=\"comparison-2026__table-header-cell\">\n                    ChatGPT \u0648\u0627\u0644\u0622\u062e\u0631\u0648\u0646                <\/div>\n                <div class=\"comparison-2026__table-header-cell comparison-2026__table-header-cell--accent\">\n                    StylingCV                <\/div>\n            <\/div>\n\n            <!-- Table Rows -->\n                            <div class=\"comparison-2026__table-row comparison-2026__table-row--highlight\">\n                    <div class=\"comparison-2026__table-cell\">\n                        <span class=\"comparison-2026__feature-name\">\n                            \u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a                        <\/span>\n                    <\/div>\n                    <div class=\"comparison-2026__table-cell\">\n                        <span class=\"comparison-2026__cell-text comparison-2026__cell-text--muted\">\n                            \u0631\u0648\u0628\u0648\u062a \u0645\u062d\u0627\u062f\u062b\u0629 \u0639\u0627\u0645                        <\/span>\n                        <span class=\"comparison-2026__icon comparison-2026__icon--x\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                <path d=\"M18 6L6 18M6 6l12 12\"\/>\n                            <\/svg>\n                        <\/span>\n                    <\/div>\n                    <div class=\"comparison-2026__table-cell\">\n                        <span class=\"comparison-2026__cell-text comparison-2026__cell-text--accent\">\n                            11 \u0648\u0643\u064a\u0644 \u0645\u062a\u062e\u0635\u0635                        <\/span>\n                        <span class=\"comparison-2026__icon comparison-2026__icon--check\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                <polyline points=\"20 6 9 17 4 12\"\/>\n                            <\/svg>\n                        <\/span>\n                    <\/div>\n                <\/div>\n                            <div class=\"comparison-2026__table-row comparison-2026__table-row--highlight\">\n                    <div class=\"comparison-2026__table-cell\">\n                        <span class=\"comparison-2026__feature-name\">\n                            \u0645\u0635\u062f\u0631 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a                        <\/span>\n                    <\/div>\n                    <div class=\"comparison-2026__table-cell\">\n                        <span class=\"comparison-2026__cell-text comparison-2026__cell-text--muted\">\n                            \u0628\u064a\u0627\u0646\u0627\u062a \u062a\u062f\u0631\u064a\u0628 \u062b\u0627\u0628\u062a\u0629                        <\/span>\n                        <span class=\"comparison-2026__icon comparison-2026__icon--x\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                <path d=\"M18 6L6 18M6 6l12 12\"\/>\n                            <\/svg>\n                        <\/span>\n                    <\/div>\n                    <div class=\"comparison-2026__table-cell\">\n                        <span class=\"comparison-2026__cell-text comparison-2026__cell-text--accent\">\n                            \u0648\u0638\u0627\u0626\u0641 \u062d\u064a\u0629 (\u0622\u062e\u0631 7 \u0623\u064a\u0627\u0645)                        <\/span>\n                        <span class=\"comparison-2026__icon comparison-2026__icon--check\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                <polyline points=\"20 6 9 17 4 12\"\/>\n                            <\/svg>\n                        <\/span>\n                    <\/div>\n                <\/div>\n                            <div class=\"comparison-2026__table-row comparison-2026__table-row--highlight\">\n                    <div class=\"comparison-2026__table-cell\">\n                        <span class=\"comparison-2026__feature-name\">\n                            \u0627\u0644\u062a\u062d\u0642\u0642                        <\/span>\n                    <\/div>\n                    <div class=\"comparison-2026__table-cell\">\n                        <span class=\"comparison-2026__cell-text comparison-2026__cell-text--muted\">\n                            \u0644\u0627 \u064a\u0648\u062c\u062f                        <\/span>\n                        <span class=\"comparison-2026__icon comparison-2026__icon--x\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                <path d=\"M18 6L6 18M6 6l12 12\"\/>\n                            <\/svg>\n                        <\/span>\n                    <\/div>\n                    <div class=\"comparison-2026__table-cell\">\n                        <span class=\"comparison-2026__cell-text comparison-2026__cell-text--accent\">\n                            Truth Check\u2122 \u0639\u0644\u0649 \u0643\u0644 \u0627\u062f\u0639\u0627\u0621                        <\/span>\n                        <span class=\"comparison-2026__icon comparison-2026__icon--check\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                <polyline points=\"20 6 9 17 4 12\"\/>\n                            <\/svg>\n                        <\/span>\n                    <\/div>\n                <\/div>\n                            <div class=\"comparison-2026__table-row comparison-2026__table-row--highlight\">\n                    <div class=\"comparison-2026__table-cell\">\n                        <span class=\"comparison-2026__feature-name\">\n                            \u062a\u062d\u0633\u064a\u0646 ATS                        <\/span>\n                    <\/div>\n                    <div class=\"comparison-2026__table-cell\">\n                        <span class=\"comparison-2026__cell-text comparison-2026__cell-text--muted\">\n                            \u0645\u0639\u062f\u0644 \u0646\u062c\u0627\u062d \u063a\u064a\u0631 \u0645\u0639\u0631\u0648\u0641                        <\/span>\n                        <span class=\"comparison-2026__icon comparison-2026__icon--x\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                <path d=\"M18 6L6 18M6 6l12 12\"\/>\n                            <\/svg>\n                        <\/span>\n                    <\/div>\n                    <div class=\"comparison-2026__table-cell\">\n                        <span class=\"comparison-2026__cell-text comparison-2026__cell-text--accent\">\n                            \u0645\u0639\u062f\u0644 \u0646\u062c\u0627\u062d \u0645\u062b\u0628\u062a 95%                        <\/span>\n                        <span class=\"comparison-2026__icon comparison-2026__icon--check\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                <polyline points=\"20 6 9 17 4 12\"\/>\n                            <\/svg>\n                        <\/span>\n                    <\/div>\n                <\/div>\n                            <div class=\"comparison-2026__table-row\">\n                    <div class=\"comparison-2026__table-cell\">\n                        <span class=\"comparison-2026__feature-name\">\n                            \u0645\u0637\u0627\u0628\u0642\u0629 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a                        <\/span>\n                    <\/div>\n                    <div class=\"comparison-2026__table-cell\">\n                        <span class=\"comparison-2026__cell-text comparison-2026__cell-text--muted\">\n                            \u0639\u0627\u0645                        <\/span>\n                        <span class=\"comparison-2026__icon comparison-2026__icon--x\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                <path d=\"M18 6L6 18M6 6l12 12\"\/>\n                            <\/svg>\n                        <\/span>\n                    <\/div>\n                    <div class=\"comparison-2026__table-cell\">\n                        <span class=\"comparison-2026__cell-text comparison-2026__cell-text--accent\">\n                            \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0633\u0648\u0642 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a                        <\/span>\n                        <span class=\"comparison-2026__icon comparison-2026__icon--check\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                <polyline points=\"20 6 9 17 4 12\"\/>\n                            <\/svg>\n                        <\/span>\n                    <\/div>\n                <\/div>\n                            <div class=\"comparison-2026__table-row\">\n                    <div class=\"comparison-2026__table-cell\">\n                        <span class=\"comparison-2026__feature-name\">\n                            \u0642\u0648\u0627\u0644\u0628 \u0627\u0644\u0635\u0646\u0627\u0639\u0629                        <\/span>\n                    <\/div>\n                    <div class=\"comparison-2026__table-cell\">\n                        <span class=\"comparison-2026__cell-text comparison-2026__cell-text--muted\">\n                            \u0642\u0648\u0627\u0644\u0628 \u0623\u0633\u0627\u0633\u064a\u0629                        <\/span>\n                        <span class=\"comparison-2026__icon comparison-2026__icon--x\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                <path d=\"M18 6L6 18M6 6l12 12\"\/>\n                            <\/svg>\n                        <\/span>\n                    <\/div>\n                    <div class=\"comparison-2026__table-cell\">\n                        <span class=\"comparison-2026__cell-text comparison-2026__cell-text--accent\">\n                            \u0623\u0643\u062b\u0631 \u0645\u0646 100 \u0642\u0627\u0644\u0628 \u0645\u062a\u062e\u0635\u0635                        <\/span>\n                        <span class=\"comparison-2026__icon comparison-2026__icon--check\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                <polyline points=\"20 6 9 17 4 12\"\/>\n                            <\/svg>\n                        <\/span>\n                    <\/div>\n                <\/div>\n                    <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    if ('IntersectionObserver' in window) {\n        const rows = document.querySelectorAll('.comparison-2026__table-row');\n        \n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('is-visible');\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, {\n            threshold: 0.1,\n            rootMargin: '0px 0px -30px 0px'\n        });\n        \n        rows.forEach(row => observer.observe(row));\n    } else {\n        document.querySelectorAll('.comparison-2026__table-row').forEach(row => {\n            row.classList.add('is-visible');\n        });\n    }\n})();\n<\/script>\n\n\n<style>\n    \/* AI Stand Out Section *\/\n    .hp2026-ai {\n        padding: 120px 0;\n        background: #0a1628;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .hp2026-ai-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 24px;\n    }\n\n    .hp2026-ai-header {\n        text-align: center;\n        margin-bottom: 80px;\n    }\n\n    .hp2026-ai-badge {\n        display: inline-block;\n        font-family: 'Poppins', sans-serif;\n        font-size: 0.75rem;\n        font-weight: 600;\n        letter-spacing: 0.1em;\n        text-transform: uppercase;\n        color: #e8885e;\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        padding: 6px 16px;\n        border-radius: 20px;\n        margin-bottom: 24px;\n        background: rgba(255, 255, 255, 0.03);\n    }\n\n    .hp2026-ai-title {\n        font-family: 'Playfair Display', Georgia, serif;\n        font-size: clamp(2.5rem, 5vw, 4rem);\n        font-weight: 700;\n        color: #ffffff;\n        margin: 0 0 16px 0;\n        line-height: 1.2;\n    }\n\n    .hp2026-ai-title .highlight {\n        color: #e8885e;\n    }\n\n    .hp2026-ai-subtitle {\n        font-family: 'Poppins', sans-serif;\n        font-size: clamp(1rem, 2vw, 1.125rem);\n        color: #94a3b8;\n        max-width: 800px;\n        margin: 0 auto;\n        line-height: 1.7;\n    }\n\n    .hp2026-ai-subtitle br {\n        display: none;\n    }\n\n    @media (min-width: 768px) {\n        .hp2026-ai-subtitle br {\n            display: block;\n        }\n    }\n\n    \/* Globe Visualization *\/\n    .hp2026-ai-visual {\n        position: relative;\n        height: 600px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .hp2026-ai-globe {\n        position: relative;\n        width: 260px;\n        height: 260px;\n        z-index: 5;\n    }\n\n    .hp2026-ai-globe-core {\n        position: absolute;\n        inset: 0;\n        border-radius: 50%;\n        background: radial-gradient(circle at 50% 50%, rgba(38, 133, 153, 0.25) 0%, rgba(22, 52, 76, 0.95) 70%);\n        border: 1px solid rgba(38, 133, 153, 0.5);\n        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-family: 'Playfair Display', Georgia, serif;\n        font-size: 4rem;\n        font-weight: 700;\n        letter-spacing: -1px;\n        color: #268599;\n        animation: pulse-globe 4s ease-in-out infinite;\n    }\n\n    @keyframes pulse-globe {\n        0%,\n        100% {\n            transform: scale(1);\n            opacity: 1;\n        }\n\n        50% {\n            transform: scale(1.02);\n            opacity: 0.9;\n        }\n    }\n\n    .hp2026-ai-globe-ring {\n        position: absolute;\n        inset: -20px;\n        border: 1px solid rgba(38, 133, 153, 0.25);\n        border-radius: 50%;\n        animation: rotate-ring 20s linear infinite;\n    }\n\n    .hp2026-ai-globe-ring:nth-child(2) {\n        inset: -40px;\n        border-color: rgba(232, 136, 94, 0.15);\n        animation-duration: 25s;\n        animation-direction: reverse;\n    }\n\n    .hp2026-ai-globe-ring:nth-child(3) {\n        inset: -60px;\n        border-color: rgba(38, 133, 153, 0.1);\n        animation-duration: 30s;\n    }\n\n    @keyframes rotate-ring {\n        from {\n            transform: rotateZ(0deg) rotateX(60deg);\n        }\n\n        to {\n            transform: rotateZ(360deg) rotateX(60deg);\n        }\n    }\n\n    \/* Agent Labels *\/\n    .hp2026-ai-agents {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n        \n        \/* Ellipse dimensions *\/\n        --radius-x: 420px;\n        --radius-y: 220px;\n    }\n\n    .hp2026-ai-agent {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 0;\n        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), z-index 0s;\n        pointer-events: auto;\n        z-index: 10;\n        \n        transform: translate(\n            calc(-50% + var(--tx) * var(--radius-x)), \n            calc(-50% + var(--ty) * var(--radius-y))\n        );\n    }\n\n    .hp2026-ai-agent:hover {\n        transform: translate(\n            calc(-50% + var(--tx) * var(--radius-x)), \n            calc(-50% + var(--ty) * var(--radius-y))\n        ) scale(1.1);\n        z-index: 20;\n    }\n\n    .hp2026-ai-agent-avatar {\n        width: 72px;\n        height: 72px;\n        background: rgba(30, 41, 59, 0.9);\n        border: 1px solid rgba(38, 133, 153, 0.4);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);\n        transition: all 0.3s ease;\n        position: relative;\n        z-index: 1;\n    }\n\n    .hp2026-ai-agent:hover .hp2026-ai-agent-avatar {\n        border-color: rgba(38, 133, 153, 0.7);\n        box-shadow: 0 8px 28px rgba(0, 0, 0, 0.4);\n        transform: translateY(-2px);\n    }\n\n    .hp2026-ai-agent-icon {\n        width: 40px;\n        height: 40px;\n        object-fit: contain;\n        transition: transform 0.3s ease;\n    }\n\n    .hp2026-ai-agent:hover .hp2026-ai-agent-icon {\n        transform: scale(1.08);\n    }\n\n    .hp2026-ai-agent-badge {\n        margin-top: 8px;\n        padding: 6px 14px;\n        background: rgba(22, 52, 76, 0.95);\n        border: 1px solid rgba(38, 133, 153, 0.35);\n        border-radius: 20px;\n        font-family: 'Poppins', sans-serif;\n        font-size: 0.75rem;\n        font-weight: 600;\n        color: #e2e8f0;\n        white-space: nowrap;\n        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);\n        transition: all 0.3s ease;\n    }\n\n    .hp2026-ai-agent:hover .hp2026-ai-agent-badge {\n        background: rgba(38, 133, 153, 0.2);\n        border-color: rgba(38, 133, 153, 0.6);\n        color: #ffffff;\n    }\n\n    @media (max-width: 1024px) {\n        .hp2026-ai-visual {\n            height: 550px;\n        }\n        .hp2026-ai-agents {\n            --radius-x: 320px;\n            --radius-y: 200px;\n        }\n        .hp2026-ai-agent {\n            gap: 8px;\n        }\n        .hp2026-ai-agent-avatar {\n            width: 54px;\n            height: 54px;\n        }\n        .hp2026-ai-agent-icon {\n            width: 28px;\n            height: 28px;\n        }\n        .hp2026-ai-agent-badge {\n            font-size: 0.7rem;\n            padding: 4px 12px;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .hp2026-ai-visual {\n            height: 500px;\n        }\n        .hp2026-ai-agents {\n            --radius-x: 220px;\n            --radius-y: 200px;\n        }\n        .hp2026-ai-globe {\n            width: 200px;\n            height: 200px;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .hp2026-ai-visual {\n            height: 580px;\n        }\n        .hp2026-ai-agents {\n            --radius-x: 130px;\n            --radius-y: 240px; \/* Taller on mobile to avoid overlap *\/\n        }\n        .hp2026-ai-agent {\n            gap: 6px;\n        }\n        .hp2026-ai-agent-avatar {\n            width: 44px;\n            height: 44px;\n        }\n        .hp2026-ai-agent-icon {\n            width: 24px;\n            height: 24px;\n        }\n        .hp2026-ai-agent-badge {\n            font-size: 0.65rem;\n            padding: 4px 10px;\n        }\n    }\n<\/style>\n\n<section class=\"hp2026-ai\" id=\"ai-standout-2026\">\n    <div class=\"hp2026-ai-container\">\n        <!-- Header -->\n        <div class=\"hp2026-ai-header\">\n            <div class=\"hp2026-ai-badge\">\n                \u0627\u0644\u0633\u0631 \u0627\u0644\u0645\u0647\u0646\u064a            <\/div>\n            <h2 class=\"hp2026-ai-title\">\n                \u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0645\u062c\u0644\u0633 \u0625\u062f\u0627\u0631\u062a\u0643 \u0627\u0644\u0645\u0647\u0646\u064a                 <span class=\"highlight\">\u0627\u0644\u0634\u062e\u0635\u064a.<\/span>\n                            <\/h2>\n            <p class=\"hp2026-ai-subtitle\">\n                \u0646\u062d\u0646 \u0644\u0627 \u0646\u0633\u062a\u062e\u062f\u0645 \u0631\u0648\u0628\u0648\u062a \u0645\u062d\u0627\u062f\u062b\u0629 \u0639\u0627\u0645. \u0646\u062d\u0646 \u0646\u0633\u062a\u062e\u062f\u0645 11 \u0648\u0643\u064a\u0644 \u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0645\u062a\u062e\u0635\u0635 \u064a\u062a\u0639\u0627\u0648\u0646\u0648\u0646 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u0644\u0647\u0646\u062f\u0633\u0629 \u0633\u064a\u0631\u062a\u0643 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0627\u0644\u0645\u062b\u0627\u0644\u064a\u0629.            <\/p>\n        <\/div>\n\n        <!-- Globe Visualization -->\n        <div class=\"hp2026-ai-visual\">\n            <div class=\"hp2026-ai-globe\">\n                <div class=\"hp2026-ai-globe-ring\"><\/div>\n                <div class=\"hp2026-ai-globe-ring\"><\/div>\n                <div class=\"hp2026-ai-globe-ring\"><\/div>\n                <div class=\"hp2026-ai-globe-core\">CV<\/div>\n            <\/div>\n\n            <!-- Agent Labels -->\n            <div class=\"hp2026-ai-agents\">\n                                    <div class=\"hp2026-ai-agent\" style=\"--tx: 0; --ty: -1;\">\n                        <div class=\"hp2026-ai-agent-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/themes\/softing-child\/assets\/images\/ai-agents\/agent-ats.png\" alt=\"\u0645\u062d\u0644\u0644 ATS\" class=\"hp2026-ai-agent-icon\" \/>\n                        <\/div>\n                        <div class=\"hp2026-ai-agent-badge\">\n                            \u0645\u062d\u0644\u0644 ATS                        <\/div>\n                    <\/div>\n                                    <div class=\"hp2026-ai-agent\" style=\"--tx: 0.5406; --ty: -0.8413;\">\n                        <div class=\"hp2026-ai-agent-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/themes\/softing-child\/assets\/images\/ai-agents\/agent-orchestrator.png\" alt=\"\u0645\u0646\u0633\u0642 \u0627\u0644\u0645\u0647\u0627\u0645\" class=\"hp2026-ai-agent-icon\" \/>\n                        <\/div>\n                        <div class=\"hp2026-ai-agent-badge\">\n                            \u0645\u0646\u0633\u0642 \u0627\u0644\u0645\u0647\u0627\u0645                        <\/div>\n                    <\/div>\n                                    <div class=\"hp2026-ai-agent\" style=\"--tx: 0.9096; --ty: -0.4154;\">\n                        <div class=\"hp2026-ai-agent-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/themes\/softing-child\/assets\/images\/ai-agents\/agent-writer.png\" alt=\"\u0627\u0644\u0643\u0627\u062a\u0628\" class=\"hp2026-ai-agent-icon\" \/>\n                        <\/div>\n                        <div class=\"hp2026-ai-agent-badge\">\n                            \u0627\u0644\u0643\u0627\u062a\u0628                        <\/div>\n                    <\/div>\n                                    <div class=\"hp2026-ai-agent\" style=\"--tx: 0.9898; --ty: 0.1423;\">\n                        <div class=\"hp2026-ai-agent-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/themes\/softing-child\/assets\/images\/ai-agents\/agent-truth-check.png\" alt=\"\u0645\u062f\u0642\u0642 \u0627\u0644\u062d\u0642\u0627\u0626\u0642\" class=\"hp2026-ai-agent-icon\" \/>\n                        <\/div>\n                        <div class=\"hp2026-ai-agent-badge\">\n                            \u0645\u062f\u0642\u0642 \u0627\u0644\u062d\u0642\u0627\u0626\u0642                        <\/div>\n                    <\/div>\n                                    <div class=\"hp2026-ai-agent\" style=\"--tx: 0.7557; --ty: 0.6549;\">\n                        <div class=\"hp2026-ai-agent-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/themes\/softing-child\/assets\/images\/ai-agents\/agent-formatter.png\" alt=\"\u0627\u0644\u0645\u0646\u0633\u0642\" class=\"hp2026-ai-agent-icon\" \/>\n                        <\/div>\n                        <div class=\"hp2026-ai-agent-badge\">\n                            \u0627\u0644\u0645\u0646\u0633\u0642                        <\/div>\n                    <\/div>\n                                    <div class=\"hp2026-ai-agent\" style=\"--tx: 0.2817; --ty: 0.9595;\">\n                        <div class=\"hp2026-ai-agent-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/themes\/softing-child\/assets\/images\/ai-agents\/agent-market-scout.png\" alt=\"\u0645\u0643\u062a\u0634\u0641 \u0627\u0644\u0633\u0648\u0642\" class=\"hp2026-ai-agent-icon\" \/>\n                        <\/div>\n                        <div class=\"hp2026-ai-agent-badge\">\n                            \u0645\u0643\u062a\u0634\u0641 \u0627\u0644\u0633\u0648\u0642                        <\/div>\n                    <\/div>\n                                    <div class=\"hp2026-ai-agent\" style=\"--tx: -0.2817; --ty: 0.9595;\">\n                        <div class=\"hp2026-ai-agent-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/themes\/softing-child\/assets\/images\/ai-agents\/agent-architect.png\" alt=\"\u0627\u0644\u0645\u0647\u0646\u062f\u0633\" class=\"hp2026-ai-agent-icon\" \/>\n                        <\/div>\n                        <div class=\"hp2026-ai-agent-badge\">\n                            \u0627\u0644\u0645\u0647\u0646\u062f\u0633                        <\/div>\n                    <\/div>\n                                    <div class=\"hp2026-ai-agent\" style=\"--tx: -0.7557; --ty: 0.6549;\">\n                        <div class=\"hp2026-ai-agent-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/themes\/softing-child\/assets\/images\/ai-agents\/agent-market-aligned.png\" alt=\"\u0645\u0648\u0627\u0621\u0645\u0629 \u0627\u0644\u0633\u0648\u0642\" class=\"hp2026-ai-agent-icon\" \/>\n                        <\/div>\n                        <div class=\"hp2026-ai-agent-badge\">\n                            \u0645\u0648\u0627\u0621\u0645\u0629 \u0627\u0644\u0633\u0648\u0642                        <\/div>\n                    <\/div>\n                                    <div class=\"hp2026-ai-agent\" style=\"--tx: -0.9898; --ty: 0.1423;\">\n                        <div class=\"hp2026-ai-agent-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/themes\/softing-child\/assets\/images\/ai-agents\/agent-verified-skills.png\" alt=\"\u0645\u0647\u0627\u0631\u0627\u062a \u0645\u0648\u062b\u0642\u0629\" class=\"hp2026-ai-agent-icon\" \/>\n                        <\/div>\n                        <div class=\"hp2026-ai-agent-badge\">\n                            \u0645\u0647\u0627\u0631\u0627\u062a \u0645\u0648\u062b\u0642\u0629                        <\/div>\n                    <\/div>\n                                    <div class=\"hp2026-ai-agent\" style=\"--tx: -0.9096; --ty: -0.4154;\">\n                        <div class=\"hp2026-ai-agent-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/themes\/softing-child\/assets\/images\/ai-agents\/agent-translator.png\" alt=\"\u0627\u0644\u0645\u062a\u0631\u062c\u0645\" class=\"hp2026-ai-agent-icon\" \/>\n                        <\/div>\n                        <div class=\"hp2026-ai-agent-badge\">\n                            \u0627\u0644\u0645\u062a\u0631\u062c\u0645                        <\/div>\n                    <\/div>\n                                    <div class=\"hp2026-ai-agent\" style=\"--tx: -0.5406; --ty: -0.8413;\">\n                        <div class=\"hp2026-ai-agent-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/themes\/softing-child\/assets\/images\/ai-agents\/agent-interrogator.png\" alt=\"\u0627\u0644\u0645\u0633\u062a\u062c\u0648\u0628\" class=\"hp2026-ai-agent-icon\" \/>\n                        <\/div>\n                        <div class=\"hp2026-ai-agent-badge\">\n                            \u0627\u0644\u0645\u0633\u062a\u062c\u0648\u0628                        <\/div>\n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<section class=\"ats-optimization scv-section\" id=\"ats-optimization\" dir=\"rtl\">\n    <div class=\"scv-section-bg\"><\/div>\n\n    <div class=\"ats-wave-bg\">\n        <svg viewBox=\"0 0 1440 320\" preserveAspectRatio=\"none\">\n            <path fill=\"none\" stroke=\"#268599\" strokeWidth=\"1\"\n                d=\"M0,160 C320,220 420,100 720,160 C1020,220 1120,100 1440,160\" opacity=\"0.5\" \/>\n            <path fill=\"none\" stroke=\"#268599\" strokeWidth=\"1\"\n                d=\"M0,200 C320,260 420,140 720,200 C1020,260 1120,140 1440,200\" opacity=\"0.3\" \/>\n            <path fill=\"none\" stroke=\"#268599\" strokeWidth=\"1\"\n                d=\"M0,240 C320,300 420,180 720,240 C1020,300 1120,180 1440,240\" opacity=\"0.2\" \/>\n        <\/svg>\n    <\/div>\n\n    <div class=\"scv-container\">\n        <div class=\"ats-grid\">\n            <div class=\"ats-content\">\n                <div class=\"scv-pill\">\n                    <i data-lucide=\"zap\" class=\"scv-pill-icon\"><\/i>\n                    <span>\u0623\u062f\u0648\u0627\u062a \u0645\u062a\u0642\u062f\u0645\u0629<\/span>\n                <\/div>\n\n                <h2 class=\"scv-title\">\n                    \u062a\u0648\u0642\u0641 \u0639\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 ChatGPT <span class=\"scv-text-gradient\">\u0644\u0633\u064a\u0631\u062a\u0643 \u0627\u0644\u0630\u0627\u062a\u064a\u0629<\/span>\n                <\/h2>\n\n                <p class=\"scv-subtitle\">\n                    \u0633\u064a\u0631\u062a\u0643 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u062a\u062d\u062a\u0627\u062c \u0628\u064a\u0627\u0646\u0627\u062a \u0633\u0648\u0642 \u062d\u0642\u064a\u0642\u064a\u0629\u060c \u0648\u0644\u064a\u0633 \u0645\u062e\u0631\u062c\u0627\u062a \u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0639\u0627\u0645\u0629. \u0645\u0646\u0635\u062a\u0646\u0627 \u062a\u062d\u0644\u0644 \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0645\u0646 \u0622\u062e\u0631 7 \u0623\u064a\u0627\u0645\u060c \u0648\u062a\u062a\u062d\u0642\u0642 \u0645\u0646 \u0645\u0647\u0627\u0631\u0627\u062a\u0643 \u0645\u0642\u0627\u0628\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u062d\u0642\u064a\u0642\u064a\u0629\u060c \u0648\u062a\u0646\u0634\u0626 \u0648\u0635\u0641\u0629 \u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u062a\u0646\u0627\u0633\u0628 \u062f\u0648\u0631\u0643 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641 \u062a\u0645\u0627\u0645\u0627\u064b.                <\/p>\n\n                <div class=\"ats-features\">\n                    <div class=\"ats-feature-item\">\n                        <div class=\"ats-feature-icon\"><i data-lucide=\"trending-up\"><\/i><\/div>\n                        <span class=\"ats-feature-text\">\u062a\u062d\u0644\u064a\u0644 \u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a<\/span>\n                    <\/div>\n                    <div class=\"ats-feature-item\">\n                        <div class=\"ats-feature-icon\"><i data-lucide=\"file-check\"><\/i><\/div>\n                        <span class=\"ats-feature-text\">\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u0630\u0643\u064a\u0629<\/span>\n                    <\/div>\n                    <div class=\"ats-feature-item\">\n                        <div class=\"ats-feature-icon\"><i data-lucide=\"user-check\"><\/i><\/div>\n                        <span class=\"ats-feature-text\">\u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a<\/span>\n                    <\/div>\n                    <div class=\"ats-feature-item\">\n                        <div class=\"ats-feature-icon\"><i data-lucide=\"badge-check\"><\/i><\/div>\n                        <span class=\"ats-feature-text\">\u062a\u0648\u0635\u064a\u0627\u062a \u0645\u062f\u0639\u0648\u0645\u0629 \u0628\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a<\/span>\n                    <\/div>\n                <\/div>\n\n                <a href=\"https:\/\/ai.stylingcv.com\/ar-SA\/auth\/register?utm_source=stylingcv&utm_medium=website&utm_campaign=cta&utm_content=home\" class=\"btn-primary\">\u062c\u0631\u0628 \u0645\u0646\u0634\u0626 \u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0627\u0644\u0630\u0643\u064a<\/a>\n            <\/div>\n\n            <div class=\"ats-visualization\">\n                <div class=\"ats-score-card\">\n                    <div class=\"ats-score-header\">\n                        <h3 class=\"ats-score-title\">\u0646\u0642\u0627\u0637 \u062a\u0637\u0627\u0628\u0642 \u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629<\/h3>\n                        <span class=\"ats-score-value\">98%<\/span>\n                    <\/div>\n\n                    <div class=\"ats-progress-item\">\n                        <div class=\"ats-progress-header\">\n                            <span>\u0627\u0644\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0627\u0644\u0633\u0648\u0642<\/span>\n                            <span>95%<\/span>\n                        <\/div>\n                        <div class=\"ats-progress-track\">\n                            <div class=\"ats-progress-fill\" style=\"width: 95%\"><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"ats-progress-item\">\n                        <div class=\"ats-progress-header\">\n                            <span>\u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u064f\u062a\u062d\u0642\u0642 \u0645\u0646\u0647\u0627<\/span>\n                            <span>100%<\/span>\n                        <\/div>\n                        <div class=\"ats-progress-track\">\n                            <div class=\"ats-progress-fill\" style=\"width: 100%\"><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"ats-progress-item\">\n                        <div class=\"ats-progress-header\">\n                            <span>\u0641\u062d\u0635 \u0627\u0644\u0635\u062f\u0642<\/span>\n                            <span>97%<\/span>\n                        <\/div>\n                        <div class=\"ats-progress-track\">\n                            <div class=\"ats-progress-fill\" style=\"width: 97%\"><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"ats-progress-item\">\n                        <div class=\"ats-progress-header\">\n                            <span>\u062e\u0637\u0627\u0628 \u062a\u063a\u0637\u064a\u0629 \u0645\u062e\u0635\u0635<\/span>\n                            <span>99%<\/span>\n                        <\/div>\n                        <div class=\"ats-progress-track\">\n                            <div class=\"ats-progress-fill\" style=\"width: 99%\"><\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"ats-badges-section\">\n                        <div class=\"ats-badges-grid\">\n                            <div class=\"ats-badge-item\">\n                                <img decoding=\"async\" src=\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/themes\/softing-child\/assets\/images\/truth-check.svg\" alt=\"\u0641\u062d\u0635 \u0627\u0644\u0635\u062f\u0642\" \/>\n                                <span>\u0641\u062d\u0635 \u0627\u0644\u0635\u062f\u0642<\/span>\n                            <\/div>\n                            <div class=\"ats-badge-item\">\n                                <img decoding=\"async\" src=\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/themes\/softing-child\/assets\/images\/verify-skills.svg\" alt=\"\u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u064f\u062a\u062d\u0642\u0642 \u0645\u0646\u0647\u0627\" \/>\n                                <span>\u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u064f\u062a\u062d\u0642\u0642 \u0645\u0646\u0647\u0627<\/span>\n                            <\/div>\n                            <div class=\"ats-badge-item\">\n                                <img decoding=\"async\" src=\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/themes\/softing-child\/assets\/images\/market-align.svg\" alt=\"\u0627\u0644\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0627\u0644\u0633\u0648\u0642\" \/>\n                                <span>\u0627\u0644\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0627\u0644\u0633\u0648\u0642<\/span>\n                            <\/div>\n                            <div class=\"ats-badge-item\">\n                                <img decoding=\"async\" src=\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/themes\/softing-child\/assets\/images\/by-stylingcv-check.svg\" alt=\"ATS\" \/>\n                                <span>ATS<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"ats-powered\">\n                            <i data-lucide=\"zap\"><\/i>\n                            <span>\u0645\u062f\u0639\u0648\u0645 \u0645\u0646 <strong>StylingCV<\/strong><\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"ats-check-decoration\"><i data-lucide=\"check\"><\/i><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    .hp2026-success-stats {\n        padding: 110px 0 120px;\n        background:\n            radial-gradient(circle at 50% -8%, rgba(232, 136, 94, 0.11) 0%, transparent 28%),\n            radial-gradient(circle at 50% 115%, rgba(38, 133, 153, 0.18) 0%, transparent 35%),\n            linear-gradient(180deg, #152a32 0%, #122129 100%);\n        position: relative;\n        overflow: hidden;\n        color: #ffffff;\n        text-align: center;\n    }\n\n    .hp2026-success-stats::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image:\n            linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),\n            linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);\n        background-size: 48px 48px;\n        opacity: 0.2;\n        pointer-events: none;\n    }\n\n    .hp2026-success-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 24px;\n        position: relative;\n        z-index: 2;\n    }\n\n    .hp2026-success-results {\n        margin-bottom: 88px;\n    }\n\n    .hp2026-success-results-badge {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        min-height: 40px;\n        padding: 8px 18px;\n        margin-bottom: 28px;\n        border-radius: 999px;\n        border: 1px solid rgba(255, 255, 255, 0.12);\n        background: rgba(255, 255, 255, 0.05);\n        color: #daa579;\n        font-family: 'Poppins', sans-serif;\n        font-size: 0.75rem;\n        font-weight: 600;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);\n    }\n\n    .hp2026-success-results-title {\n        margin: 0 auto 36px;\n        max-width: 980px;\n        color: #ffffff;\n        font-family: 'Playfair Display', Georgia, serif;\n        font-size: clamp(2.5rem, 5vw, 4rem);\n        font-weight: 700;\n        line-height: 1.14;\n        text-wrap: balance;\n    }\n\n    .hp2026-success-results-title-highlight {\n        color: #e8885e;\n    }\n\n    .hp2026-success-results-grid {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 18px;\n        max-width: 760px;\n        margin: 0 auto 34px;\n    }\n\n    .hp2026-success-results-card {\n        padding: 28px 20px 22px;\n        border-radius: 16px;\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        background: rgba(255, 255, 255, 0.05);\n        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);\n    }\n\n    .hp2026-success-results-value {\n        margin-bottom: 10px;\n        color: #e8885e;\n\n        font-size: clamp(2rem, 4vw, 2.75rem);\n        font-weight: 700;\n        line-height: 1;\n    }\n\n    .hp2026-success-results-label {\n        color: rgba(255, 255, 255, 0.68);\n\n        font-size: 0.8125rem;\n        font-weight: 500;\n        line-height: 1.5;\n    }\n\n    .hp2026-success-results-proof {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        max-width: min(100%, 560px);\n        padding: 14px 24px;\n        border-radius: 999px;\n        border: 1px solid rgba(232, 136, 94, 0.14);\n        background: rgba(43, 36, 36, 0.78);\n        color: rgba(255, 255, 255, 0.84);\n        font-family: 'Poppins', sans-serif;\n        font-size: 0.875rem;\n        line-height: 1.5;\n        box-shadow: 0 14px 35px rgba(0, 0, 0, 0.2);\n    }\n\n    .hp2026-success-results-proof strong {\n        color: #e8885e;\n        font-weight: 700;\n    }\n\n    .hp2026-success-main {\n        max-width: 900px;\n        margin: 0 auto;\n    }\n\n    .hp2026-success-title {\n\n        font-size: clamp(2.5rem, 5vw, 4.5rem);\n        font-weight: 700;\n        line-height: 1.1;\n        margin-bottom: 24px;\n        color: #ffffff;\n    }\n\n    .hp2026-success-stat-number {\n        color: #268599;\n        font-style: italic;\n        margin-inline-end: 10px;\n    }\n\n    [dir=\"rtl\"] .hp2026-success-stat-number {\n        margin-inline-end: 0;\n        margin-inline-start: 10px;\n    }\n\n    .hp2026-success-subtitle-wrapper {\n\n        font-size: 1.5rem;\n        font-style: italic;\n        color: rgba(255, 255, 255, 0.9);\n        margin-bottom: 32px;\n    }\n\n    .hp2026-success-highlight {\n        color: #e8885e;\n        font-weight: 600;\n    }\n\n    .hp2026-success-desc {\n\n        font-size: 1rem;\n        color: #94a3b8;\n        line-height: 1.6;\n        max-width: 700px;\n        margin: 0 auto 48px;\n    }\n\n    .hp2026-success-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        padding: 16px 40px;\n        background: linear-gradient(135deg, #268599 0%, #618480 50%, #e8885e 100%);\n        border-radius: 50px;\n        color: #ffffff;\n\n        font-weight: 600;\n        text-decoration: none;\n        transition: transform 0.3s, box-shadow 0.3s;\n        box-shadow: 0 10px 25px rgba(38, 133, 153, 0.3);\n    }\n\n    .hp2026-success-btn:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 15px 35px rgba(38, 133, 153, 0.45);\n    }\n\n    .hp2026-success-btn svg {\n        width: 18px;\n        height: 18px;\n        stroke: currentColor;\n    }\n\n    .hp2026-success-note {\n\n        font-size: 0.75rem;\n        color: rgba(255, 255, 255, 0.5);\n        margin-top: 24px;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n    }\n\n    [dir=\"rtl\"] .hp2026-success-btn svg {\n        transform: scaleX(-1);\n    }\n\n    @media (max-width: 768px) {\n        .hp2026-success-stats {\n            padding: 88px 0 96px;\n        }\n\n        .hp2026-success-results {\n            margin-bottom: 64px;\n        }\n\n        .hp2026-success-results-grid {\n            grid-template-columns: 1fr;\n            max-width: 360px;\n        }\n\n        .hp2026-success-results-proof {\n            border-radius: 20px;\n            padding: 14px 18px;\n        }\n\n        .hp2026-success-title {\n            font-size: 2.5rem;\n        }\n    }\n<\/style>\n\n<section class=\"hp2026-success-stats\">\n    <div class=\"hp2026-success-container\">\n        <div class=\"hp2026-success-results\">\n            <div class=\"hp2026-success-results-badge\">\n                \u0646\u062a\u0627\u0626\u062c \u0645\u062b\u0628\u062a\u0629            <\/div>\n\n            <h2 class=\"hp2026-success-results-title\">\n                6 \u0645\u0644\u0627\u064a\u064a\u0646 \u0645\u0633\u064a\u0631\u0629 \u0645\u0647\u0646\u064a\u0629                 <span class=\"hp2026-success-results-title-highlight\">\u062a\u0633\u0627\u0631\u0639\u062a.<\/span>\n                \u062f\u0648\u0631\u0643 \u0627\u0644\u062a\u0627\u0644\u064a.            <\/h2>\n\n            <div class=\"hp2026-success-results-grid\">\n                                    <div class=\"hp2026-success-results-card\">\n                        <div class=\"hp2026-success-results-value\">6,142,847<\/div>\n                        <div class=\"hp2026-success-results-label\">\u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u062a\u0645 \u0625\u0646\u0634\u0627\u0624\u0647\u0627<\/div>\n                    <\/div>\n                                    <div class=\"hp2026-success-results-card\">\n                        <div class=\"hp2026-success-results-value\">95%<\/div>\n                        <div class=\"hp2026-success-results-label\">\u0646\u0633\u0628\u0629 \u0627\u062c\u062a\u064a\u0627\u0632 ATS<\/div>\n                    <\/div>\n                                    <div class=\"hp2026-success-results-card\">\n                        <div class=\"hp2026-success-results-value\">4.9\/5<\/div>\n                        <div class=\"hp2026-success-results-label\">\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646<\/div>\n                    <\/div>\n                            <\/div>\n\n            <div class=\"hp2026-success-results-proof\">\n                <span aria-hidden=\"true\">\ud83d\udd25<\/span>\n                <span>\n                    <strong>3,118<\/strong>\n                    \u0645\u062d\u062a\u0631\u0641\u0627\u064b \u062d\u0635\u0644\u0648\u0627 \u0639\u0644\u0649 \u0645\u0642\u0627\u0628\u0644\u0627\u062a \u0647\u0630\u0627 \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0647\u0630\u0647 \u0627\u0644\u0642\u0648\u0627\u0644\u0628.                <\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"hp2026-success-main\">\n            <h2 class=\"hp2026-success-title\">\n                <span class=\"hp2026-success-stat-number\">\n                    93%                <\/span>\n                \u0645\u0646 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0646\u062c\u062d\u0648\u0627 \u0641\u064a \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 <br class=\"d-none d-md-block\">\n                \u0648\u0638\u0627\u0626\u0641 \u062c\u062f\u064a\u062f\u0629            <\/h2>\n\n            <div class=\"hp2026-success-subtitle-wrapper\">\n                \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645                <span class=\"hp2026-success-highlight\">\n                    \u0642\u0648\u0627\u0644\u0628\u0646\u0627 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.                <\/span>\n            <\/div>\n\n            <p class=\"hp2026-success-desc\">\n                \u0644\u0627 \u062a\u062f\u0639 \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0627\u0644\u0633\u064a\u0626 \u064a\u0639\u064a\u0642\u0643. \u0627\u0646\u0636\u0645 \u0644\u0645\u0644\u0627\u064a\u064a\u0646 \u0627\u0644\u0628\u0627\u062d\u062b\u064a\u0646 \u0639\u0646 \u0639\u0645\u0644 \u0627\u0644\u0646\u0627\u062c\u062d\u064a\u0646 \u0627\u0644\u0630\u064a\u0646 \u0627\u0633\u062a\u062e\u062f\u0645\u0648\u0627 StylingCV \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0648\u0638\u0627\u0626\u0641 \u0623\u062d\u0644\u0627\u0645\u0647\u0645.            <\/p>\n\n            <a href=\"https:\/\/ai.stylingcv.com\/auth\/register?utm_source=stylingcv&utm_medium=website&utm_campaign=cta&utm_content=home\" class=\"hp2026-success-btn\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"margin-right: 8px;\">\n                    <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\" \/>\n                <\/svg>\n                \u0623\u0646\u0634\u0626 \u0633\u064a\u0631\u062a\u0643 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0645\u062c\u0627\u0646\u0627\u064b                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"margin-left: 8px;\">\n                    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                    <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                <\/svg>\n            <\/a>\n\n            <p class=\"hp2026-success-note\">\n                \u0644\u0627 \u0628\u0637\u0627\u0642\u0629 \u0627\u0626\u062a\u0645\u0627\u0646 \u0645\u0637\u0644\u0648\u0628\u0629 \u2022 100% \u0645\u062c\u0627\u0646\u064a \u0644\u0644\u0628\u062f\u0621 \u2022 \u0645\u062f\u0639\u0648\u0645 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a            <\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* =========================================\n   INSTALL APP SECTION \u2014 Premium PWA Block\n   ========================================= *\/\n.hp2026-install {\n    position: relative;\n    padding: 100px 0;\n    background: linear-gradient(160deg, #1a3a4f 0%, #16344c 40%, #19384f 100%);\n    overflow: hidden;\n}\n\n\/* Subtle ambient glow *\/\n.hp2026-install::before {\n    content: '';\n    position: absolute;\n    top: -200px;\n    right: -100px;\n    width: 600px;\n    height: 600px;\n    background: radial-gradient(circle, rgba(38,133,153,0.08) 0%, transparent 70%);\n    pointer-events: none;\n}\n.hp2026-install::after {\n    content: '';\n    position: absolute;\n    bottom: -150px;\n    left: -100px;\n    width: 500px;\n    height: 500px;\n    background: radial-gradient(circle, rgba(232,136,94,0.06) 0%, transparent 70%);\n    pointer-events: none;\n}\n\n\/* Decorative sparkle *\/\n.hp2026-install-sparkle {\n    position: absolute;\n    top: 40px;\n    right: 60px;\n    width: 40px;\n    height: 40px;\n    opacity: 0.15;\n    animation: hp2026-install-spin 12s linear infinite;\n}\n@keyframes hp2026-install-spin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n.hp2026-install-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 2rem;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 4rem;\n    align-items: center;\n}\n\n\/* ---- LEFT COLUMN (Text + CTA) ---- *\/\n.hp2026-install-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(38,133,153,0.15);\n    border: 1px solid rgba(38,133,153,0.3);\n    border-radius: 50px;\n    padding: 8px 20px;\n    font-family: 'Poppins', sans-serif;\n    font-size: 0.8125rem;\n    font-weight: 500;\n    color: #5cd6d6;\n    margin-bottom: 28px;\n}\n\n.hp2026-install-title {\n    font-family: 'Playfair Display', Georgia, serif;\n    font-size: clamp(2rem, 4vw, 2.75rem);\n    font-weight: 700;\n    line-height: 1.2;\n    color: #ffffff;\n    margin: 0 0 20px 0;\n}\n.hp2026-install-title span {\n    background: linear-gradient(135deg, #e8885e 0%, #daa579 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n\n.hp2026-install-subtitle {\n    font-family: 'Poppins', sans-serif;\n    font-size: 1rem;\n    line-height: 1.7;\n    color: #94a3b8;\n    margin: 0 0 32px 0;\n    max-width: 520px;\n}\n\n\/* Feature pills *\/\n.hp2026-install-features {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-bottom: 28px;\n}\n.hp2026-install-feat {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(38,133,153,0.1);\n    border: 1px solid rgba(38,133,153,0.2);\n    border-radius: 50px;\n    padding: 10px 20px;\n    font-family: 'Poppins', sans-serif;\n    font-size: 0.8125rem;\n    font-weight: 500;\n    color: #cbd5e1;\n    transition: border-color 0.3s ease, background 0.3s ease;\n}\n.hp2026-install-feat:hover {\n    border-color: rgba(38,133,153,0.5);\n    background: rgba(38,133,153,0.15);\n}\n.hp2026-install-feat svg {\n    width: 16px;\n    height: 16px;\n    flex-shrink: 0;\n}\n\n\/* Device labels row *\/\n.hp2026-install-devices {\n    display: flex;\n    gap: 24px;\n    margin-bottom: 32px;\n}\n.hp2026-install-device {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-family: 'Poppins', sans-serif;\n    font-size: 0.8125rem;\n    color: #64748b;\n}\n.hp2026-install-device svg {\n    width: 18px;\n    height: 18px;\n    opacity: 0.6;\n}\n\n\/* Install button *\/\n.hp2026-install-btn-wrap {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    margin-bottom: 20px;\n}\n.hp2026-install-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: #ffffff;\n    color: #268599;\n    font-family: 'Poppins', sans-serif;\n    font-size: 1rem;\n    font-weight: 600;\n    padding: 14px 28px;\n    border-radius: 12px;\n    border: none;\n    cursor: pointer;\n    text-decoration: none;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 20px rgba(255,255,255,0.1);\n}\n.hp2026-install-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 30px rgba(255,255,255,0.15);\n    color: #268599;\n}\n.hp2026-install-btn svg {\n    width: 20px;\n    height: 20px;\n}\n\n\/* QR mini card *\/\n.hp2026-install-qr-mini {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n.hp2026-install-qr-mini img {\n    width: 52px;\n    height: 52px;\n    border-radius: 8px;\n    border: 2px solid rgba(38,133,153,0.3);\n}\n.hp2026-install-qr-mini span {\n    font-family: 'Poppins', sans-serif;\n    font-size: 0.75rem;\n    color: #64748b;\n    line-height: 1.4;\n}\n\n.hp2026-install-nostore {\n    font-family: 'Poppins', sans-serif;\n    font-size: 0.75rem;\n    color: #475569;\n    margin: 0;\n}\n\n\/* ---- RIGHT COLUMN (Device Mockups) ---- *\/\n.hp2026-install-mockups {\n    position: relative;\n    min-height: 500px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n\/* Desktop browser mockup *\/\n.hp2026-install-desktop {\n    position: relative;\n    width: 380px;\n    background: #ffffff;\n    border-radius: 12px;\n    box-shadow: 0 30px 60px rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.05);\n    overflow: hidden;\n    animation: hp2026-install-float-desktop 6s ease-in-out infinite;\n    z-index: 1;\n}\n@keyframes hp2026-install-float-desktop {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-8px); }\n}\n\n.hp2026-install-desktop-bar {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 14px;\n    background: #f1f5f9;\n    border-bottom: 1px solid #e2e8f0;\n}\n.hp2026-install-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n}\n.hp2026-install-dot--red { background: #ef4444; }\n.hp2026-install-dot--yellow { background: #eab308; }\n.hp2026-install-dot--green { background: #22c55e; }\n\n.hp2026-install-url-bar {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-inline-start: 12px;\n    background: #ffffff;\n    border-radius: 6px;\n    padding: 4px 12px;\n    flex: 1;\n}\n.hp2026-install-url-bar .url-lock {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background: #22c55e;\n}\n.hp2026-install-url-bar span {\n    font-family: 'Poppins', sans-serif;\n    font-size: 0.7rem;\n    color: #64748b;\n}\n\n.hp2026-install-desktop-content {\n    padding: 20px;\n}\n.hp2026-install-desktop-logo {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 16px;\n    font-family: 'Poppins', sans-serif;\n    font-size: 0.8125rem;\n    font-weight: 600;\n    color: #16344c;\n}\n.hp2026-install-desktop-logo .logo-icon {\n    width: 28px;\n    height: 28px;\n    border-radius: 6px;\n    background: linear-gradient(135deg, #268599, #618480);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #fff;\n    font-size: 0.6rem;\n    font-weight: 700;\n}\n\n.hp2026-install-desktop-nav {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    margin-bottom: 20px;\n}\n.hp2026-install-desktop-nav-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    background: #f8fafc;\n    border: 1px solid #e2e8f0;\n    border-radius: 8px;\n    padding: 10px 14px;\n    font-family: 'Poppins', sans-serif;\n    font-size: 0.75rem;\n    color: #334155;\n}\n.hp2026-install-desktop-nav-item .nav-icon {\n    width: 24px;\n    height: 24px;\n    border-radius: 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.7rem;\n}\n.hp2026-install-desktop-nav-item .nav-icon--teal {\n    background: rgba(38,133,153,0.12);\n    color: #268599;\n}\n.hp2026-install-desktop-nav-item .nav-icon--coral {\n    background: rgba(232,136,94,0.12);\n    color: #e8885e;\n}\n.hp2026-install-desktop-nav-item .nav-meta {\n    font-size: 0.65rem;\n    color: #94a3b8;\n}\n\n\/* My Resumes section inside desktop *\/\n.hp2026-install-desktop-resumes {\n    border-top: 1px solid #e2e8f0;\n    padding-top: 14px;\n}\n.hp2026-install-desktop-resumes-title {\n    font-family: 'Poppins', sans-serif;\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: #334155;\n    margin-bottom: 10px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n.hp2026-install-desktop-resumes-title svg {\n    color: #268599;\n}\n.hp2026-install-skeleton {\n    height: 8px;\n    background: #e2e8f0;\n    border-radius: 4px;\n    margin-bottom: 8px;\n}\n.hp2026-install-skeleton--short { width: 60%; }\n.hp2026-install-skeleton--med { width: 80%; }\n.hp2026-install-skeleton--long { width: 95%; }\n\n\/* Mobile phone mockup *\/\n.hp2026-install-mobile {\n    position: absolute;\n    right: -20px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 180px;\n    background: #ffffff;\n    border-radius: 24px;\n    box-shadow: 0 30px 60px rgba(0,0,0,0.35), 0 0 0 3px #1e293b;\n    overflow: hidden;\n    z-index: 2;\n    animation: hp2026-install-float-mobile 6s ease-in-out infinite;\n    animation-delay: -3s;\n}\n@keyframes hp2026-install-float-mobile {\n    0%, 100% { transform: translateY(-50%) translateX(0); }\n    50% { transform: translateY(calc(-50% + 10px)) translateX(-4px); }\n}\n\n.hp2026-install-mobile-status {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 6px 14px;\n    background: #f8fafc;\n    font-family: 'Poppins', sans-serif;\n    font-size: 0.6rem;\n    font-weight: 600;\n    color: #334155;\n}\n.hp2026-install-mobile-status .dots {\n    display: flex;\n    gap: 2px;\n}\n.hp2026-install-mobile-status .dots span {\n    width: 4px;\n    height: 4px;\n    border-radius: 50%;\n    background: #268599;\n}\n\n.hp2026-install-mobile-content {\n    padding: 12px;\n}\n.hp2026-install-mobile-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 14px;\n}\n.hp2026-install-mobile-header .m-logo {\n    width: 28px;\n    height: 28px;\n    border-radius: 8px;\n    background: linear-gradient(135deg, #268599, #618480);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #fff;\n    font-size: 0.5rem;\n    font-weight: 700;\n}\n.hp2026-install-mobile-header .m-info {\n    font-family: 'Poppins', sans-serif;\n}\n.hp2026-install-mobile-header .m-info strong {\n    display: block;\n    font-size: 0.7rem;\n    color: #16344c;\n}\n.hp2026-install-mobile-header .m-info span {\n    font-size: 0.55rem;\n    color: #94a3b8;\n}\n\n.hp2026-install-mobile-nav {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin-bottom: 14px;\n}\n.hp2026-install-mobile-nav-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: #f8fafc;\n    border: 1px solid #e2e8f0;\n    border-radius: 8px;\n    padding: 8px 10px;\n    font-family: 'Poppins', sans-serif;\n    font-size: 0.65rem;\n    color: #334155;\n}\n.hp2026-install-mobile-nav-item .mn-icon {\n    width: 20px;\n    height: 20px;\n    border-radius: 5px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.55rem;\n}\n.hp2026-install-mobile-nav-item .mn-meta {\n    font-size: 0.55rem;\n    color: #94a3b8;\n}\n\n.hp2026-install-mobile-resumes {\n    border-top: 1px solid #e2e8f0;\n    padding-top: 10px;\n}\n.hp2026-install-mobile-resumes-title {\n    font-family: 'Poppins', sans-serif;\n    font-size: 0.65rem;\n    font-weight: 600;\n    color: #334155;\n    margin-bottom: 8px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n.hp2026-install-mobile-skeleton {\n    height: 6px;\n    background: #e2e8f0;\n    border-radius: 3px;\n    margin-bottom: 6px;\n}\n\n.hp2026-install-mobile-bottom {\n    height: 4px;\n    width: 40%;\n    margin: 10px auto 8px;\n    background: #1e293b;\n    border-radius: 4px;\n}\n\n\/* Floating badges *\/\n.hp2026-install-badge-float {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    background: #ffffff;\n    border-radius: 10px;\n    padding: 8px 14px;\n    box-shadow: 0 8px 24px rgba(0,0,0,0.15);\n    font-family: 'Poppins', sans-serif;\n    font-size: 0.7rem;\n    font-weight: 600;\n    color: #16344c;\n    z-index: 10;\n    animation: hp2026-install-badge-pulse 4s ease-in-out infinite;\n    white-space: nowrap;\n}\n@keyframes hp2026-install-badge-pulse {\n    0%, 100% { transform: scale(1); box-shadow: 0 8px 24px rgba(0,0,0,0.15); }\n    50% { transform: scale(1.03); box-shadow: 0 10px 30px rgba(0,0,0,0.2); }\n}\n.hp2026-install-badge-float svg {\n    width: 16px;\n    height: 16px;\n}\n\n.hp2026-install-badge--desktop {\n    top: 50px;\n    left: -10px;\n    animation-delay: 0s;\n}\n.hp2026-install-badge--mobile {\n    bottom: 50px;\n    right: -30px;\n    animation-delay: -2s;\n}\n.hp2026-install-badge--synced {\n    top: 10px;\n    right: 30px;\n    background: #22c55e;\n    color: #ffffff;\n    animation-delay: -1s;\n}\n.hp2026-install-badge--ai {\n    bottom: 90px;\n    left: 40px;\n    color: #64748b;\n    font-weight: 500;\n    font-size: 0.65rem;\n    animation-delay: -3s;\n}\n\n\/* ---- RESPONSIVE ---- *\/\n@media (max-width: 1024px) {\n    .hp2026-install-container {\n        grid-template-columns: 1fr;\n        gap: 3rem;\n    }\n    .hp2026-install-mockups {\n        min-height: 420px;\n        justify-content: center;\n    }\n    .hp2026-install-mobile {\n        right: 10px;\n    }\n}\n@media (max-width: 768px) {\n    .hp2026-install {\n        padding: 60px 0;\n    }\n    .hp2026-install-container {\n        gap: 2.5rem;\n    }\n    .hp2026-install-desktop {\n        width: 300px;\n    }\n    .hp2026-install-mobile {\n        width: 150px;\n        right: -10px;\n    }\n    .hp2026-install-features {\n        flex-direction: column;\n    }\n    .hp2026-install-btn-wrap {\n        flex-direction: column;\n        align-items: flex-start;\n    }\n    .hp2026-install-badge-float {\n        display: none;\n    }\n}\n@media (max-width: 480px) {\n    .hp2026-install-desktop {\n        width: 260px;\n    }\n    .hp2026-install-mobile {\n        width: 130px;\n        right: -5px;\n    }\n}\n\n\/* ---- RTL ---- *\/\n[dir=\"rtl\"] .hp2026-install-container {\n    direction: rtl;\n}\n[dir=\"rtl\"] .hp2026-install-title,\n[dir=\"rtl\"] .hp2026-install-subtitle {\n    text-align: right;\n    font-family: '29LTZaridSansAL', 'Tajawal', sans-serif;\n}\n[dir=\"rtl\"] .hp2026-install-title {\n    font-family: '29LTZaridSansAL', 'Playfair Display', Georgia, serif;\n}\n[dir=\"rtl\"] .hp2026-install-mobile {\n    right: auto;\n    left: -20px;\n}\n[dir=\"rtl\"] .hp2026-install-badge--desktop {\n    left: auto;\n    right: -10px;\n}\n[dir=\"rtl\"] .hp2026-install-badge--mobile {\n    right: auto;\n    left: -30px;\n}\n<\/style>\n\n<section class=\"hp2026-install\" id=\"install-app\">\n    <!-- Sparkle decoration -->\n    <svg class=\"hp2026-install-sparkle\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M20 0L23.5 16.5L40 20L23.5 23.5L20 40L16.5 23.5L0 20L16.5 16.5L20 0Z\" fill=\"#e8885e\"\/>\n    <\/svg>\n\n    <div class=\"hp2026-install-container\">\n        <!-- LEFT COLUMN -->\n        <div class=\"hp2026-install-left\">\n            <div class=\"hp2026-install-badge\">\n                \u2b07 \u0645\u062a\u0627\u062d \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u062c\u0647\u0632\u0629            <\/div>\n\n            <h2 class=\"hp2026-install-title\">\n                \u062d\u0645\u0651\u0644 \u0627\u0644\u062a\u0637\u0628\u064a\u0642 \u0644\u062a\u062c\u0631\u0628\u0629<br>\n                <span>\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0641\u0627\u0626\u0642\u0629<\/span>\n            <\/h2>\n\n            <p class=\"hp2026-install-subtitle\">\n                \u062b\u0628\u0651\u062a StylingCV \u0639\u0644\u0649 \u062d\u0627\u0633\u0648\u0628\u0643 \u0623\u0648 \u0647\u0627\u062a\u0641\u0643 \u0644\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u0641\u0648\u0631\u064a\u060c \u0627\u0644\u0639\u0645\u0644 \u0628\u062f\u0648\u0646 \u0625\u0646\u062a\u0631\u0646\u062a\u060c \u0648\u062a\u062c\u0631\u0628\u0629 \u0628\u0646\u0627\u0621 \u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u0633\u0644\u0633\u0629 \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0623\u062c\u0647\u0632\u062a\u0643.            <\/p>\n\n            <!-- Feature pills -->\n            <div class=\"hp2026-install-features\">\n                <div class=\"hp2026-install-feat\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e8885e\" stroke-width=\"2\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\n                    \u0648\u0635\u0648\u0644 \u0641\u0627\u0626\u0642 \u0627\u0644\u0633\u0631\u0639\u0629                <\/div>\n                <div class=\"hp2026-install-feat\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e8885e\" stroke-width=\"2\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg>\n                    \u0625\u0634\u0639\u0627\u0631\u0627\u062a \u0641\u0648\u0631\u064a\u0629                <\/div>\n                <div class=\"hp2026-install-feat\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e8885e\" stroke-width=\"2\"><path d=\"M5 12.55a11 11 0 0 1 14.08 0\"\/><path d=\"M1.42 9a16 16 0 0 1 21.16 0\"\/><path d=\"M8.53 16.11a6 6 0 0 1 6.95 0\"\/><circle cx=\"12\" cy=\"20\" r=\"1\"\/><\/svg>\n                    \u064a\u0639\u0645\u0644 \u0628\u062f\u0648\u0646 \u0625\u0646\u062a\u0631\u0646\u062a                <\/div>\n            <\/div>\n\n            <!-- Device labels -->\n            <div class=\"hp2026-install-devices\">\n                <div class=\"hp2026-install-device\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n                    \u0633\u0637\u062d \u0627\u0644\u0645\u0643\u062a\u0628                <\/div>\n                <div class=\"hp2026-install-device\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"13\" rx=\"2\"\/><path d=\"M2 20h20\"\/><\/svg>\n                    \u0644\u0627\u0628\u062a\u0648\u0628                <\/div>\n                <div class=\"hp2026-install-device\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"\/><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/><\/svg>\n                    \u0627\u0644\u062c\u0648\u0627\u0644                <\/div>\n            <\/div>\n\n            <!-- Install CTA + QR -->\n            <div class=\"hp2026-install-btn-wrap\">\n                <a href=\"https:\/\/ai.stylingcv.com\/?install=true&utm_source=stylingcv&utm_medium=website&utm_campaign=cta&utm_content=home\" class=\"hp2026-install-btn\" target=\"_blank\" rel=\"noopener\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\n                    \u062a\u062b\u0628\u064a\u062a \u0627\u0644\u062a\u0637\u0628\u064a\u0642 \u0645\u062c\u0627\u0646\u0627\u064b                <\/a>\n\n                <div class=\"hp2026-install-qr-mini\">\n                    <img decoding=\"async\" src=\"https:\/\/api.qrserver.com\/v1\/create-qr-code\/?size=150x150&#038;data=https%3A%2F%2Fai.stylingcv.com%2F%3Finstall%3Dtrue\" alt=\"QR Code\" loading=\"lazy\" width=\"52\" height=\"52\">\n                    <span>\u0627\u0645\u0633\u062d \u0644\u0644\u062a\u062b\u0628\u064a\u062a<\/span>\n                <\/div>\n            <\/div>\n\n            <p class=\"hp2026-install-nostore\">\n                \u0644\u0627 \u062d\u0627\u062c\u0629 \u0644\u0645\u062a\u062c\u0631 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u2022 \u062a\u062b\u0628\u064a\u062a \u0641\u0648\u0631\u064a \u2022 \u064a\u0639\u0645\u0644 \u0641\u064a \u0643\u0644 \u0645\u0643\u0627\u0646            <\/p>\n        <\/div>\n\n        <!-- RIGHT COLUMN \u2014 Animated Mockups -->\n        <div class=\"hp2026-install-mockups\">\n            <!-- \"Desktop Ready\" badge -->\n            <div class=\"hp2026-install-badge-float hp2026-install-badge--desktop\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#268599\" stroke-width=\"2\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n                \u0633\u0637\u062d \u0627\u0644\u0645\u0643\u062a\u0628 \u062c\u0627\u0647\u0632            <\/div>\n\n            <!-- \"Synced\" badge -->\n            <div class=\"hp2026-install-badge-float hp2026-install-badge--synced\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u0645\u062a\u0632\u0627\u0645\u0646            <\/div>\n\n            <!-- Desktop Browser -->\n            <div class=\"hp2026-install-desktop\">\n                <div class=\"hp2026-install-desktop-bar\">\n                    <span class=\"hp2026-install-dot hp2026-install-dot--red\"><\/span>\n                    <span class=\"hp2026-install-dot hp2026-install-dot--yellow\"><\/span>\n                    <span class=\"hp2026-install-dot hp2026-install-dot--green\"><\/span>\n                    <div class=\"hp2026-install-url-bar\">\n                        <span class=\"url-lock\"><\/span>\n                        <span>ai.stylingcv.com<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"hp2026-install-desktop-content\">\n                    <div class=\"hp2026-install-desktop-logo\">\n                        <div class=\"logo-icon\">Int<\/div>\n                        <span>Intelli STYLING<strong>CV<\/strong><\/span>\n                    <\/div>\n                    <div class=\"hp2026-install-desktop-nav\">\n                        <div class=\"hp2026-install-desktop-nav-item\">\n                            <span class=\"nav-icon nav-icon--teal\">\u2726<\/span>\n                            <div>\n                                <strong>\u0625\u0646\u0634\u0627\u0621 \u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629<\/strong>\n                                <div class=\"nav-meta\">\u0627\u0628\u062f\u0623 \u0645\u0646 \u0627\u0644\u0635\u0641\u0631<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"hp2026-install-desktop-nav-item\">\n                            <span class=\"nav-icon nav-icon--coral\">\ud83d\udcc4<\/span>\n                            <div>\n                                <strong>\u0633\u064a\u0631\u062a\u064a \u0627\u0644\u0630\u0627\u062a\u064a\u0629<\/strong>\n                                <div class=\"nav-meta\">3 \u0645\u0633\u0648\u062f\u0627\u062a \u0645\u062d\u0641\u0648\u0638\u0629<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"hp2026-install-desktop-resumes\">\n                        <div class=\"hp2026-install-desktop-resumes-title\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#268599\" stroke-width=\"2\"><path d=\"M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z\"\/><polyline points=\"13 2 13 9 20 9\"\/><\/svg>\n                            \u0633\u064a\u0631\u062a\u064a \u0627\u0644\u0630\u0627\u062a\u064a\u0629                        <\/div>\n                        <div class=\"hp2026-install-skeleton hp2026-install-skeleton--long\"><\/div>\n                        <div class=\"hp2026-install-skeleton hp2026-install-skeleton--med\"><\/div>\n                        <div class=\"hp2026-install-skeleton hp2026-install-skeleton--short\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Mobile Phone -->\n            <div class=\"hp2026-install-mobile\">\n                <div class=\"hp2026-install-mobile-status\">\n                    <span>9:41<\/span>\n                    <div class=\"dots\"><span><\/span><span><\/span><span><\/span><\/div>\n                <\/div>\n                <div class=\"hp2026-install-mobile-content\">\n                    <div class=\"hp2026-install-mobile-header\">\n                        <div class=\"m-logo\">Int<\/div>\n                        <div class=\"m-info\">\n                            <strong>StylingCV<\/strong>\n                            <span>\u0645\u0646\u0634\u0626 \u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"hp2026-install-mobile-nav\">\n                        <div class=\"hp2026-install-mobile-nav-item\">\n                            <span class=\"mn-icon nav-icon--teal\">\u2726<\/span>\n                            <div>\n                                <strong>\u0625\u0646\u0634\u0627\u0621 \u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629<\/strong>\n                                <div class=\"mn-meta\">\u0627\u0628\u062f\u0623 \u0645\u0646 \u0627\u0644\u0635\u0641\u0631<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"hp2026-install-mobile-nav-item\">\n                            <span class=\"mn-icon nav-icon--coral\">\ud83d\udcc4<\/span>\n                            <div>\n                                <strong>\u0633\u064a\u0631\u062a\u064a \u0627\u0644\u0630\u0627\u062a\u064a\u0629<\/strong>\n                                <div class=\"mn-meta\">3 \u0645\u0633\u0648\u062f\u0627\u062a \u0645\u062d\u0641\u0648\u0638\u0629<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"hp2026-install-mobile-resumes\">\n                        <div class=\"hp2026-install-mobile-resumes-title\">\n                            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#268599\" stroke-width=\"2\"><path d=\"M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z\"\/><\/svg>\n                            \u0633\u064a\u0631\u062a\u064a \u0627\u0644\u0630\u0627\u062a\u064a\u0629                        <\/div>\n                        <div class=\"hp2026-install-mobile-skeleton hp2026-install-skeleton--long\"><\/div>\n                        <div class=\"hp2026-install-mobile-skeleton hp2026-install-skeleton--med\"><\/div>\n                        <div class=\"hp2026-install-mobile-skeleton hp2026-install-skeleton--short\"><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"hp2026-install-mobile-bottom\"><\/div>\n            <\/div>\n\n            <!-- \"Mobile Ready\" badge -->\n            <div class=\"hp2026-install-badge-float hp2026-install-badge--mobile\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e8885e\" stroke-width=\"2\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"\/><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/><\/svg>\n                \u0627\u0644\u062c\u0648\u0627\u0644 \u062c\u0627\u0647\u0632            <\/div>\n\n            <!-- \"AI Agents Ready\" badge -->\n            <div class=\"hp2026-install-badge-float hp2026-install-badge--ai\">\n                \u0648\u0643\u0644\u0627\u0621 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u062c\u0627\u0647\u0632\u0648\u0646            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<div class=\"stylingcv-seo-section\" style=\"padding: 30px 20px;max-width: 800px;margin: 0 auto\">\n<h2 style=\"font-family: 'Tajawal',sans-serif;font-size: 1.6rem;font-weight: bold;color: #16344c;text-align: center;margin-bottom: 20px\">\u0644\u0645\u0627\u0630\u0627 StylingCV \u0623\u0641\u0636\u0644 \u0645\u0648\u0642\u0639 \u0644\u0625\u0646\u0634\u0627\u0621 \u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629\u061f<\/h2>\n<p style=\"font-family: 'Tajawal',sans-serif;font-size: 1rem;color: #444;line-height: 1.9;text-align: right\">StylingCV \u0647\u0648 \u0627\u0644\u0645\u0646\u0635\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0639\u0631\u0628\u064a\u0627\u064b \u0644\u0625\u0646\u0634\u0627\u0621 <strong>\u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/strong> \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a. \u0645\u0639 11 \u0648\u0643\u064a\u0644 \u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0645\u062a\u062e\u0635\u0635\u060c \u0646\u0636\u0645\u0646 \u0644\u0643 \u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u0645\u062a\u0648\u0627\u0641\u0642\u0629 \u0645\u0639 \u0623\u0646\u0638\u0645\u0629 ATS \u0628\u0646\u0633\u0628\u0629 95%. \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062e\u0631\u064a\u062c\u0627\u064b \u062c\u062f\u064a\u062f\u0627\u064b \u0623\u0648 \u0645\u062d\u062a\u0631\u0641\u0627\u064b \u0630\u0627 \u062e\u0628\u0631\u0629\u060c \u0633\u062a\u062c\u062f \u0627\u0644\u0642\u0627\u0644\u0628 \u0627\u0644\u0645\u062b\u0627\u0644\u064a \u0645\u0646 \u0628\u064a\u0646 +50 \u0642\u0627\u0644\u0628 <strong>\u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/strong> \u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u0644\u0633\u0648\u0642 \u0627\u0644\u0639\u0631\u0628\u064a \u0648\u0627\u0644\u062e\u0644\u064a\u062c\u064a.<\/p>\n<p style=\"font-family: 'Tajawal',sans-serif;font-size: 1rem;color: #444;line-height: 1.9;text-align: right\">\u0627\u0643\u062a\u0634\u0641 <a style=\"color: #268599;font-weight: bold\" href=\"\/ar\/%D8%B3%D9%8A%D8%B1%D8%A9-%D8%B0%D8%A7%D8%AA%D9%8A%D8%A9-%D9%85%D8%AC%D8%A7%D9%86%D9%8A%D8%A9\/\">\u062f\u0644\u064a\u0644\u0646\u0627 \u0627\u0644\u0634\u0627\u0645\u0644 \u0644\u0625\u0646\u0634\u0627\u0621 \u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/a> \u0648\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0646\u0635\u0627\u0626\u062d \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0643\u062a\u0627\u0628\u0629 CV \u064a\u062a\u0641\u0648\u0642 \u0639\u0644\u0649 98% \u0645\u0646 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u064a\u0646. \u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646 \u2014 \u0644\u0627 \u062d\u0627\u062c\u0629 \u0644\u0628\u0637\u0627\u0642\u0629 \u0627\u0626\u062a\u0645\u0627\u0646 \u0623\u0648 \u062a\u0633\u062c\u064a\u0644 \u0645\u0633\u0628\u0642.<\/p>\n\n<h2 style=\"font-family: 'Tajawal',sans-serif;font-size: 1.6rem;font-weight: bold;color: #16344c;text-align: center;margin: 30px 0 20px\">\u0645\u0645\u064a\u0632\u0627\u062a \u0645\u0646\u0634\u0626 \u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a \u0645\u0646 StylingCV<\/h2>\n<ul style=\"font-family: 'Tajawal',sans-serif;font-size: 1rem;color: #444;line-height: 2.2;text-align: right;padding: 0\">\n \t<li>\u2705 <strong>\u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644<\/strong> \u2014 \u0644\u0627 \u0631\u0633\u0648\u0645 \u062e\u0641\u064a\u0629 \u0623\u0648 \u0627\u0634\u062a\u0631\u0627\u0643\u0627\u062a \u0625\u0644\u0632\u0627\u0645\u064a\u0629<\/li>\n \t<li>\u2705 <strong>11 \u0648\u0643\u064a\u0644 \u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/strong> \u2014 \u064a\u062d\u0644\u0644\u0648\u0646 \u0648\u064a\u062d\u0633\u0651\u0646\u0648\u0646 \u0643\u0644 \u0642\u0633\u0645 \u0641\u064a \u0633\u064a\u0631\u062a\u0643 \u0627\u0644\u0630\u0627\u062a\u064a\u0629<\/li>\n \t<li>\u2705 <strong>\u0645\u062a\u0648\u0627\u0641\u0642\u0629 \u0645\u0639 ATS \u0628\u0646\u0633\u0628\u0629 95%<\/strong> \u2014 \u062a\u0636\u0645\u0646 \u0648\u0635\u0648\u0644 \u0633\u064a\u0631\u062a\u0643 \u0644\u0645\u0633\u0624\u0648\u0644\u064a \u0627\u0644\u062a\u0648\u0638\u064a\u0641<\/li>\n \t<li>\u2705 <strong>+50 \u0642\u0627\u0644\u0628 \u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/strong> \u2014 \u0645\u0635\u0645\u0645\u0629 \u0644\u0644\u0633\u0648\u0642 \u0627\u0644\u0639\u0631\u0628\u064a \u0648\u0627\u0644\u062e\u0644\u064a\u062c\u064a<\/li>\n \t<li>\u2705 <strong>\u062f\u0639\u0645 \u0643\u0627\u0645\u0644 \u0644\u0644\u0639\u0631\u0628\u064a\u0629<\/strong> \u2014 \u062a\u0635\u0645\u064a\u0645 RTL \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0645\u0639 \u062e\u0637\u0648\u0637 \u0639\u0631\u0628\u064a\u0629<\/li>\n \t<li>\u2705 <strong>\u062a\u0635\u062f\u064a\u0631 PDF \u0648 Word<\/strong> \u2014 \u062d\u0645\u0651\u0644 \u0633\u064a\u0631\u062a\u0643 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u0628\u0623\u064a \u0635\u064a\u063a\u0629<\/li>\n<\/ul>\n<\/div>\n \n \n<div class=\"stylingcv-pillar-hub\" style=\"padding: 40px 20px;max-width: 900px;margin: 30px auto;background: linear-gradient(135deg, #f8fffe 0%, #fff9f6 100%);border-radius: 16px;border: 1px solid #e0ebe8\">\n<h2 style=\"font-family: 'Tajawal',sans-serif;font-size: 1.8rem;font-weight: bold;color: #16344c;text-align: center;margin-bottom: 10px\">\ud83d\udcda \u0623\u062f\u0644\u0629 \u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0627\u0644\u0634\u0627\u0645\u0644\u0629<\/h2>\n<p style=\"font-family: 'Tajawal',sans-serif;font-size: 1rem;color: #666;text-align: center;margin-bottom: 30px\">\u0643\u0644 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c\u0647 \u0644\u0628\u0646\u0627\u0621 \u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0648\u0638\u064a\u0641\u0629 \u0623\u062d\u0644\u0627\u0645\u0643<\/p>\n<div style=\"display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;direction: rtl\">\n<a href=\"\/ar\/\u0633\u064a-\u0641\u064a\/\" style=\"display: block;padding: 20px 16px;background: #fff;border-radius: 12px;text-decoration: none;border: 1px solid #e8ece9;transition: all 0.3s;text-align: center\">\n<span style=\"font-size: 2rem;display: block;margin-bottom: 8px\">\ud83d\udcca<\/span>\n<span style=\"font-family: Tajawal,sans-serif;font-size: 0.95rem;font-weight: 600;color: #268599;display: block\">\u0633\u064a \u0641\u064a<\/span>\n<span style=\"font-family: Tajawal,sans-serif;font-size: 0.8rem;color: #888;display: block;margin-top: 4px\">\u062f\u0644\u064a\u0644 \u0627\u0644\u0633\u064a \u0641\u064a \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/span>\n<\/a>\n<a href=\"\/ar\/\u0633\u064a\u0641\u064a\/\" style=\"display: block;padding: 20px 16px;background: #fff;border-radius: 12px;text-decoration: none;border: 1px solid #e8ece9;transition: all 0.3s;text-align: center\">\n<span style=\"font-size: 2rem;display: block;margin-bottom: 8px\">\ud83d\udcdd<\/span>\n<span style=\"font-family: Tajawal,sans-serif;font-size: 0.95rem;font-weight: 600;color: #268599;display: block\">\u0633\u064a\u0641\u064a<\/span>\n<span style=\"font-family: Tajawal,sans-serif;font-size: 0.8rem;color: #888;display: block;margin-top: 4px\">\u062f\u0644\u064a\u0644 \u0627\u0644\u0633\u064a\u0641\u064a \u0627\u0644\u0634\u0627\u0645\u0644<\/span>\n<\/a>\n<a href=\"\/ar\/\u0646\u0645\u0648\u0630\u062c-\u0633\u064a\u0631\u0629-\u0630\u0627\u062a\u064a\u0629-\u062c\u0627\u0647\u0632\/\" style=\"display: block;padding: 20px 16px;background: #fff;border-radius: 12px;text-decoration: none;border: 1px solid #e8ece9;transition: all 0.3s;text-align: center\">\n<span style=\"font-size: 2rem;display: block;margin-bottom: 8px\">\ud83d\udcc4<\/span>\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.95rem;font-weight: 600;color: #268599;display: block\">\u0646\u0645\u0648\u0630\u062c \u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u062c\u0627\u0647\u0632<\/span>\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.8rem;color: #888;display: block;margin-top: 4px\">\u0646\u0645\u0627\u0630\u062c \u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u062a\u0639\u0628\u0626\u0629 \u0648\u0627\u0644\u062a\u062d\u0645\u064a\u0644<\/span>\n<\/a>\n<a href=\"\/ar\/\u0635\u0627\u0646\u0639-\u0633\u064a\u0631\u0629-\u0630\u0627\u062a\u064a\u0629-\u0628\u0627\u0644\u0630\u0643\u0627\u0621-\u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\/\" style=\"display: block;padding: 20px 16px;background: #fff;border-radius: 12px;text-decoration: none;border: 1px solid #e8ece9;transition: all 0.3s;text-align: center\">\n<span style=\"font-size: 2rem;display: block;margin-bottom: 8px\">\ud83e\udd16<\/span>\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.95rem;font-weight: 600;color: #268599;display: block\">\u0635\u0627\u0646\u0639 \u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/span>\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.8rem;color: #888;display: block;margin-top: 4px\">\u0623\u0646\u0634\u0626 \u0633\u064a\u0631\u062a\u0643 \u0628\u0645\u0633\u0627\u0639\u062f\u0629 AI<\/span>\n<\/a>\n<a href=\"\/ar\/\u0627\u0644\u062e\u0637\u0627\u0628-\u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a\/\" style=\"display: block;padding: 20px 16px;background: #fff;border-radius: 12px;text-decoration: none;border: 1px solid #e8ece9;transition: all 0.3s;text-align: center\">\n<span style=\"font-size: 2rem;display: block;margin-bottom: 8px\">\u2709\ufe0f<\/span>\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.95rem;font-weight: 600;color: #268599;display: block\">\u0627\u0644\u062e\u0637\u0627\u0628 \u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a<\/span>\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.8rem;color: #888;display: block;margin-top: 4px\">\u0646\u0645\u0627\u0630\u062c \u062e\u0637\u0627\u0628 \u062a\u0642\u062f\u064a\u0645 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/span>\n<\/a>\n<a href=\"\/ar\/\u0641\u0627\u062d\u0635-ats\/\" style=\"display: block;padding: 20px 16px;background: #fff;border-radius: 12px;text-decoration: none;border: 1px solid #e8ece9;transition: all 0.3s;text-align: center\">\n<span style=\"font-size: 2rem;display: block;margin-bottom: 8px\">\ud83d\udd0d<\/span>\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.95rem;font-weight: 600;color: #268599;display: block\">\u0641\u0627\u062d\u0635 ATS<\/span>\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.8rem;color: #888;display: block;margin-top: 4px\">\u0627\u062e\u062a\u0628\u0631 \u062a\u0648\u0627\u0641\u0642 \u0633\u064a\u0631\u062a\u0643 \u0645\u0639 ATS<\/span>\n<\/a>\n<a href=\"\/ar\/\u0633\u064a\u0631\u0629-\u0630\u0627\u062a\u064a\u0629-\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\/\" style=\"display: block;padding: 20px 16px;background: #fff;border-radius: 12px;text-decoration: none;border: 1px solid #e8ece9;transition: all 0.3s;text-align: center\">\n<span style=\"font-size: 2rem;display: block;margin-bottom: 8px\">\u2b50<\/span>\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.95rem;font-weight: 600;color: #268599;display: block\">\u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/span>\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.8rem;color: #888;display: block;margin-top: 4px\">\u0646\u0635\u0627\u0626\u062d \u0648\u0646\u0645\u0627\u0630\u062c \u0644\u0644\u0645\u062d\u062a\u0631\u0641\u064a\u0646<\/span>\n<\/a>\n<a href=\"\/ar\/\u0646\u0645\u0627\u0630\u062c-\u0633\u064a\u0631\u0629-\u0630\u0627\u062a\u064a\u0629\/\" style=\"display: block;padding: 20px 16px;background: #fff;border-radius: 12px;text-decoration: none;border: 1px solid #e8ece9;transition: all 0.3s;text-align: center\">\n<span style=\"font-size: 2rem;display: block;margin-bottom: 8px\">\ud83d\udccb<\/span>\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.95rem;font-weight: 600;color: #268599;display: block\">\u0646\u0645\u0627\u0630\u062c \u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629<\/span>\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.8rem;color: #888;display: block;margin-top: 4px\">\u0645\u0643\u062a\u0628\u0629 \u0642\u0648\u0627\u0644\u0628 \u0645\u062a\u0646\u0648\u0639\u0629<\/span>\n<\/a>\n<a href=\"\/ar\/\u0627\u0645\u062b\u0644\u0629-\u0633\u064a\u0631\u0629-\u0630\u0627\u062a\u064a\u0629\/\" style=\"display: block;padding: 20px 16px;background: #fff;border-radius: 12px;text-decoration: none;border: 1px solid #e8ece9;transition: all 0.3s;text-align: center\">\n<span style=\"font-size: 2rem;display: block;margin-bottom: 8px\">\ud83d\udca1<\/span>\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.95rem;font-weight: 600;color: #268599;display: block\">\u0623\u0645\u062b\u0644\u0629 \u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629<\/span>\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.8rem;color: #888;display: block;margin-top: 4px\">\u0623\u0645\u062b\u0644\u0629 \u062d\u0633\u0628 \u0627\u0644\u0645\u0647\u0646\u0629 \u0648\u0627\u0644\u0645\u062c\u0627\u0644<\/span>\n<\/a>\n<a href=\"\/ar\/\u062f\u0644\u064a\u0644-\u0627\u0644\u0633\u064a\u0631\u0629-\u0627\u0644\u0630\u0627\u062a\u064a\u0629-\u0627\u0644\u0634\u0627\u0645\u0644-2026\/\" style=\"display: block;padding: 20px 16px;background: #fff;border-radius: 12px;text-decoration: none;border: 1px solid #e8ece9;transition: all 0.3s;text-align: center\">\n<span style=\"font-size: 2rem;display: block;margin-bottom: 8px\">\ud83d\udcd6<\/span>\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.95rem;font-weight: 600;color: #268599;display: block\">\u062f\u0644\u064a\u0644 \u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0627\u0644\u0634\u0627\u0645\u0644<\/span>\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.8rem;color: #888;display: block;margin-top: 4px\">\u062f\u0644\u064a\u0644 \u0634\u0627\u0645\u0644 \u062e\u0637\u0648\u0629 \u0628\u062e\u0637\u0648\u0629<\/span>\n<\/a>\n<a href=\"\/ar\/\u0627\u0644\u0628\u062d\u062b-\u0639\u0646-\u0639\u0645\u0644-\u062f\u0644\u064a\u0644-\u0634\u0627\u0645\u0644\/\" style=\"display: block;padding: 20px 16px;background: #fff;border-radius: 12px;text-decoration: none;border: 1px solid #e8ece9;transition: all 0.3s;text-align: center\">\n<span style=\"font-size: 2rem;display: block;margin-bottom: 8px\">\ud83c\udfaf<\/span>\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.95rem;font-weight: 600;color: #268599;display: block\">\u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0639\u0645\u0644<\/span>\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.8rem;color: #888;display: block;margin-top: 4px\">\u062f\u0644\u064a\u0644 \u0634\u0627\u0645\u0644 \u0644\u0644\u0628\u062d\u062b \u0639\u0646 \u0648\u0638\u064a\u0641\u0629<\/span>\n<a href=\"\/ar\/%D8%A7%D8%B3%D8%A6%D9%84%D8%A9-%D8%A7%D9%84%D9%85%D9%82%D8%A7%D8%A8%D9%84%D8%A9-%D8%A7%D9%84%D8%B4%D8%AE%D8%B5%D9%8A%D8%A9\/\" style=\"display: block;padding: 20px 16px;background: #fff;border-radius: 12px;text-decoration: none;border: 1px solid #e8ece9;transition: all 0.3s;text-align: center\">\n<span style=\"font-size: 2rem;display: block;margin-bottom: 8px\">\ud83c\udfa4<\/span>\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.95rem;font-weight: 600;color: #268599;display: block\">\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0645\u0642\u0627\u0628\u0644\u0629 \u0627\u0644\u0634\u062e\u0635\u064a\u0629<\/span>\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.8rem;color: #888;display: block;margin-top: 4px\">25 \u0633\u0624\u0627\u0644 \u0645\u0639 \u0627\u0644\u0625\u062c\u0627\u0628\u0627\u062a \u0627\u0644\u0646\u0645\u0648\u0630\u062c\u064a\u0629<\/span>\n<\/a>\n<a href=\"\/ar\/%D8%A7%D9%84%D8%B1%D8%B3%D8%A7%D9%84%D8%A9-%D8%A7%D9%84%D8%AA%D8%B9%D8%B1%D9%8A%D9%81%D9%8A%D8%A9-%D8%B9%D9%84%D9%89-%D9%88%D8%B8%D9%8A%D9%81%D8%A9\/\" style=\"display: block;padding: 20px 16px;background: #fff;border-radius: 12px;text-decoration: none;border: 1px solid #e8ece9;transition: all 0.3s;text-align: center\">\n<span style=\"font-size: 2rem;display: block;margin-bottom: 8px\">\ud83d\udcdd<\/span>\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.95rem;font-weight: 600;color: #268599;display: block\">\u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a\u0629 \u0639\u0644\u0649 \u0648\u0638\u064a\u0641\u0629<\/span>\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.8rem;color: #888;display: block;margin-top: 4px\">5 \u0646\u0645\u0627\u0630\u062c \u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u0646\u0633\u062e<\/span>\n<\/a>\n<a href=\"\/ar\/%D8%B3%D9%88%D9%82-%D8%A7%D9%84%D8%B9%D9%85%D9%84-%D8%A7%D9%84%D8%B3%D8%B9%D9%88%D8%AF%D9%8A\/\" style=\"display: block;padding: 20px 16px;background: #fff;border-radius: 12px;text-decoration: none;border: 1px solid #e8ece9;transition: all 0.3s;text-align: center\">\n<span style=\"font-size: 2rem;display: block;margin-bottom: 8px\">\ud83c\uddf8\ud83c\udde6<\/span>\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.95rem;font-weight: 600;color: #268599;display: block\">\u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0633\u0639\u0648\u062f\u064a<\/span>\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.8rem;color: #888;display: block;margin-top: 4px\">\u0637\u0627\u0642\u0627\u062a\u060c \u0646\u0637\u0627\u0642\u0627\u062a\u060c \u0631\u0624\u064a\u0629 2030<\/span>\n<\/a>\n<\/a>\n<\/div>\n<\/div>\n\n<div style=\"padding: 40px 20px;max-width: 900px;margin: 30px auto;background: linear-gradient(135deg, #fff9f6 0%, #f8fffe 100%);border-radius: 16px;border: 1px solid #e0ebe8\">\n<h2 style=\"font-family: 'Tajawal',sans-serif;font-size: 1.8rem;font-weight: bold;color: #16344c;text-align: center;margin-bottom: 10px\">\ud83d\udcdd \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a\u0629 \u0648\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0645\u0642\u0627\u0628\u0644\u0627\u062a<\/h2>\n<p style=\"font-family: 'Tajawal',sans-serif;font-size: 1rem;color: #666;text-align: center;margin-bottom: 30px\">\u0623\u0643\u0645\u0644 \u0645\u0644\u0641 \u062a\u0642\u062f\u064a\u0645\u0643 \u0628\u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a\u0629 \u0627\u0644\u0645\u062b\u0627\u0644\u064a\u0629 \u0648\u0627\u0633\u062a\u0639\u062f \u0644\u0644\u0645\u0642\u0627\u0628\u0644\u0629 \u0627\u0644\u0634\u062e\u0635\u064a\u0629<\/p>\n<div style=\"display: grid;grid-template-columns: repeat(2, 1fr);gap: 16px;direction: rtl\">\n<div style=\"background: #fff;border-radius: 12px;padding: 24px 20px;border: 1px solid #e8ece9\">\n<h3 style=\"font-family: 'Tajawal',sans-serif;font-size: 1.1rem;font-weight: 700;color: #16344c;margin-bottom: 12px\">\u2709\ufe0f \u0646\u0645\u0627\u0630\u062c \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a\u0629<\/h3>\n<ul style=\"font-family: 'Tajawal',sans-serif;font-size: 0.9rem;color: #444;line-height: 2.2;list-style: none;padding: 0;margin: 0;text-align: right\">\n<li>\ud83d\udcc4 <a href=\"\/ar\/%D8%A7%D9%84%D8%B1%D8%B3%D8%A7%D9%84%D8%A9-%D8%A7%D9%84%D8%AA%D8%B9%D8%B1%D9%8A%D9%81%D9%8A%D8%A9-%D8%B9%D9%84%D9%89-%D9%88%D8%B8%D9%8A%D9%81%D8%A9\/\" style=\"color: #268599;text-decoration: none;font-weight: 600\">\u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a\u0629 \u0639\u0644\u0649 \u0648\u0638\u064a\u0641\u0629 | 5 \u0646\u0645\u0627\u0630\u062c \u062c\u0627\u0647\u0632\u0629<\/a><\/li>\n<li>\ud83d\udcc4 <a href=\"\/ar\/%D9%86%D9%85%D9%88%D8%B0%D8%AC-%D8%B1%D8%B3%D8%A7%D9%84%D8%A9-%D8%AA%D8%B9%D8%B1%D9%8A%D9%81%D9%8A%D8%A9-%D8%AC%D8%A7%D9%87%D8%B2\/\" style=\"color: #268599;text-decoration: none;font-weight: 600\">\u0646\u0645\u0648\u0630\u062c \u0631\u0633\u0627\u0644\u0629 \u062a\u0639\u0631\u064a\u0641\u064a\u0629 \u062c\u0627\u0647\u0632 \u0644\u0644\u062a\u062d\u0645\u064a\u0644 \u0645\u062c\u0627\u0646\u0627\u064b<\/a><\/li>\n<li>\ud83d\udcc4 <a href=\"\/ar\/%D8%B1%D8%B3%D8%A7%D9%84%D8%A9-%D8%AA%D8%B9%D8%B1%D9%8A%D9%81%D9%8A%D8%A9-%D8%A8%D8%AF%D9%88%D9%86-%D8%AE%D8%A8%D8%B1%D8%A9\/\" style=\"color: #268599;text-decoration: none;font-weight: 600\">\u0631\u0633\u0627\u0644\u0629 \u062a\u0639\u0631\u064a\u0641\u064a\u0629 \u0628\u062f\u0648\u0646 \u062e\u0628\u0631\u0629 \u0644\u062d\u062f\u064a\u062b\u064a \u0627\u0644\u062a\u062e\u0631\u062c<\/a><\/li>\n<li>\ud83d\udcc4 <a href=\"\/ar\/%D8%B1%D8%B3%D8%A7%D9%84%D8%A9-%D8%AA%D8%B9%D8%B1%D9%8A%D9%81%D9%8A%D8%A9-%D8%A8%D8%A7%D9%84%D8%A7%D9%86%D8%AC%D9%84%D9%8A%D8%B2%D9%8A\/\" style=\"color: #268599;text-decoration: none;font-weight: 600\">\u0631\u0633\u0627\u0644\u0629 \u062a\u0639\u0631\u064a\u0641\u064a\u0629 \u0628\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a | Cover Letter<\/a><\/li>\n<li>\ud83d\udcc4 <a href=\"\/ar\/%D9%86%D9%85%D9%88%D8%B0%D8%AC-%D8%AE%D8%B7%D8%A7%D8%A8-%D8%AA%D8%B9%D8%B1%D9%8A%D9%81%D9%8A\/\" style=\"color: #268599;text-decoration: none;font-weight: 600\">\u062f\u0644\u064a\u0644 \u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a\u0629 \u0627\u0644\u0634\u0627\u0645\u0644<\/a><\/li>\n<\/ul>\n<\/div>\n<div style=\"background: #fff;border-radius: 12px;padding: 24px 20px;border: 1px solid #e8ece9\">\n<h3 style=\"font-family: 'Tajawal',sans-serif;font-size: 1.1rem;font-weight: 700;color: #16344c;margin-bottom: 12px\">\ud83c\udfa4 \u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0645\u0642\u0627\u0628\u0644\u0629 \u0627\u0644\u0634\u062e\u0635\u064a\u0629<\/h3>\n<ul style=\"font-family: 'Tajawal',sans-serif;font-size: 0.9rem;color: #444;line-height: 2.2;list-style: none;padding: 0;margin: 0;text-align: right\">\n<li>\ud83d\udcac <a href=\"\/ar\/%D8%A7%D8%B3%D8%A6%D9%84%D8%A9-%D8%A7%D9%84%D9%85%D9%82%D8%A7%D8%A8%D9%84%D8%A9-%D8%A7%D9%84%D8%B4%D8%AE%D8%B5%D9%8A%D8%A9\/\" style=\"color: #268599;text-decoration: none;font-weight: 600\">\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0645\u0642\u0627\u0628\u0644\u0629 \u0627\u0644\u0634\u062e\u0635\u064a\u0629 \u0648\u0625\u062c\u0627\u0628\u0627\u062a\u0647\u0627 | 25 \u0633\u0624\u0627\u0644<\/a><\/li>\n<li>\ud83d\udcac <a href=\"\/ar\/%D8%A7%D8%B3%D8%A6%D9%84%D8%A9-%D9%85%D9%82%D8%A7%D8%A8%D9%84%D8%A9-%D9%85%D8%AD%D8%A7%D8%B3%D8%A8\/\" style=\"color: #268599;text-decoration: none;font-weight: 600\">\u0623\u0633\u0626\u0644\u0629 \u0645\u0642\u0627\u0628\u0644\u0629 \u0645\u062d\u0627\u0633\u0628 | \u0623\u0647\u0645 20 \u0633\u0624\u0627\u0644<\/a><\/li>\n<li>\ud83d\udcac <a href=\"\/ar\/%D8%A7%D8%B3%D8%A6%D9%84%D8%A9-%D9%85%D9%82%D8%A7%D8%A8%D9%84%D8%A9-%D9%85%D9%87%D9%86%D8%AF%D8%B3\/\" style=\"color: #268599;text-decoration: none;font-weight: 600\">\u0623\u0633\u0626\u0644\u0629 \u0645\u0642\u0627\u0628\u0644\u0629 \u0645\u0647\u0646\u062f\u0633 | \u0623\u0647\u0645 20 \u0633\u0624\u0627\u0644<\/a><\/li>\n<li>\ud83d\udcac <a href=\"\/ar\/%D8%A7%D8%B3%D8%A6%D9%84%D8%A9-%D9%85%D9%82%D8%A7%D8%A8%D9%84%D8%A9-%D8%AA%D9%82%D9%86%D9%8A%D8%A9-%D8%A7%D9%84%D9%85%D8%B9%D9%84%D9%88%D9%85%D8%A7%D8%AA\/\" style=\"color: #268599;text-decoration: none;font-weight: 600\">\u0623\u0633\u0626\u0644\u0629 \u0645\u0642\u0627\u0628\u0644\u0629 IT | \u0623\u0647\u0645 20 \u0633\u0624\u0627\u0644 \u062a\u0642\u0646\u064a<\/a><\/li>\n<li>\ud83d\udcac <a href=\"\/ar\/%D8%AF%D9%84%D9%8A%D9%84-%D8%A7%D9%84%D9%85%D9%82%D8%A7%D8%A8%D9%84%D8%A7%D8%AA\/\" style=\"color: #268599;text-decoration: none;font-weight: 600\">\u062f\u0644\u064a\u0644 \u0627\u0644\u0645\u0642\u0627\u0628\u0644\u0627\u062a \u0627\u0644\u0648\u0638\u064a\u0641\u064a\u0629 \u0627\u0644\u0634\u0627\u0645\u0644<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n<div style=\"display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;direction: rtl;margin-top: 16px\">\n<a href=\"\/ar\/%D8%B3%D9%88%D9%82-%D8%A7%D9%84%D8%B9%D9%85%D9%84-%D8%A7%D9%84%D8%B3%D8%B9%D9%88%D8%AF%D9%8A\/\" style=\"display: block;padding: 16px 12px;background: #fff;border-radius: 10px;text-decoration: none;border: 1px solid #e8ece9;text-align: center\">\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.9rem;font-weight: 600;color: #268599\">\ud83c\uddf8\ud83c\udde6 \u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0633\u0639\u0648\u062f\u064a<\/span>\n<\/a>\n<a href=\"\/ar\/%D9%85%D8%A7-%D9%87%D9%8A-%D9%85%D9%86%D8%B5%D8%A9-%D8%B7%D8%A7%D9%82%D8%A7%D8%AA\/\" style=\"display: block;padding: 16px 12px;background: #fff;border-radius: 10px;text-decoration: none;border: 1px solid #e8ece9;text-align: center\">\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.9rem;font-weight: 600;color: #268599\">\ud83d\udcbc \u0645\u0646\u0635\u0629 \u0637\u0627\u0642\u0627\u062a<\/span>\n<\/a>\n<a href=\"\/ar\/%D8%A7%D9%84%D8%B3%D8%B9%D9%88%D8%AF%D8%A9-%D9%88%D9%86%D8%B7%D8%A7%D9%82%D8%A7%D8%AA\/\" style=\"display: block;padding: 16px 12px;background: #fff;border-radius: 10px;text-decoration: none;border: 1px solid #e8ece9;text-align: center\">\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.9rem;font-weight: 600;color: #268599\">\ud83d\udcca \u0627\u0644\u0633\u0639\u0648\u062f\u0629 \u0648\u0646\u0637\u0627\u0642\u0627\u062a<\/span>\n<\/a>\n<a href=\"\/ar\/%D8%B1%D8%A4%D9%8A%D8%A9-2030-%D8%A7%D9%84%D9%88%D8%B8%D8%A7%D8%A6%D9%81-%D8%A7%D9%84%D8%AC%D8%AF%D9%8A%D8%AF%D8%A9\/\" style=\"display: block;padding: 16px 12px;background: #fff;border-radius: 10px;text-decoration: none;border: 1px solid #e8ece9;text-align: center\">\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.9rem;font-weight: 600;color: #268599\">\ud83d\ude80 \u0648\u0638\u0627\u0626\u0641 \u0631\u0624\u064a\u0629 2030<\/span>\n<\/a>\n<a href=\"\/ar\/%D8%A8%D8%B1%D8%A7%D9%85%D8%AC-%D9%87%D8%AF%D9%81-%D9%84%D9%84%D8%AA%D8%AF%D8%B1%D9%8A%D8%A8\/\" style=\"display: block;padding: 16px 12px;background: #fff;border-radius: 10px;text-decoration: none;border: 1px solid #e8ece9;text-align: center\">\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.9rem;font-weight: 600;color: #268599\">\ud83c\udf93 \u0628\u0631\u0627\u0645\u062c \u0635\u0646\u062f\u0648\u0642 \u0647\u062f\u0641<\/span>\n<\/a>\n<a href=\"\/ar\/%D8%A7%D8%B3%D8%A6%D9%84%D8%A9-%D9%88%D8%B8%D9%8A%D9%81%D9%8A%D8%A9\/\" style=\"display: block;padding: 16px 12px;background: #fff;border-radius: 10px;text-decoration: none;border: 1px solid #e8ece9;text-align: center\">\n<span style=\"font-family: 'Tajawal',sans-serif;font-size: 0.9rem;font-weight: 600;color: #268599\">\u2753 \u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/span>\n<\/a>\n<\/div>\n<\/div>\n\n<div style=\"background: #16344C; border-radius: 20px; padding: 48px 32px; margin: 48px 0; text-align: center; color: white; position: relative; overflow: hidden; direction: rtl;\">\n  <div style=\"position: absolute; inset: 0; background: radial-gradient(circle at 80% 50%, rgba(38,133,153,0.3) 0%, transparent 60%), radial-gradient(circle at 20% 50%, rgba(232,136,94,0.2) 0%, transparent 60%);\"><\/div>\n  <div style=\"position: relative; z-index: 1;\">\n    <h3 style=\"font-family: 'Tajawal', sans-serif; font-size: 28px; margin-bottom: 8px;\">\ud83c\udfaf \u0647\u0644 \u0633\u064a\u0631\u062a\u0643 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u062c\u0627\u0647\u0632\u0629 \u0644\u0623\u0646\u0638\u0645\u0629 ATS\u061f<\/h3>\n    <p style=\"font-size: 16px; margin-bottom: 32px; opacity: 0.85;\">\u062c\u0631\u0651\u0628 \u0623\u062f\u0648\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u0644\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0623\u0646 \u0633\u064a\u0631\u062a\u0643 \u062a\u062a\u062e\u0637\u0649 \u0627\u0644\u0641\u0644\u0627\u062a\u0631 \u0627\u0644\u0622\u0644\u064a\u0629 \u0648\u062a\u0635\u0644 \u0644\u0644\u0645\u0633\u0624\u0648\u0644.<\/p>\n    <div style=\"display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;\">\n      <a href=\"https:\/\/ai.stylingcv.com\/ar-SA\/ats-score-checker?utm_source=stylingcv&utm_medium=website&utm_campaign=cta&utm_content=home\" style=\"display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #268599, #618480); color: white; padding: 16px 28px; border-radius: 12px; font-weight: 600; font-size: 16px; text-decoration: none;\">\ud83d\udcca \u0641\u062d\u0635 \u0646\u062a\u064a\u062c\u0629 ATS<\/a>\n      <a href=\"https:\/\/ai.stylingcv.com\/ar-SA\/stylion?utm_source=stylingcv&utm_medium=website&utm_campaign=cta&utm_content=home\" style=\"display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #E8885E, #C4A574); color: white; padding: 16px 28px; border-radius: 12px; font-weight: 600; font-size: 16px; text-decoration: none;\">\ud83e\udd81 \u0645\u0631\u0627\u062c\u0639\u0629 \u0633\u062a\u0627\u064a\u0644\u064a\u0648\u0646<\/a>\n    <\/div>\n    <p style=\"font-size: 13px; margin-top: 16px; opacity: 0.6;\">\u0645\u062c\u0627\u0646\u0627\u064b \u2022 \u0628\u062f\u0648\u0646 \u062a\u0633\u062c\u064a\u0644 \u2022 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u062e\u0644\u0627\u0644 \u062b\u0648\u0627\u0646\u064d<\/p>\n  <\/div>\n<\/div><style>.entry-content a[href*=\"ai.stylingcv.com\"]:not(.scv-exit-cta){transition:transform 0.2s ease,box-shadow 0.2s ease}.entry-content a[href*=\"ai.stylingcv.com\"]:not(.scv-exit-cta):hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(38,133,153,0.25)}<\/style>","protected":false},"excerpt":{"rendered":"<p>\u0623\u0646\u0634\u0626 \u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0641\u064a 10 \u062f\u0642\u0627\u0626\u0642 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0642\u0648\u0627\u0644\u0628 \u062c\u0627\u0647\u0632\u0629 \u0645\u062f\u0639\u0648\u0645\u0629 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u0645\u062a\u0648\u0627\u0641\u0642\u0629 \u0645\u0639 \u0623\u0646\u0638\u0645\u0629 ATS \u0644\u0632\u064a\u0627\u062f\u0629 \u0641\u0631\u0635\u0643 \u0627\u0644\u0648\u0638\u064a\u0641\u064a\u0629<\/p>\n","protected":false},"author":6,"featured_media":16891,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-homepage-2026.php","meta":{"footnotes":""},"class_list":["post-867","page","type-page","status-publish","has-post-thumbnail","hentry"," c-blog-1-item  nt-post-class"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.5 (Yoast SEO v26.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u0635\u0627\u0646\u0639 \u0633\u064a \u0641\u064a \u0645\u062c\u0627\u0646\u064a \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a 2026 | StylingCV<\/title>\n<meta name=\"description\" content=\"\u0623\u0646\u0634\u0626 \u0633\u064a\u0641\u064a \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0641\u064a \u062f\u0642\u0627\u0626\u0642 \u0645\u0639 StylingCV. +50 \u0646\u0645\u0648\u0630\u062c \u0633\u064a \u0641\u064a \u062c\u0627\u0647\u0632 \u0645\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 ATS \u0628\u0627\u0644\u0639\u0631\u0628\u064a \u0648\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a. \u0635\u0627\u0646\u0639 \u0627\u0644\u0633\u064a\u0641\u064a \u0627\u0644\u0630\u0643\u064a \u2014 \u0627\u0628\u062f\u0623 \u0645\u062c\u0627\u0646\u0627\u064b \u0648\u062d\u0645\u0651\u0644 PDF \u0641\u0648\u0631\u0627\u064b!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/stylingcv.com\/ar\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u0625\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0641\u064a 10 \u062f\u0642\u0627\u0626\u0642 - \u0635\u0645\u0645 \u0633\u064a\u0631\u062a\u0643 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0628\u0646\u0641\u0633\u0643 - StylingCV Arabic\" \/>\n<meta property=\"og:description\" content=\"\u0625\u062e\u062a\u0631 \u0645\u0646 \u0628\u064a\u0646 39 \u0645\u0646 \u0646\u0645\u0627\u0630\u062c \u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0627\u0644\u062c\u0627\u0647\u0632\u0629\u060c \u0639\u062f\u0644\u0647\u0627 \u062b\u0645 \u062d\u0645\u0651\u0644\u0647\u0627 \u0627\u0648 \u0627\u0637\u0628\u0639\u0647\u0627. \u0635\u0645\u0645\u0647\u0627 \u0641\u064a \u0661\u0660 \u062f\u0642\u0627\u0626\u0642 \u0641\u0642\u0637\u060c \u0639\u0628\u0631 \u0627\u0644\u0645\u0646\u0635\u0629 \u0627\u0644\u0630\u0643\u064a\u0629 \u0627\u0644\u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u0627\u0644\u0639\u0627\u0644\u0645 CV.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stylingcv.com\/ar\/\" \/>\n<meta property=\"og:site_name\" content=\"StylingCV Arabic\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/stylingcv\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-27T17:27:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/uploads\/sites\/3\/2020\/08\/social-ar.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"671\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"\u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u0625\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0641\u064a 10 \u062f\u0642\u0627\u0626\u0642 - \u0635\u0645\u0645 \u0633\u064a\u0631\u062a\u0643 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0628\u0646\u0641\u0633\u0643 - StylingCV Arabic\" \/>\n<meta name=\"twitter:description\" content=\"\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u0625\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0623\u0635\u0628\u062d\u062a \u0627\u0644\u0622\u0646 \u0639\u0645\u0644\u064a\u0629 \u0633\u0631\u064a\u0639\u0629\u060c \u0630\u0643\u064a\u0629\u060c \u0633\u0647\u0644\u0629. \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0630\u0643\u064a \u0648\u0627\u0644\u0648\u062d\u064a\u062f \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0646\u0645\u0648\u0630\u062c \u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u0628\u062a\u0635\u0627\u0645\u064a\u0645 \u0639\u0627\u0644\u0645\u064a\u0629\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/uploads\/sites\/3\/2020\/08\/social-ar.jpg\" \/>\n<meta name=\"twitter:site\" content=\"@stylingcv\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"WebPage\",\"CollectionPage\"],\"@id\":\"https:\/\/wp.stylingcv.com\/ar\/\",\"url\":\"https:\/\/wp.stylingcv.com\/ar\/\",\"name\":\"\u0635\u0627\u0646\u0639 \u0633\u064a \u0641\u064a \u0645\u062c\u0627\u0646\u064a \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a 2026 | StylingCV\",\"isPartOf\":{\"@id\":\"https:\/\/wp.stylingcv.com\/ar\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wp.stylingcv.com\/ar\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wp.stylingcv.com\/ar\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/uploads\/sites\/3\/2020\/08\/social-ar.jpg\",\"datePublished\":\"2024-12-08T05:12:07+00:00\",\"dateModified\":\"2026-04-27T17:27:09+00:00\",\"description\":\"\u0623\u0646\u0634\u0626 \u0633\u064a\u0641\u064a \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0641\u064a \u062f\u0642\u0627\u0626\u0642 \u0645\u0639 StylingCV. +50 \u0646\u0645\u0648\u0630\u062c \u0633\u064a \u0641\u064a \u062c\u0627\u0647\u0632 \u0645\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 ATS \u0628\u0627\u0644\u0639\u0631\u0628\u064a \u0648\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a. \u0635\u0627\u0646\u0639 \u0627\u0644\u0633\u064a\u0641\u064a \u0627\u0644\u0630\u0643\u064a \u2014 \u0627\u0628\u062f\u0623 \u0645\u062c\u0627\u0646\u0627\u064b \u0648\u062d\u0645\u0651\u0644 PDF \u0641\u0648\u0631\u0627\u064b!\",\"breadcrumb\":{\"@id\":\"https:\/\/wp.stylingcv.com\/ar\/#breadcrumb\"},\"inLanguage\":\"ar\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\/\/wp.stylingcv.com\/ar\/#primaryimage\",\"url\":\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/uploads\/sites\/3\/2020\/08\/social-ar.jpg\",\"contentUrl\":\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/uploads\/sites\/3\/2020\/08\/social-ar.jpg\",\"width\":1280,\"height\":671,\"caption\":\"\u0646\u0645\u0648\u0630\u062c \u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 - StylingCV\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wp.stylingcv.com\/ar\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wp.stylingcv.com\/ar\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0625\u0646\u0634\u0627\u0621 \u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u062c\u0627\u0646\u0627\u064b \u0641\u064a \u062f\u0642\u0627\u0626\u0642\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wp.stylingcv.com\/ar\/#website\",\"url\":\"https:\/\/wp.stylingcv.com\/ar\/\",\"name\":\"StylingCV Arabic\",\"description\":\"\u0645\u0646\u0635\u0629 \u0627\u0646\u0634\u0627\u0621 \u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wp.stylingcv.com\/ar\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wp.stylingcv.com\/ar\/#\/schema\/person\/bc75591e9bffbe2f39b10327f3243619\",\"name\":\"\u0633\u0627\u0631\u0629 \u064a\u0648\u0646\u0633\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\/\/wp.stylingcv.com\/ar\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/uploads\/sites\/3\/2025\/12\/sara_image-96x96.png\",\"contentUrl\":\"https:\/\/wp.stylingcv.com\/ar\/wp-content\/uploads\/sites\/3\/2025\/12\/sara_image-96x96.png\",\"caption\":\"\u0633\u0627\u0631\u0629 \u064a\u0648\u0646\u0633\"},\"description\":\"\u0633\u0627\u0631\u0629 \u064a\u0648\u0646\u0633 \u0647\u064a \u0643\u0627\u062a\u0628\u0629 \u0645\u062d\u062a\u0648\u0649 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a \u0648\u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629\u060c \u062a\u062a\u0645\u062a\u0639 \u0628\u062e\u0628\u0631\u0629 \u0648\u0627\u0633\u0639\u0629 \u0641\u064a \u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0628\u0627\u062d\u062b\u064a\u0646 \u0639\u0646 \u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0633\u064a\u0631\u0647\u0645 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0648\u062a\u0637\u0648\u064a\u0631 \u0645\u0647\u0627\u0631\u0627\u062a\u0647\u0645 \u0627\u0644\u0645\u0647\u0646\u064a\u0629. \u062a\u0639\u0645\u0644 \u0633\u0627\u0631\u0629 \u0636\u0645\u0646 \u0641\u0631\u064a\u0642 StylingCV \u0644\u062a\u0642\u062f\u064a\u0645 \u0646\u0635\u0627\u0626\u062d \u0639\u0645\u0644\u064a\u0629 \u0648\u0645\u062d\u062a\u0648\u0649 \u0642\u064a\u0651\u0645 \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0645\u062d\u062a\u0631\u0641\u064a\u0646 \u0627\u0644\u0639\u0631\u0628 \u0639\u0644\u0649 \u0627\u0644\u062a\u0645\u064a\u0632 \u0641\u064a \u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644 \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641\u0647\u0645 \u0627\u0644\u0645\u0647\u0646\u064a\u0629. \u062a\u0631\u0643\u0632 \u0641\u064a \u0643\u062a\u0627\u0628\u0627\u062a\u0647\u0627 \u0639\u0644\u0649 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0639\u0645\u0644 \u0627\u0644\u0641\u0639\u0627\u0644\u0629\u060c \u0648\u062a\u0642\u0646\u064a\u0627\u062a \u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\u060c \u0648\u0646\u0635\u0627\u0626\u062d \u0627\u062c\u062a\u064a\u0627\u0632 \u0627\u0644\u0645\u0642\u0627\u0628\u0644\u0627\u062a \u0627\u0644\u0634\u062e\u0635\u064a\u0629 \u0628\u0646\u062c\u0627\u062d.\",\"sameAs\":[\"https:\/\/www.facebook.com\/stylingcv\",\"https:\/\/www.linkedin.com\/company\/styling-cv\",\"https:\/\/x.com\/https:\/\/twitter.com\/stylingcv\"],\"url\":\"https:\/\/wp.stylingcv.com\/ar\/author\/sarahy\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u0635\u0627\u0646\u0639 \u0633\u064a \u0641\u064a \u0645\u062c\u0627\u0646\u064a \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a 2026 | StylingCV","description":"\u0623\u0646\u0634\u0626 \u0633\u064a\u0641\u064a \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0641\u064a \u062f\u0642\u0627\u0626\u0642 \u0645\u0639 StylingCV. +50 \u0646\u0645\u0648\u0630\u062c \u0633\u064a \u0641\u064a \u062c\u0627\u0647\u0632 \u0645\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 ATS \u0628\u0627\u0644\u0639\u0631\u0628\u064a \u0648\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a. \u0635\u0627\u0646\u0639 \u0627\u0644\u0633\u064a\u0641\u064a \u0627\u0644\u0630\u0643\u064a \u2014 \u0627\u0628\u062f\u0623 \u0645\u062c\u0627\u0646\u0627\u064b \u0648\u062d\u0645\u0651\u0644 PDF \u0641\u0648\u0631\u0627\u064b!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/stylingcv.com\/ar\/","og_locale":"ar_AR","og_type":"article","og_title":"\u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u0625\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0641\u064a 10 \u062f\u0642\u0627\u0626\u0642 - \u0635\u0645\u0645 \u0633\u064a\u0631\u062a\u0643 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0628\u0646\u0641\u0633\u0643 - StylingCV Arabic","og_description":"\u0625\u062e\u062a\u0631 \u0645\u0646 \u0628\u064a\u0646 39 \u0645\u0646 \u0646\u0645\u0627\u0630\u062c \u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0627\u0644\u062c\u0627\u0647\u0632\u0629\u060c \u0639\u062f\u0644\u0647\u0627 \u062b\u0645 \u062d\u0645\u0651\u0644\u0647\u0627 \u0627\u0648 \u0627\u0637\u0628\u0639\u0647\u0627. \u0635\u0645\u0645\u0647\u0627 \u0641\u064a \u0661\u0660 \u062f\u0642\u0627\u0626\u0642 \u0641\u0642\u0637\u060c \u0639\u0628\u0631 \u0627\u0644\u0645\u0646\u0635\u0629 \u0627\u0644\u0630\u0643\u064a\u0629 \u0627\u0644\u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u0627\u0644\u0639\u0627\u0644\u0645 CV.","og_url":"https:\/\/stylingcv.com\/ar\/","og_site_name":"StylingCV Arabic","article_publisher":"https:\/\/www.facebook.com\/stylingcv","article_modified_time":"2026-04-27T17:27:09+00:00","og_image":[{"width":1280,"height":671,"url":"https:\/\/wp.stylingcv.com\/ar\/wp-content\/uploads\/sites\/3\/2020\/08\/social-ar.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_title":"\u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u0625\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0641\u064a 10 \u062f\u0642\u0627\u0626\u0642 - \u0635\u0645\u0645 \u0633\u064a\u0631\u062a\u0643 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0628\u0646\u0641\u0633\u0643 - StylingCV Arabic","twitter_description":"\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u0625\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0623\u0635\u0628\u062d\u062a \u0627\u0644\u0622\u0646 \u0639\u0645\u0644\u064a\u0629 \u0633\u0631\u064a\u0639\u0629\u060c \u0630\u0643\u064a\u0629\u060c \u0633\u0647\u0644\u0629. \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0630\u0643\u064a \u0648\u0627\u0644\u0648\u062d\u064a\u062f \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0646\u0645\u0648\u0630\u062c \u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u0628\u062a\u0635\u0627\u0645\u064a\u0645 \u0639\u0627\u0644\u0645\u064a\u0629","twitter_image":"https:\/\/wp.stylingcv.com\/ar\/wp-content\/uploads\/sites\/3\/2020\/08\/social-ar.jpg","twitter_site":"@stylingcv","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["WebPage","CollectionPage"],"@id":"https:\/\/wp.stylingcv.com\/ar\/","url":"https:\/\/wp.stylingcv.com\/ar\/","name":"\u0635\u0627\u0646\u0639 \u0633\u064a \u0641\u064a \u0645\u062c\u0627\u0646\u064a \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a 2026 | StylingCV","isPartOf":{"@id":"https:\/\/wp.stylingcv.com\/ar\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wp.stylingcv.com\/ar\/#primaryimage"},"image":{"@id":"https:\/\/wp.stylingcv.com\/ar\/#primaryimage"},"thumbnailUrl":"https:\/\/wp.stylingcv.com\/ar\/wp-content\/uploads\/sites\/3\/2020\/08\/social-ar.jpg","datePublished":"2024-12-08T05:12:07+00:00","dateModified":"2026-04-27T17:27:09+00:00","description":"\u0623\u0646\u0634\u0626 \u0633\u064a\u0641\u064a \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0641\u064a \u062f\u0642\u0627\u0626\u0642 \u0645\u0639 StylingCV. +50 \u0646\u0645\u0648\u0630\u062c \u0633\u064a \u0641\u064a \u062c\u0627\u0647\u0632 \u0645\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 ATS \u0628\u0627\u0644\u0639\u0631\u0628\u064a \u0648\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a. \u0635\u0627\u0646\u0639 \u0627\u0644\u0633\u064a\u0641\u064a \u0627\u0644\u0630\u0643\u064a \u2014 \u0627\u0628\u062f\u0623 \u0645\u062c\u0627\u0646\u0627\u064b \u0648\u062d\u0645\u0651\u0644 PDF \u0641\u0648\u0631\u0627\u064b!","breadcrumb":{"@id":"https:\/\/wp.stylingcv.com\/ar\/#breadcrumb"},"inLanguage":"ar"},{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/wp.stylingcv.com\/ar\/#primaryimage","url":"https:\/\/wp.stylingcv.com\/ar\/wp-content\/uploads\/sites\/3\/2020\/08\/social-ar.jpg","contentUrl":"https:\/\/wp.stylingcv.com\/ar\/wp-content\/uploads\/sites\/3\/2020\/08\/social-ar.jpg","width":1280,"height":671,"caption":"\u0646\u0645\u0648\u0630\u062c \u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 - StylingCV"},{"@type":"BreadcrumbList","@id":"https:\/\/wp.stylingcv.com\/ar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wp.stylingcv.com\/ar\/"},{"@type":"ListItem","position":2,"name":"\u0625\u0646\u0634\u0627\u0621 \u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u062c\u0627\u0646\u0627\u064b \u0641\u064a \u062f\u0642\u0627\u0626\u0642"}]},{"@type":"WebSite","@id":"https:\/\/wp.stylingcv.com\/ar\/#website","url":"https:\/\/wp.stylingcv.com\/ar\/","name":"StylingCV Arabic","description":"\u0645\u0646\u0635\u0629 \u0627\u0646\u0634\u0627\u0621 \u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wp.stylingcv.com\/ar\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"},{"@type":"Person","@id":"https:\/\/wp.stylingcv.com\/ar\/#\/schema\/person\/bc75591e9bffbe2f39b10327f3243619","name":"\u0633\u0627\u0631\u0629 \u064a\u0648\u0646\u0633","image":{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/wp.stylingcv.com\/ar\/#\/schema\/person\/image\/","url":"https:\/\/wp.stylingcv.com\/ar\/wp-content\/uploads\/sites\/3\/2025\/12\/sara_image-96x96.png","contentUrl":"https:\/\/wp.stylingcv.com\/ar\/wp-content\/uploads\/sites\/3\/2025\/12\/sara_image-96x96.png","caption":"\u0633\u0627\u0631\u0629 \u064a\u0648\u0646\u0633"},"description":"\u0633\u0627\u0631\u0629 \u064a\u0648\u0646\u0633 \u0647\u064a \u0643\u0627\u062a\u0628\u0629 \u0645\u062d\u062a\u0648\u0649 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a \u0648\u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629\u060c \u062a\u062a\u0645\u062a\u0639 \u0628\u062e\u0628\u0631\u0629 \u0648\u0627\u0633\u0639\u0629 \u0641\u064a \u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0628\u0627\u062d\u062b\u064a\u0646 \u0639\u0646 \u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0633\u064a\u0631\u0647\u0645 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0648\u062a\u0637\u0648\u064a\u0631 \u0645\u0647\u0627\u0631\u0627\u062a\u0647\u0645 \u0627\u0644\u0645\u0647\u0646\u064a\u0629. \u062a\u0639\u0645\u0644 \u0633\u0627\u0631\u0629 \u0636\u0645\u0646 \u0641\u0631\u064a\u0642 StylingCV \u0644\u062a\u0642\u062f\u064a\u0645 \u0646\u0635\u0627\u0626\u062d \u0639\u0645\u0644\u064a\u0629 \u0648\u0645\u062d\u062a\u0648\u0649 \u0642\u064a\u0651\u0645 \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0645\u062d\u062a\u0631\u0641\u064a\u0646 \u0627\u0644\u0639\u0631\u0628 \u0639\u0644\u0649 \u0627\u0644\u062a\u0645\u064a\u0632 \u0641\u064a \u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644 \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641\u0647\u0645 \u0627\u0644\u0645\u0647\u0646\u064a\u0629. \u062a\u0631\u0643\u0632 \u0641\u064a \u0643\u062a\u0627\u0628\u0627\u062a\u0647\u0627 \u0639\u0644\u0649 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0639\u0645\u0644 \u0627\u0644\u0641\u0639\u0627\u0644\u0629\u060c \u0648\u062a\u0642\u0646\u064a\u0627\u062a \u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\u060c \u0648\u0646\u0635\u0627\u0626\u062d \u0627\u062c\u062a\u064a\u0627\u0632 \u0627\u0644\u0645\u0642\u0627\u0628\u0644\u0627\u062a \u0627\u0644\u0634\u062e\u0635\u064a\u0629 \u0628\u0646\u062c\u0627\u062d.","sameAs":["https:\/\/www.facebook.com\/stylingcv","https:\/\/www.linkedin.com\/company\/styling-cv","https:\/\/x.com\/https:\/\/twitter.com\/stylingcv"],"url":"https:\/\/wp.stylingcv.com\/ar\/author\/sarahy\/"}]}},"_links":{"self":[{"href":"https:\/\/wp.stylingcv.com\/ar\/wp-json\/wp\/v2\/pages\/867","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.stylingcv.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.stylingcv.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.stylingcv.com\/ar\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.stylingcv.com\/ar\/wp-json\/wp\/v2\/comments?post=867"}],"version-history":[{"count":3,"href":"https:\/\/wp.stylingcv.com\/ar\/wp-json\/wp\/v2\/pages\/867\/revisions"}],"predecessor-version":[{"id":1019703,"href":"https:\/\/wp.stylingcv.com\/ar\/wp-json\/wp\/v2\/pages\/867\/revisions\/1019703"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp.stylingcv.com\/ar\/wp-json\/wp\/v2\/media\/16891"}],"wp:attachment":[{"href":"https:\/\/wp.stylingcv.com\/ar\/wp-json\/wp\/v2\/media?parent=867"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}