{"id":12295,"date":"2026-02-09T00:09:36","date_gmt":"2026-02-08T23:09:36","guid":{"rendered":"https:\/\/ubskilled.com\/jobhunter\/?page_id=12295"},"modified":"2026-02-09T00:09:36","modified_gmt":"2026-02-08T23:09:36","slug":"inscription","status":"publish","type":"page","link":"https:\/\/ubskilled.com\/jobhunter\/inscription\/","title":{"rendered":"Inscription"},"content":{"rendered":"<div class=\"jhai-public\">\n<div class=\"jhai-register-page\">\n    <div style=\"text-align:center;margin-bottom:32px\">\n        <h2>Cr\u00e9ez votre compte JobHunter AI<\/h2>\n        <p style=\"color:#94a3b8;font-size:15px\">Rejoignez des milliers de candidats qui utilisent l'IA pour trouver un emploi<\/p>\n    <\/div>\n\n    <!-- Progress bar -->\n    <div class=\"register-progress\">\n        <div class=\"progress-step active\" data-step=\"1\"><span class=\"step-number\">1<\/span><span class=\"step-label\">Compte<\/span><\/div>\n        <div class=\"progress-step\" data-step=\"2\"><span class=\"step-number\">2<\/span><span class=\"step-label\">Profil<\/span><\/div>\n        <div class=\"progress-step\" data-step=\"3\"><span class=\"step-number\">3<\/span><span class=\"step-label\">Comp\u00e9tences<\/span><\/div>\n        <div class=\"progress-step\" data-step=\"4\"><span class=\"step-number\">4<\/span><span class=\"step-label\">Abonnement<\/span><\/div>\n    <\/div>\n\n    <!-- Step 1: Account -->\n    <form id=\"reg-step1\" class=\"register-form active\">\n        <div class=\"jhai-card\">\n            <h3>Cr\u00e9ez votre compte<\/h3>\n            <div class=\"jhai-form-group\"><label>Nom d'utilisateur *<\/label><input type=\"text\" name=\"username\" required placeholder=\"Identifiant unique\" pattern=\"[a-zA-Z0-9_-]+\"><small>Lettres, chiffres, tirets uniquement<\/small><\/div>\n            <div class=\"jhai-form-group\"><label>Email *<\/label><input type=\"email\" name=\"email\" required placeholder=\"votre@email.com\"><\/div>\n            <div class=\"jhai-form-group\"><label>Mot de passe *<\/label><input type=\"password\" name=\"password\" required minlength=\"6\" placeholder=\"Min. 6 caract\u00e8res\"><\/div>\n            <div class=\"jhai-form-group\"><label>Confirmer *<\/label><input type=\"password\" name=\"password_confirm\" required minlength=\"6\" placeholder=\"Confirmez\"><\/div>\n            <div class=\"jhai-form-group\"><label style=\"font-size:13px;display:flex;align-items:start;gap:8px;cursor:pointer\"><input type=\"checkbox\" required style=\"margin-top:3px;width:auto\"> J'accepte les conditions d'utilisation et la politique de confidentialit\u00e9 *<\/label><\/div>\n            <button type=\"submit\" class=\"jhai-btn jhai-btn-lg\">Continuer<\/button>\n            <p style=\"text-align:center;margin-top:16px;font-size:14px;color:#94a3b8\">D\u00e9j\u00e0 inscrit ? <a href=\"https:\/\/ubskilled.com\/jobhunter\/wp-login.php?redirect_to=https%3A%2F%2Fubskilled.com%2Fjobhunter%2Fmon-dashboard%2F\">Se connecter<\/a><\/p>\n        <\/div>\n    <\/form>\n\n    <!-- Step 2: Profile -->\n    <form id=\"reg-step2\" class=\"register-form\">\n        <div class=\"jhai-card\">\n            <h3>Votre profil<\/h3>\n            <p style=\"color:#94a3b8;font-size:14px;margin-bottom:20px\">Ces informations personnalisent vos candidatures.<\/p>\n            <div class=\"jhai-form-row\">\n                <div class=\"jhai-form-group\"><label>Pr\u00e9nom *<\/label><input type=\"text\" name=\"first_name\" required placeholder=\"Jean\"><\/div>\n                <div class=\"jhai-form-group\"><label>Nom *<\/label><input type=\"text\" name=\"last_name\" required placeholder=\"Dupont\"><\/div>\n            <\/div>\n            <div class=\"jhai-form-row\">\n                <div class=\"jhai-form-group\"><label>T\u00e9l\u00e9phone<\/label><input type=\"tel\" name=\"phone\" placeholder=\"+33 6 12 34 56 78\"><\/div>\n                <div class=\"jhai-form-group\"><label>Ville<\/label><input type=\"text\" name=\"location\" placeholder=\"Paris, Montr\u00e9al, Dakar...\"><\/div>\n            <\/div>\n            <div style=\"display:flex;gap:12px\">\n                <button type=\"button\" class=\"jhai-btn jhai-btn-outline\" onclick=\"regBack(1)\">Retour<\/button>\n                <button type=\"submit\" class=\"jhai-btn jhai-btn-lg\" style=\"flex:1\">Continuer<\/button>\n            <\/div>\n        <\/div>\n    <\/form>\n\n    <!-- Step 3: Skills -->\n    <form id=\"reg-step3\" class=\"register-form\">\n        <div class=\"jhai-card\">\n            <h3>Vos comp\u00e9tences<\/h3>\n            <p style=\"color:#94a3b8;font-size:14px;margin-bottom:20px\">L'IA utilise ces infos pour optimiser vos CV et lettres.<\/p>\n            <div class=\"jhai-form-group\"><label>R\u00e9sum\u00e9 professionnel<\/label><textarea name=\"summary\" rows=\"4\" placeholder=\"D\u00e9crivez votre parcours en quelques phrases...\"><\/textarea><\/div>\n            <div class=\"jhai-form-group\"><label>Comp\u00e9tences cl\u00e9s<\/label><input type=\"text\" id=\"skills-input\" placeholder=\"Tapez une comp\u00e9tence puis Entr\u00e9e\"><small>Appuyez sur Entr\u00e9e pour ajouter<\/small>\n                <div id=\"skills-tags\" class=\"skills-cloud\" style=\"margin-top:8px\"><\/div>\n            <\/div>\n            <div style=\"display:flex;gap:12px\">\n                <button type=\"button\" class=\"jhai-btn jhai-btn-outline\" onclick=\"regBack(2)\">Retour<\/button>\n                <button type=\"submit\" class=\"jhai-btn jhai-btn-lg\" style=\"flex:1\">Continuer<\/button>\n            <\/div>\n        <\/div>\n    <\/form>\n\n    <!-- Step 4: Plan Selection -->\n    <div id=\"reg-step4\" class=\"register-form\">\n        <div class=\"jhai-card\" style=\"max-width:none;padding:28px\">\n            <h3 style=\"text-align:center;margin-bottom:4px\">Choisissez votre plan<\/h3>\n            <p style=\"color:#94a3b8;font-size:14px;text-align:center;margin-bottom:24px\">Vous pouvez changer \u00e0 tout moment depuis votre tableau de bord.<\/p>\n\n            <!-- Billing toggle -->\n            <div style=\"display:flex;justify-content:center;gap:12px;margin-bottom:28px;align-items:center\">\n                <span class=\"reg-toggle-label active\" data-billing=\"monthly\" style=\"font-size:14px;font-weight:600;color:#e2e8f0;cursor:pointer\">Mensuel<\/span>\n                <label class=\"reg-switch\" style=\"position:relative;display:inline-block;width:48px;height:26px;cursor:pointer\">\n                    <input type=\"checkbox\" id=\"reg-billing-toggle\" style=\"opacity:0;width:0;height:0\">\n                    <span style=\"position:absolute;inset:0;background:#334155;border-radius:13px;transition:.3s\"><\/span>\n                    <span class=\"reg-dot\" style=\"position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:.3s\"><\/span>\n                <\/label>\n                <span class=\"reg-toggle-label\" data-billing=\"yearly\" style=\"font-size:14px;font-weight:600;color:#64748b;cursor:pointer\">Annuel <span style=\"background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;margin-left:4px\">-17%<\/span><\/span>\n            <\/div>\n\n            <!-- Plan cards -->\n            <div class=\"reg-plans-grid\" id=\"reg-plans-grid\">\n                                <div class=\"reg-plan-card\" data-plan=\"free\"\n                     data-price-monthly=\"0\" data-price-yearly=\"0\">\n\n                    \n                    <div style=\"text-align:center\">\n                        <div style=\"font-size:32px;margin-bottom:6px\">\ud83c\udd93<\/div>\n                        <h4 style=\"margin:0 0 4px;font-size:18px;color:#e2e8f0\">Gratuit<\/h4>\n                        <div style=\"margin:12px 0 16px\">\n                            <span class=\"reg-price-monthly\" style=\"font-size:28px;font-weight:800;color:#e2e8f0\">Gratuit<\/span>\n                            <span class=\"reg-price-yearly\" style=\"font-size:28px;font-weight:800;color:#e2e8f0;display:none\">Gratuit<\/span>\n                                                    <\/div>\n                    <\/div>\n\n                    <ul style=\"list-style:none;padding:0;margin:0 0 16px;font-size:13px;color:#94a3b8\">\n                                                <li style=\"padding:5px 0;display:flex;align-items:center;gap:8px\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#64748b\" stroke-width=\"3\" stroke-linecap=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n                            3 optimisations ATS\/mois                        <\/li>\n                                                <li style=\"padding:5px 0;display:flex;align-items:center;gap:8px\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#64748b\" stroke-width=\"3\" stroke-linecap=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n                            2 lettres de motivation\/mois                        <\/li>\n                                                <li style=\"padding:5px 0;display:flex;align-items:center;gap:8px\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#64748b\" stroke-width=\"3\" stroke-linecap=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n                            10 candidatures suivies                        <\/li>\n                                                <li style=\"padding:5px 0;display:flex;align-items:center;gap:8px\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#64748b\" stroke-width=\"3\" stroke-linecap=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n                            1 alerte emploi                        <\/li>\n                                                <li style=\"padding:5px 0;display:flex;align-items:center;gap:8px\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#64748b\" stroke-width=\"3\" stroke-linecap=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n                            2 mock interviews\/mois                        <\/li>\n                                            <\/ul>\n\n                    <div class=\"reg-plan-radio\">\n                        <div class=\"reg-radio-outer\"><div class=\"reg-radio-inner\"><\/div><\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"reg-plan-card popular\" data-plan=\"pro\"\n                     data-price-monthly=\"19.99\" data-price-yearly=\"191.9\">\n\n                                        <div class=\"reg-popular-badge\">POPULAIRE<\/div>\n                    \n                    <div style=\"text-align:center\">\n                        <div style=\"font-size:32px;margin-bottom:6px\">\u2b50<\/div>\n                        <h4 style=\"margin:0 0 4px;font-size:18px;color:#e2e8f0\">Pro<\/h4>\n                        <div style=\"margin:12px 0 16px\">\n                            <span class=\"reg-price-monthly\" style=\"font-size:28px;font-weight:800;color:#e2e8f0\">19.99 $<\/span>\n                            <span class=\"reg-price-yearly\" style=\"font-size:28px;font-weight:800;color:#e2e8f0;display:none\">15.99 $<\/span>\n                                                        <span style=\"font-size:13px;color:#64748b;display:block\">\/mois<\/span>\n                                                    <\/div>\n                    <\/div>\n\n                    <ul style=\"list-style:none;padding:0;margin:0 0 16px;font-size:13px;color:#94a3b8\">\n                                                <li style=\"padding:5px 0;display:flex;align-items:center;gap:8px\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6366f1\" stroke-width=\"3\" stroke-linecap=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n                            Optimisations ATS illimit\u00e9es                        <\/li>\n                                                <li style=\"padding:5px 0;display:flex;align-items:center;gap:8px\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6366f1\" stroke-width=\"3\" stroke-linecap=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n                            Lettres de motivation illimit\u00e9es                        <\/li>\n                                                <li style=\"padding:5px 0;display:flex;align-items:center;gap:8px\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6366f1\" stroke-width=\"3\" stroke-linecap=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n                            Candidatures illimit\u00e9es                        <\/li>\n                                                <li style=\"padding:5px 0;display:flex;align-items:center;gap:8px\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6366f1\" stroke-width=\"3\" stroke-linecap=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n                            5 alertes emploi                        <\/li>\n                                                <li style=\"padding:5px 0;display:flex;align-items:center;gap:8px\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6366f1\" stroke-width=\"3\" stroke-linecap=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n                            10 mock interviews\/mois                        <\/li>\n                                                <li style=\"padding:5px 0;display:flex;align-items:center;gap:8px\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6366f1\" stroke-width=\"3\" stroke-linecap=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n                            Auto-Apply (50\/mois)                        <\/li>\n                                                <li style=\"padding:5px 0;display:flex;align-items:center;gap:8px\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6366f1\" stroke-width=\"3\" stroke-linecap=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n                            Support prioritaire                        <\/li>\n                                            <\/ul>\n\n                    <div class=\"reg-plan-radio\">\n                        <div class=\"reg-radio-outer\"><div class=\"reg-radio-inner\"><\/div><\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"reg-plan-card\" data-plan=\"premium\"\n                     data-price-monthly=\"34.99\" data-price-yearly=\"335.9\">\n\n                    \n                    <div style=\"text-align:center\">\n                        <div style=\"font-size:32px;margin-bottom:6px\">\ud83d\udc8e<\/div>\n                        <h4 style=\"margin:0 0 4px;font-size:18px;color:#e2e8f0\">Premium<\/h4>\n                        <div style=\"margin:12px 0 16px\">\n                            <span class=\"reg-price-monthly\" style=\"font-size:28px;font-weight:800;color:#e2e8f0\">34.99 $<\/span>\n                            <span class=\"reg-price-yearly\" style=\"font-size:28px;font-weight:800;color:#e2e8f0;display:none\">27.99 $<\/span>\n                                                        <span style=\"font-size:13px;color:#64748b;display:block\">\/mois<\/span>\n                                                    <\/div>\n                    <\/div>\n\n                    <ul style=\"list-style:none;padding:0;margin:0 0 16px;font-size:13px;color:#94a3b8\">\n                                                <li style=\"padding:5px 0;display:flex;align-items:center;gap:8px\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#7c3aed\" stroke-width=\"3\" stroke-linecap=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n                            Tout dans Pro                        <\/li>\n                                                <li style=\"padding:5px 0;display:flex;align-items:center;gap:8px\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#7c3aed\" stroke-width=\"3\" stroke-linecap=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n                            Auto-Apply illimit\u00e9                        <\/li>\n                                                <li style=\"padding:5px 0;display:flex;align-items:center;gap:8px\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#7c3aed\" stroke-width=\"3\" stroke-linecap=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n                            Mock interviews illimit\u00e9s                        <\/li>\n                                                <li style=\"padding:5px 0;display:flex;align-items:center;gap:8px\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#7c3aed\" stroke-width=\"3\" stroke-linecap=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n                            15 alertes emploi                        <\/li>\n                                                <li style=\"padding:5px 0;display:flex;align-items:center;gap:8px\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#7c3aed\" stroke-width=\"3\" stroke-linecap=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n                            N\u00e9gociation salariale IA                        <\/li>\n                                                <li style=\"padding:5px 0;display:flex;align-items:center;gap:8px\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#7c3aed\" stroke-width=\"3\" stroke-linecap=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n                            LinkedIn Optimizer                        <\/li>\n                                                <li style=\"padding:5px 0;display:flex;align-items:center;gap:8px\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#7c3aed\" stroke-width=\"3\" stroke-linecap=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n                            NetworkAI                        <\/li>\n                                                <li style=\"padding:5px 0;display:flex;align-items:center;gap:8px\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#7c3aed\" stroke-width=\"3\" stroke-linecap=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n                            Support VIP                        <\/li>\n                                            <\/ul>\n\n                    <div class=\"reg-plan-radio\">\n                        <div class=\"reg-radio-outer\"><div class=\"reg-radio-inner\"><\/div><\/div>\n                    <\/div>\n                <\/div>\n                            <\/div>\n\n            <div style=\"display:flex;gap:12px;margin-top:28px\">\n                <button type=\"button\" class=\"jhai-btn jhai-btn-outline\" onclick=\"regBack(3)\">Retour<\/button>\n                <button type=\"button\" id=\"reg-complete-btn\" class=\"jhai-btn jhai-btn-lg\" style=\"flex:1;opacity:.5;cursor:not-allowed\" disabled>Choisissez un plan<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n<style>\n.jhai-register-page { max-width: 780px; margin: 0 auto; padding: 40px 20px; }\n.register-form { display: none; }\n.register-form.active { display: block; animation: regFadeIn .3s ease; }\n@keyframes regFadeIn { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }\n\n.register-progress { display:flex; justify-content:center; gap:8px; margin-bottom:32px; }\n.progress-step { display:flex; align-items:center; gap:6px; padding:8px 14px; border-radius:8px; font-size:13px; color:#64748b; transition:.2s; }\n.progress-step .step-number { width:24px; height:24px; border-radius:50%; background:#1e293b; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; border:1.5px solid #334155; }\n.progress-step.active { color:#e2e8f0; }\n.progress-step.active .step-number { background:#4f46e5; border-color:#6366f1; color:#fff; }\n.progress-step.done .step-number { background:#059669; border-color:#10b981; color:#fff; }\n.progress-step .step-label { display:none; }\n@media (min-width:640px) { .progress-step .step-label { display:inline; } }\n\n.jhai-form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }\n@media (max-width:560px) { .jhai-form-row { grid-template-columns:1fr; } }\n.jhai-form-group { margin-bottom:16px; }\n.jhai-form-group label { display:block; font-size:13px; font-weight:600; color:#94a3b8; margin-bottom:6px; }\n.jhai-form-group input, .jhai-form-group textarea {\n    width:100%; padding:10px 14px; background:#0f172a; border:1px solid #334155; border-radius:8px;\n    color:#e2e8f0; font-size:14px; font-family:Inter,system-ui,sans-serif; transition:border-color .2s; box-sizing:border-box;\n}\n.jhai-form-group input:focus, .jhai-form-group textarea:focus { border-color:#6366f1; outline:none; }\n.jhai-form-group small { font-size:12px; color:#64748b; margin-top:4px; display:block; }\n\n.jhai-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 20px; border-radius:8px; font-size:14px; font-weight:600; border:none; cursor:pointer; font-family:Inter,system-ui,sans-serif; transition:.2s; background:linear-gradient(135deg,#4f46e5,#6366f1); color:#fff; }\n.jhai-btn:hover { filter:brightness(1.1); }\n.jhai-btn-lg { width:100%; padding:12px 20px; }\n.jhai-btn-outline { background:transparent !important; border:1px solid #334155; color:#94a3b8 !important; }\n.jhai-btn-outline:hover { border-color:#6366f1; color:#e2e8f0 !important; }\n.jhai-btn:disabled { opacity:.5; cursor:not-allowed !important; filter:none !important; }\n\n.jhai-card { background:#0f172a; border:1px solid #1e293b; border-radius:12px; padding:28px; }\n.jhai-card h3 { margin:0 0 16px; font-size:20px; color:#e2e8f0; }\n\n.skills-cloud { display:flex; flex-wrap:wrap; gap:8px; }\n.skill-tag { display:inline-flex; align-items:center; gap:4px; padding:4px 12px; background:#1e293b; border:1px solid #334155; border-radius:6px; font-size:13px; color:#e2e8f0; cursor:pointer; }\n.skill-tag:hover { border-color:#ef4444; color:#ef4444; }\n\n\/* Plan cards grid *\/\n.reg-plans-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }\n@media (max-width:768px) { .reg-plans-grid { grid-template-columns:1fr; max-width:400px; margin:0 auto; } }\n\n.reg-plan-card {\n    background:rgba(15,23,42,.6); border:2px solid #1e293b; border-radius:12px; padding:24px;\n    cursor:pointer; position:relative; transition:all .2s;\n}\n.reg-plan-card:hover { border-color:#475569; transform:translateY(-2px); }\n.reg-plan-card.popular { border-color:rgba(99,102,241,.4); }\n.reg-plan-card.selected { border-color:#6366f1 !important; background:rgba(99,102,241,.06) !important; }\n\n.reg-popular-badge {\n    position:absolute; top:-12px; left:50%; transform:translateX(-50%);\n    background:linear-gradient(135deg,#6366f1,#7c3aed); color:#fff;\n    padding:3px 14px; border-radius:20px; font-size:11px; font-weight:700; white-space:nowrap;\n}\n\n.reg-plan-radio { display:flex; justify-content:center; }\n.reg-radio-outer {\n    width:22px; height:22px; border-radius:50%; border:2px solid #475569;\n    display:flex; align-items:center; justify-content:center; transition:.2s;\n}\n.reg-radio-inner { width:12px; height:12px; border-radius:50%; background:transparent; transition:.2s; }\n.reg-plan-card.selected .reg-radio-outer { border-color:#6366f1; }\n.reg-plan-card.selected .reg-radio-inner { background:#6366f1; }\n\n\/* Toggle switch fix *\/\n.reg-switch input:checked + span { background:#4f46e5 !important; }\n.reg-switch input:checked + span + .reg-dot { left:25px !important; }\n<\/style>\n\n<script>\njQuery(function($){\n    var skills = [];\n    var selectedPlan = '';\n    var billing = 'monthly';\n    var dashUrl = jhai.dashboard_url || 'https:\/\/ubskilled.com\/jobhunter\/mon-dashboard\/';\n\n    function setStep(n) {\n        $('.register-form').removeClass('active');\n        $('#reg-step'+n).addClass('active');\n        $('.progress-step').each(function(){\n            var s = $(this).data('step');\n            $(this).toggleClass('active', s===n).toggleClass('done', s<n);\n        });\n        $('html,body').animate({scrollTop: $('.register-progress').offset().top - 20}, 300);\n    }\n    window.regBack = function(n) { setStep(n); };\n\n    \/* \u2550\u2550\u2550 Step 1 \u2550\u2550\u2550 *\/\n    $('#reg-step1').on('submit', function(e){\n        e.preventDefault();\n        var pw=$('[name=password]').val(), pc=$('[name=password_confirm]').val();\n        if(pw!==pc){ jhaiToast('Les mots de passe ne correspondent pas','error'); return; }\n        var $b=$(this).find('button[type=submit]').prop('disabled',true).text('Cr\u00e9ation...');\n        $.post(jhai.ajax_url, {\n            action:'jhai_register_step1', nonce:jhai.nonce,\n            username:$('[name=username]').val(), email:$('[name=email]').val(), password:pw\n        }, function(r){\n            $b.prop('disabled',false).text('Continuer');\n            if(r.success){ jhai.logged_in=1; jhai.user_id=r.data.user_id; if(r.data.nonce) jhai.nonce=r.data.nonce; setStep(2); jhaiToast('Compte cr\u00e9\u00e9 !','success'); }\n            else jhaiToast(r.data||'Erreur','error');\n        }).fail(function(){ $b.prop('disabled',false).text('Continuer'); jhaiToast('Erreur r\u00e9seau','error'); });\n    });\n\n    \/* \u2550\u2550\u2550 Step 2 \u2550\u2550\u2550 *\/\n    $('#reg-step2').on('submit', function(e){\n        e.preventDefault();\n        var $b=$(this).find('button[type=submit]').prop('disabled',true).text('Enregistrement...');\n        $.post(jhai.ajax_url, {\n            action:'jhai_register_step2', nonce:jhai.nonce,\n            first_name:$('[name=first_name]').val(), last_name:$('[name=last_name]').val(),\n            phone:$('[name=phone]').val(), location:$('[name=location]').val()\n        }, function(r){\n            $b.prop('disabled',false).text('Continuer');\n            if(r.success) setStep(3);\n            else jhaiToast(r.data||'Erreur','error');\n        }).fail(function(){ $b.prop('disabled',false).text('Continuer'); });\n    });\n\n    \/* \u2550\u2550\u2550 Step 3 \u2550\u2550\u2550 *\/\n    $('#skills-input').on('keydown', function(e){\n        if(e.key==='Enter'){ e.preventDefault(); var v=$.trim($(this).val()); if(v&&skills.indexOf(v)<0){ skills.push(v); renderSkills(); } $(this).val(''); }\n    });\n    function renderSkills(){ var h=''; skills.forEach(function(s,i){ h+='<span class=\"skill-tag\" data-i=\"'+i+'\">'+s+' \u2715<\/span>'; }); $('#skills-tags').html(h); }\n    $(document).on('click','#skills-tags .skill-tag',function(){ skills.splice($(this).data('i'),1); renderSkills(); });\n\n    $('#reg-step3').on('submit', function(e){\n        e.preventDefault();\n        var $b=$(this).find('button[type=submit]').prop('disabled',true).text('Enregistrement...');\n        var d={action:'jhai_register_step3', nonce:jhai.nonce, summary:$('[name=summary]').val()};\n        skills.forEach(function(s,i){ d['skills['+i+']']=s; });\n        $.post(jhai.ajax_url, d, function(r){\n            $b.prop('disabled',false).text('Continuer');\n            if(r.success) setStep(4);\n            else jhaiToast(r.data||'Erreur','error');\n        }).fail(function(){ $b.prop('disabled',false).text('Continuer'); });\n    });\n\n    \/* \u2550\u2550\u2550 Step 4 \u2014 Plan \u2550\u2550\u2550 *\/\n    $('#reg-billing-toggle').on('change', function(){\n        billing = this.checked ? 'yearly' : 'monthly';\n        $('.reg-toggle-label').each(function(){\n            var match = $(this).data('billing')===billing;\n            $(this).toggleClass('active', match).css('color', match ? '#e2e8f0' : '#64748b');\n        });\n        if(billing==='yearly'){ $('.reg-price-monthly').hide(); $('.reg-price-yearly').show(); }\n        else { $('.reg-price-monthly').show(); $('.reg-price-yearly').hide(); }\n        updateBtn();\n    });\n    $('.reg-toggle-label').on('click', function(){\n        $('#reg-billing-toggle').prop('checked', $(this).data('billing')==='yearly').trigger('change');\n    });\n\n    $('.reg-plan-card').on('click', function(){\n        $('.reg-plan-card').removeClass('selected');\n        $(this).addClass('selected');\n        selectedPlan = $(this).data('plan');\n        updateBtn();\n    });\n\n    function updateBtn(){\n        var $btn = $('#reg-complete-btn');\n        if(!selectedPlan){ $btn.prop('disabled',true).css('opacity','.5').text('Choisissez un plan'); return; }\n        $btn.prop('disabled',false).css('opacity','1');\n        if(selectedPlan==='free'){\n            $btn.text('Commencer gratuitement').css('background','linear-gradient(135deg,#4f46e5,#6366f1)');\n        } else {\n            var card = $('.reg-plan-card[data-plan=\"'+selectedPlan+'\"]');\n            var price = billing==='yearly' ? card.data('price-yearly') : card.data('price-monthly');\n            var label = billing==='yearly' ? '\/an' : '\/mois';\n            $btn.text('Souscrire \u2014 '+parseFloat(price).toFixed(2)+' $ '+label)\n                .css('background','linear-gradient(135deg,#059669,#10b981)');\n        }\n    }\n\n    $('#reg-complete-btn').on('click', function(){\n        if(!selectedPlan) return;\n        var $btn = $(this).prop('disabled',true).css('opacity','.7');\n\n        if(selectedPlan==='free'){\n            $btn.text('Redirection...');\n            jhaiToast('Bienvenue ! Plan Gratuit activ\u00e9.','success');\n            setTimeout(function(){ window.location.href = dashUrl; }, 800);\n            return;\n        }\n\n        $btn.text('Redirection vers le paiement...');\n        $.post(jhai.ajax_url, {action:'jhai_subscribe', nonce:jhai.nonce, plan:selectedPlan, billing:billing}, function(r){\n            if(r.success){\n                if(r.data.redirect) window.location.href = r.data.redirect;\n                else { jhaiToast(r.data.message||'Plan activ\u00e9 !','success'); setTimeout(function(){ window.location.href = dashUrl; },1000); }\n            } else {\n                jhaiToast(r.data||'Erreur','error');\n                $btn.prop('disabled',false).css('opacity','1'); updateBtn();\n            }\n        }).fail(function(){ jhaiToast('Erreur r\u00e9seau','error'); $btn.prop('disabled',false).css('opacity','1'); updateBtn(); });\n    });\n});\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"rs_blank_template":"","rs_page_bg_color":"","slide_template_v7":"","footnotes":""},"class_list":["post-12295","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ubskilled.com\/jobhunter\/wp-json\/wp\/v2\/pages\/12295","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubskilled.com\/jobhunter\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ubskilled.com\/jobhunter\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ubskilled.com\/jobhunter\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ubskilled.com\/jobhunter\/wp-json\/wp\/v2\/comments?post=12295"}],"version-history":[{"count":0,"href":"https:\/\/ubskilled.com\/jobhunter\/wp-json\/wp\/v2\/pages\/12295\/revisions"}],"wp:attachment":[{"href":"https:\/\/ubskilled.com\/jobhunter\/wp-json\/wp\/v2\/media?parent=12295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}