{"id":659,"date":"2026-06-23T11:52:49","date_gmt":"2026-06-23T11:52:49","guid":{"rendered":"https:\/\/mockup.vebses.io\/register\/"},"modified":"2026-06-23T11:52:49","modified_gmt":"2026-06-23T11:52:49","slug":"register","status":"publish","type":"page","link":"https:\/\/mockup.vebses.io\/en\/register\/","title":{"rendered":"\u10e0\u10d4\u10d2\u10d8\u10e1\u10e2\u10e0\u10d0\u10ea\u10d8\u10d0"},"content":{"rendered":"    <style>\n    \/* Reset \/ scope *\/\n    .voom-auth-wrapper, .voom-auth-wrapper *, .voom-auth-wrapper *::before, .voom-auth-wrapper *::after {\n        box-sizing: border-box !important; margin: 0; padding: 0;\n    }\n    .voom-auth-wrapper {\n        font-family: 'FiraGo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\n        font-size: 15px !important; line-height: 1.5 !important; color: #1a1a1a !important;\n        -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;\n        min-height: 100vh; display: flex; flex-direction: column; background: #f5f3ef !important;\n    }\n    .voom-auth-main { flex: 1; display: flex; align-items: center; justify-content: center; padding: 40px 20px; }\n    .voom-auth-container { width: 100%; max-width: 420px; }\n\n    \/* Logo (outside card, dark band) *\/\n    .voom-auth-logo { text-align: center; margin-bottom: 28px; }\n    .voom-auth-logo img { height: 46px; width: auto; filter: brightness(0); }\n    .voom-auth-logo-text { font-size: 22px !important; font-weight: 800 !important; color: #1a1a1a !important; letter-spacing: .5px; }\n\n    \/* Card *\/\n    .voom-auth-card { background: #fff !important; border-radius: 16px !important; box-shadow: 0 4px 24px rgba(0,0,0,0.06), 0 0 0 1px rgba(0,0,0,0.04) !important; overflow: hidden; }\n    .voom-auth-body { padding: 40px 36px; }\n    .voom-auth-title { font-size: 26px !important; font-weight: 700 !important; color: #1a1a1a !important; margin-bottom: 8px !important; text-align: center; }\n    .voom-auth-subtitle { font-size: 15px !important; color: #666 !important; margin-bottom: 32px !important; text-align: center; }\n    .voom-auth-subtitle strong { color: #1a1a1a !important; font-weight: 600 !important; }\n\n    \/* Floating-label fields *\/\n    .voom-form-group { position: relative; margin-bottom: 20px; }\n    .voom-form-group label {\n        position: absolute; left: 16px; top: 50%; transform: translateY(-50%);\n        font-size: 15px !important; color: #888 !important; pointer-events: none;\n        transition: all 0.2s ease; background: #fff; padding: 0 4px; z-index: 1; font-weight: 400 !important;\n    }\n    .voom-form-group.focused label, .voom-form-group.filled label {\n        top: 0; font-size: 11px !important; color: #1a1a1a !important; font-weight: 600 !important;\n    }\n    \/* Browser autofill: float the label immediately (browsers don't fire the JS\n       input\/change events reliably on autofill, so the .filled class alone misses\n       it \u2014 the label used to overlap the pre-filled value until you clicked). *\/\n    .voom-form-group:has(input:-webkit-autofill) label,\n    .voom-form-group:has(input:autofill) label {\n        top: 0; font-size: 11px !important; color: #1a1a1a !important; font-weight: 600 !important;\n    }\n    \/* Keep the autofilled field on the card's white bg (kills Chrome's yellow). *\/\n    .voom-form-group input:-webkit-autofill,\n    .voom-form-group input:-webkit-autofill:hover,\n    .voom-form-group input:-webkit-autofill:focus {\n        -webkit-box-shadow: 0 0 0 1000px #fff inset !important;\n        -webkit-text-fill-color: #1a1a1a !important;\n        caret-color: #1a1a1a !important;\n    }\n    .voom-form-group input[type=\"text\"],\n    .voom-form-group input[type=\"email\"],\n    .voom-form-group input[type=\"password\"] {\n        width: 100% !important; height: 56px !important; padding: 8px 16px !important;\n        border: 1.5px solid #e0e0e0 !important; border-radius: 10px !important;\n        font-size: 15px !important; font-family: inherit !important; color: #1a1a1a !important;\n        background: #fff !important; outline: none !important; transition: all 0.2s ease !important; box-shadow: none !important;\n    }\n    .voom-form-group input[type=\"text\"]:focus,\n    .voom-form-group input[type=\"email\"]:focus,\n    .voom-form-group input[type=\"password\"]:focus {\n        border-color: #1a1a1a !important; box-shadow: 0 0 0 4px rgba(242,236,25,0.3) !important; outline: none !important;\n    }\n    .voom-form-group input[type=\"text\"]:hover,\n    .voom-form-group input[type=\"email\"]:hover,\n    .voom-form-group input[type=\"password\"]:hover { border-color: #1a1a1a !important; }\n    .voom-form-group input.error { border-color: #dc2626 !important; }\n\n    \/* Password toggle *\/\n    .voom-password-toggle {\n        position: absolute; right: 16px; top: 50%; transform: translateY(-50%);\n        background: none !important; border: none !important; cursor: pointer;\n        padding: 4px !important; color: #888 !important; transition: color 0.2s !important;\n        box-shadow: none !important; outline: none !important;\n    }\n    .voom-password-toggle:hover, .voom-password-toggle:focus {\n        color: #1a1a1a !important; background: none !important; border: none !important; box-shadow: none !important; outline: none !important;\n    }\n    .voom-password-toggle svg { width: 20px; height: 20px; display: block; }\n\n    \/* Email locked state *\/\n    .voom-email-locked {\n        display: flex; align-items: center; gap: 12px; padding: 14px 16px;\n        background: #f9f9f9 !important; border: 1.5px solid #e0e0e0 !important;\n        border-radius: 10px !important; margin-bottom: 20px;\n    }\n    .voom-email-locked-text { flex: 1; font-size: 15px !important; color: #1a1a1a !important; font-weight: 500 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n    .voom-email-edit { background: none !important; border: none !important; cursor: pointer; padding: 4px !important; color: #888 !important; transition: color 0.2s !important; flex-shrink: 0; box-shadow: none !important; outline: none !important; }\n    .voom-email-edit:hover, .voom-email-edit:focus { color: #1a1a1a !important; background: none !important; border: none !important; box-shadow: none !important; outline: none !important; }\n    .voom-email-edit svg { width: 18px; height: 18px; display: block; }\n\n    \/* Buttons *\/\n    .voom-btn {\n        display: flex !important; align-items: center !important; justify-content: center !important;\n        gap: 10px !important; width: 100% !important; height: 54px !important; padding: 0 20px !important;\n        border: none !important; border-radius: 10px !important; font-size: 15px !important;\n        font-weight: 600 !important; font-family: inherit !important; cursor: pointer !important;\n        transition: all 0.2s ease !important; outline: none !important; box-shadow: none !important; text-decoration: none !important;\n    }\n    .voom-btn svg { width: 20px; height: 20px; flex-shrink: 0; }\n    .voom-btn:disabled { opacity: 0.6 !important; cursor: not-allowed !important; }\n\n    .voom-btn-primary {\n        background: #1a1a1a !important; color: #fff !important;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important; border: none !important;\n    }\n    .voom-btn-primary:hover:not(:disabled) {\n        transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(0,0,0,0.18) !important;\n        background: #000 !important; color: #fff !important; border: none !important;\n    }\n    .voom-btn-primary:focus:not(:disabled) {\n        box-shadow: 0 6px 20px rgba(0,0,0,0.18), 0 0 0 4px rgba(242,236,25,0.4) !important;\n        background: #000 !important; color: #fff !important; border: none !important; outline: none !important;\n    }\n    .voom-btn-primary:active:not(:disabled) {\n        transform: translateY(0) !important; box-shadow: 0 2px 8px rgba(0,0,0,0.18) !important;\n        background: #000 !important; color: #fff !important;\n    }\n\n    .voom-btn-secondary {\n        background: #fff !important; color: #1a1a1a !important;\n        border: 1.5px solid #1a1a1a !important; box-shadow: none !important;\n    }\n    .voom-btn-secondary:hover:not(:disabled) {\n        background: #1a1a1a !important; color: #fff !important; border-color: #1a1a1a !important; box-shadow: none !important;\n    }\n    .voom-btn-secondary:focus:not(:disabled) {\n        background: #1a1a1a !important; color: #fff !important; border-color: #1a1a1a !important;\n        box-shadow: 0 0 0 4px rgba(242,236,25,0.3) !important; outline: none !important;\n    }\n    .voom-btn-secondary svg { color: inherit !important; }\n\n    .voom-btn-outline {\n        background: transparent !important; color: #1a1a1a !important;\n        border: 1.5px solid #1a1a1a !important; box-shadow: none !important;\n    }\n    .voom-btn-outline:hover:not(:disabled) {\n        background: rgba(0,0,0,0.04) !important; color: #1a1a1a !important; border: 1.5px solid #1a1a1a !important;\n    }\n\n    \/* Divider *\/\n    .voom-divider { display: flex; align-items: center; gap: 16px; margin: 20px 0; font-size: 13px !important; color: #999 !important; }\n    .voom-divider::before, .voom-divider::after { content: ''; flex: 1; height: 1px; background: #e8e8e8 !important; }\n\n    \/* OTP inputs *\/\n    .voom-otp-inputs { display: flex; gap: 8px; justify-content: center; margin-bottom: 20px; }\n    .voom-otp-inputs input {\n        width: 48px !important; height: 56px !important; text-align: center !important;\n        font-size: 24px !important; font-weight: 700 !important; border: 1.5px solid #e0e0e0 !important;\n        border-radius: 10px !important; outline: none !important; transition: all 0.2s ease !important;\n        padding: 0 !important; background: #fff !important; color: #1a1a1a !important; box-shadow: none !important;\n    }\n    .voom-otp-inputs input:focus {\n        border-color: #1a1a1a !important; box-shadow: 0 0 0 4px rgba(242,236,25,0.3) !important; outline: none !important;\n    }\n    .voom-otp-inputs input:hover { border-color: #1a1a1a !important; }\n    .voom-otp-inputs input.filled { border-color: #1a1a1a !important; background: rgba(242,236,25,0.08) !important; }\n\n    \/* Timer *\/\n    .voom-timer { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px !important; color: #666 !important; margin-bottom: 24px; }\n    .voom-timer svg { width: 16px; height: 16px; color: #888 !important; }\n    .voom-timer-value { font-weight: 600 !important; color: #1a1a1a !important; }\n    .voom-timer.expired, .voom-timer.expired .voom-timer-value { color: #dc2626 !important; }\n\n    \/* Options row (remember + forgot) *\/\n    .voom-options-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }\n    .voom-checkbox-inline { display: flex; align-items: center; gap: 10px; }\n    .voom-checkbox-inline input[type=\"checkbox\"] {\n        width: 18px !important; height: 18px !important; border: 2px solid #d0d0d0 !important;\n        border-radius: 4px !important; cursor: pointer; accent-color: #1a1a1a !important;\n        flex-shrink: 0; margin: 0 !important; padding: 0 !important;\n    }\n    .voom-checkbox-inline input[type=\"checkbox\"]:checked { background-color: #1a1a1a !important; border-color: #1a1a1a !important; }\n    .voom-checkbox-inline input[type=\"checkbox\"]:focus { box-shadow: 0 0 0 3px rgba(242,236,25,0.3) !important; outline: none !important; }\n    .voom-checkbox-inline label { position: static !important; transform: none !important; font-size: 14px !important; color: #555 !important; cursor: pointer; background: transparent !important; padding: 0 !important; font-weight: 400 !important; }\n\n    \/* Links *\/\n    .voom-link {\n        color: #1a1a1a !important; text-decoration: underline !important; font-weight: 500 !important;\n        transition: color 0.2s !important; cursor: pointer; background: none !important; border: none !important;\n        font-family: inherit !important; font-size: inherit !important; padding: 0 !important;\n        box-shadow: none !important; outline: none !important;\n    }\n    .voom-link:hover, .voom-link:focus { color: #000 !important; text-decoration: underline !important; background: none !important; border: none !important; outline: none !important; box-shadow: none !important; }\n    .voom-link:visited { color: #1a1a1a !important; }\n\n    .voom-back-link {\n        display: flex !important; align-items: center !important; justify-content: center !important;\n        gap: 6px !important; margin-top: 24px; font-size: 14px !important; color: #666 !important;\n        text-decoration: none !important; transition: color 0.2s !important; background: none !important;\n        border: none !important; cursor: pointer; padding: 0 !important; width: 100%;\n        box-shadow: none !important; outline: none !important;\n    }\n    .voom-back-link:hover, .voom-back-link:focus {\n        color: #1a1a1a !important; background: none !important; border: none !important;\n        text-decoration: none !important; outline: none !important; box-shadow: none !important;\n    }\n    .voom-back-link svg { width: 16px; height: 16px; }\n\n    \/* Messages *\/\n    .voom-message { padding: 14px 16px; border-radius: 10px; font-size: 14px !important; margin-bottom: 20px; display: flex; align-items: flex-start; gap: 10px; }\n    .voom-message svg { width: 20px; height: 20px; flex-shrink: 0; margin-top: 1px; }\n    .voom-message.success { background: #f0fdf4 !important; border: 1px solid #bbf7d0 !important; color: #16a34a !important; }\n    .voom-message.error { background: #fef2f2 !important; border: 1px solid #fecaca !important; color: #dc2626 !important; }\n    .voom-message.info { background: #fffbeb !important; border: 1px solid #fde68a !important; color: #92400e !important; }\n\n    \/* Card footer *\/\n    .voom-auth-card-footer { padding: 20px 36px; background: #fafafa !important; border-top: 1px solid #f0f0f0 !important; text-align: center; }\n    .voom-auth-card-footer p { font-size: 14px !important; color: #666 !important; margin: 0 !important; }\n    .voom-auth-card-footer a { color: #1a1a1a !important; text-decoration: underline !important; font-weight: 600 !important; }\n    .voom-auth-card-footer a:hover, .voom-auth-card-footer a:focus { text-decoration: underline !important; color: #000 !important; outline: none !important; }\n\n    \/* Page footer *\/\n    .voom-page-footer { padding: 24px 20px; text-align: center; }\n    .voom-footer-links { display: flex; justify-content: center; gap: 24px; flex-wrap: wrap; margin-bottom: 12px; }\n    .voom-footer-links a { font-size: 13px !important; color: #888 !important; text-decoration: none !important; transition: color 0.2s !important; }\n    .voom-footer-links a:hover, .voom-footer-links a:focus { color: #1a1a1a !important; outline: none !important; }\n    .voom-footer-copyright { font-size: 12px !important; color: #aaa !important; margin: 0 !important; }\n\n    \/* Resend *\/\n    .voom-resend-row { text-align: center; font-size: 14px !important; color: #666 !important; margin-bottom: 24px; }\n    .voom-resend-btn { color: #1a1a1a !important; font-weight: 500 !important; background: none !important; border: none !important; cursor: pointer; font-family: inherit !important; font-size: inherit !important; padding: 0 !important; transition: color 0.2s !important; box-shadow: none !important; outline: none !important; text-decoration: underline !important; }\n    .voom-resend-btn:hover:not(:disabled), .voom-resend-btn:focus:not(:disabled) { color: #000 !important; text-decoration: underline !important; outline: none !important; background: none !important; }\n    .voom-resend-btn:disabled { color: #999 !important; cursor: not-allowed !important; text-decoration: none !important; }\n\n    \/* Form states *\/\n    .voom-state { display: none; }\n    .voom-state.active { display: block; animation: voomFadeIn 0.3s ease; }\n    @keyframes voomFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n\n    \/* Honeypot *\/\n    .voom-hp { position: absolute !important; left: -9999px !important; opacity: 0 !important; height: 0 !important; overflow: hidden !important; }\n\n    \/* Password strength *\/\n    .voom-password-strength { margin-top: 8px; margin-bottom: 16px; }\n    .voom-strength-bar { height: 4px; background: #e0e0e0 !important; border-radius: 2px; overflow: hidden; margin-bottom: 6px; }\n    .voom-strength-fill { height: 100%; width: 0%; transition: all 0.3s ease; border-radius: 2px; }\n    .voom-strength-fill.weak { width: 33%; background: #dc2626 !important; }\n    .voom-strength-fill.medium { width: 66%; background: #f59e0b !important; }\n    .voom-strength-fill.strong { width: 100%; background: #16a34a !important; }\n    .voom-strength-text { font-size: 12px !important; color: #888 !important; }\n    .voom-strength-text.weak { color: #dc2626 !important; }\n    .voom-strength-text.medium { color: #f59e0b !important; }\n    .voom-strength-text.strong { color: #16a34a !important; }\n\n    \/* Spinner *\/\n    .voom-spinner { width: 20px; height: 20px; border: 2px solid rgba(255,255,255,0.3) !important; border-top-color: #fff !important; border-radius: 50% !important; animation: voomSpin 0.8s linear infinite; }\n    .voom-btn-secondary .voom-spinner { border-color: rgba(0,0,0,0.1) !important; border-top-color: #1a1a1a !important; }\n    @keyframes voomSpin { to { transform: rotate(360deg); } }\n\n    \/* Responsive *\/\n    @media (max-width: 480px) {\n        .voom-auth-main { padding: 24px 16px; align-items: flex-start; padding-top: 60px; }\n        .voom-auth-body { padding: 32px 24px; }\n        .voom-auth-card-footer { padding: 16px 24px; }\n        .voom-otp-inputs input { width: 42px !important; height: 50px !important; font-size: 20px !important; }\n        .voom-footer-links { gap: 16px; }\n        .voom-options-row { flex-direction: column; align-items: flex-start; gap: 12px; }\n    }\n    <\/style>\n        <div class=\"voom-auth-wrapper\">\n        <main class=\"voom-auth-main\">\n            <div class=\"voom-auth-container\">\n                <div class=\"voom-auth-card\">\n                    <div class=\"voom-auth-body\">\n                        <div class=\"voom-auth-logo\"><img decoding=\"async\" src=\"https:\/\/mockup.vebses.io\/wp-content\/uploads\/2026\/06\/MockupRoom.png\" alt=\"Mockup\"><\/div>                        <h1 class=\"voom-auth-title\">\u10d0\u10dc\u10d2\u10d0\u10e0\u10d8\u10e8\u10d8\u10e1 \u10e8\u10d4\u10e5\u10db\u10dc\u10d0<\/h1>\n                        <p class=\"voom-auth-subtitle\">\u10e8\u10d4\u10db\u10dd\u10d2\u10d5\u10d8\u10d4\u10e0\u10d7\u10d3\u10d8<\/p>\n                        <div id=\"voom-register-message\"><\/div>\n                        <form id=\"voom-register-form\">\n                            <div class=\"voom-hp\"><input type=\"text\" name=\"website_url\" tabindex=\"-1\" autocomplete=\"off\"><\/div>\n                            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 12px;\">\n                                <div class=\"voom-form-group\">\n                                    <label for=\"voom-reg-first-name\">\u10e1\u10d0\u10ee\u10d4\u10da\u10d8<\/label>\n                                    <input type=\"text\" id=\"voom-reg-first-name\" name=\"first_name\" autocomplete=\"given-name\" required>\n                                <\/div>\n                                <div class=\"voom-form-group\">\n                                    <label for=\"voom-reg-last-name\">\u10d2\u10d5\u10d0\u10e0\u10d8<\/label>\n                                    <input type=\"text\" id=\"voom-reg-last-name\" name=\"last_name\" autocomplete=\"family-name\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"voom-form-group\">\n                                <label for=\"voom-reg-email\">\u10d4\u10da. \u10e4\u10dd\u10e1\u10e2\u10d0<\/label>\n                                <input type=\"email\" id=\"voom-reg-email\" name=\"email\" autocomplete=\"email\" required>\n                            <\/div>\n                            <div class=\"voom-form-group\">\n                                <label for=\"voom-reg-password\">\u10de\u10d0\u10e0\u10dd\u10da\u10d8<\/label>\n                                <input type=\"password\" id=\"voom-reg-password\" name=\"password\" autocomplete=\"new-password\" required>\n                                <button type=\"button\" class=\"voom-password-toggle\" id=\"voom-reg-toggle-password\">\n                                    <svg class=\"eye-open\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n                                    <svg class=\"eye-closed\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"display:none;\"><path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24\"\/><line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\"\/><\/svg>\n                                <\/button>\n                            <\/div>\n                            <div class=\"voom-password-strength\" id=\"voom-password-strength\" style=\"display:none;\">\n                                <div class=\"voom-strength-bar\"><div class=\"voom-strength-fill\" id=\"voom-strength-fill\"><\/div><\/div>\n                                <div class=\"voom-strength-text\" id=\"voom-strength-text\"><\/div>\n                            <\/div>\n                            <div class=\"voom-checkbox-inline\" style=\"margin-bottom: 24px;\">\n                                <input type=\"checkbox\" id=\"voom-reg-newsletter\" name=\"newsletter\" value=\"1\" checked>\n                                <label for=\"voom-reg-newsletter\">\u10db\u10e1\u10e3\u10e0\u10e1 \u10db\u10d8\u10d5\u10d8\u10e6\u10dd \u10e1\u10d8\u10d0\u10ee\u10da\u10d4\u10d4\u10d1\u10d8 \u10d3\u10d0 \u10e1\u10de\u10d4\u10ea\u10d8\u10d0\u10da\u10e3\u10e0\u10d8 \u10e8\u10d4\u10d7\u10d0\u10d5\u10d0\u10d6\u10d4\u10d1\u10d4\u10d1\u10d8<\/label>\n                            <\/div>\n                            <button type=\"submit\" class=\"voom-btn voom-btn-primary\" id=\"voom-submit-register\">\u10d0\u10dc\u10d2\u10d0\u10e0\u10d8\u10e8\u10d8\u10e1 \u10e8\u10d4\u10e5\u10db\u10dc\u10d0<\/button>\n                        <\/form>\n                    <\/div>\n                    <div class=\"voom-auth-card-footer\">\n                        <p>\u10e3\u10d9\u10d5\u10d4 \u10d2\u10d0\u10e5\u10d5\u10e1 \u10d0\u10dc\u10d2\u10d0\u10e0\u10d8\u10e8\u10d8? <a href=\"https:\/\/mockup.vebses.io\/en\/login\/\">\u10e8\u10d4\u10e1\u10d5\u10da\u10d0<\/a><\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/main>\n            <footer class=\"voom-page-footer\">\n        <div class=\"voom-footer-links\">\n            <a href=\"https:\/\/mockup.vebses.io\/en\/privacy-policy\/\">\u10d9\u10dd\u10dc\u10e4\u10d8\u10d3\u10d4\u10dc\u10ea\u10d8\u10d0\u10da\u10e3\u10e0\u10dd\u10d1\u10d0<\/a>\n            <a href=\"https:\/\/mockup.vebses.io\/en\/terms-conditions\/\">\u10ec\u10d4\u10e1\u10d4\u10d1\u10d8 \u10d3\u10d0 \u10de\u10d8\u10e0\u10dd\u10d1\u10d4\u10d1\u10d8<\/a>\n            <a href=\"https:\/\/mockup.vebses.io\/en\/contact\/\">\u10d9\u10dd\u10dc\u10e2\u10d0\u10e5\u10e2\u10d8<\/a>\n        <\/div>\n        <p class=\"voom-footer-copyright\">\u00a9 2026 Mockup. \u10e7\u10d5\u10d4\u10da\u10d0 \u10e3\u10e4\u10da\u10d4\u10d1\u10d0 \u10d3\u10d0\u10ea\u10e3\u10da\u10d8\u10d0.<\/p>\n    <\/footer>\n        <\/div>\n\n    <script>\n    (function() {\n        'use strict';\n        var AJAX_URL = 'https:\/\/mockup.vebses.io\/wp-admin\/admin-ajax.php';\n        var NONCE = \"821234beaf\";\n        var REDIRECT = \"https:\\\/\\\/mockup.vebses.io\\\/en\\\/my-account\\\/\";\n        var LANG = \"en\";\n        var T = {\"creating\":\"Creating account...\",\"create_account\":\"Create account\",\"pw_weak\":\"Weak \\u2014 add numbers and symbols\",\"pw_medium\":\"Medium\",\"pw_strong\":\"Strong password!\",\"error\":\"An error occurred. Please try again.\"};\n\n        function $(s) { return document.querySelector(s); }\n        function showMessage(type, text) {\n            var msgEl = $('#voom-register-message');\n            var icon = type === 'error'\n                ? '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/><\/svg>'\n                : '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>';\n            msgEl.innerHTML = '<div class=\"voom-message ' + type + '\">' + icon + '<span>' + text + '<\/span><\/div>';\n        }\n        function setLoading(btn, loading) {\n            if (loading) {\n                btn.disabled = true;\n                btn.dataset.originalText = btn.innerHTML;\n                btn.innerHTML = '<div class=\"voom-spinner\"><\/div> ' + T.creating;\n            } else {\n                btn.disabled = false;\n                btn.innerHTML = btn.dataset.originalText || T.create_account;\n            }\n        }\n\n        document.querySelectorAll('.voom-form-group input').forEach(function(input) {\n            input.addEventListener('focus', function() { this.closest('.voom-form-group').classList.add('focused'); });\n            input.addEventListener('blur',  function() {\n                this.closest('.voom-form-group').classList.remove('focused');\n                if (this.value) this.closest('.voom-form-group').classList.add('filled');\n                else this.closest('.voom-form-group').classList.remove('filled');\n            });\n            input.addEventListener('input', function() {\n                if (this.value) this.closest('.voom-form-group').classList.add('filled');\n                else this.closest('.voom-form-group').classList.remove('filled');\n            });\n        });\n\n        $('#voom-reg-toggle-password').addEventListener('click', function() {\n            var input = $('#voom-reg-password');\n            var eyeOpen = this.querySelector('.eye-open');\n            var eyeClosed = this.querySelector('.eye-closed');\n            if (input.type === 'password') { input.type = 'text'; eyeOpen.style.display = 'none'; eyeClosed.style.display = 'block'; }\n            else { input.type = 'password'; eyeOpen.style.display = 'block'; eyeClosed.style.display = 'none'; }\n        });\n\n        $('#voom-reg-password').addEventListener('input', function() {\n            var password = this.value;\n            var strengthEl = $('#voom-password-strength');\n            var fillEl = $('#voom-strength-fill');\n            var textEl = $('#voom-strength-text');\n            if (!password) { strengthEl.style.display = 'none'; return; }\n            strengthEl.style.display = 'block';\n            var strength = 0;\n            if (password.length >= 8) strength++;\n            if (\/[a-z]\/.test(password) && \/[A-Z]\/.test(password)) strength++;\n            if (\/[0-9]\/.test(password)) strength++;\n            if (\/[^a-zA-Z0-9]\/.test(password)) strength++;\n            fillEl.className = 'voom-strength-fill';\n            textEl.className = 'voom-strength-text';\n            if (strength <= 1) { fillEl.classList.add('weak'); textEl.classList.add('weak'); textEl.textContent = T.pw_weak; }\n            else if (strength <= 2) { fillEl.classList.add('medium'); textEl.classList.add('medium'); textEl.textContent = T.pw_medium; }\n            else { fillEl.classList.add('strong'); textEl.classList.add('strong'); textEl.textContent = T.pw_strong; }\n        });\n\n        $('#voom-register-form').addEventListener('submit', function(e) {\n            e.preventDefault();\n            var btn = $('#voom-submit-register');\n            var formData = new FormData(this);\n            formData.append('action', 'voom_register');\n            formData.append('security', NONCE);\n            formData.append('redirect', REDIRECT);\n            formData.append('newsletter', $('#voom-reg-newsletter').checked ? 'true' : 'false');\n            formData.append('lang', LANG);\n            setLoading(btn, true);\n            fetch(AJAX_URL, { method: 'POST', body: formData })\n                .then(function(r) { return r.json(); })\n                .then(function(data) {\n                    setLoading(btn, false);\n                    if (data.success) {\n                        showMessage('success', data.data.message);\n                        setTimeout(function() { window.location.href = data.data.redirect; }, 500);\n                    } else { showMessage('error', data.data.message); }\n                })\n                .catch(function() { setLoading(btn, false); showMessage('error', T.error); });\n        });\n    })();\n    <\/script>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-auth-bare.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-659","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/mockup.vebses.io\/en\/wp-json\/wp\/v2\/pages\/659","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mockup.vebses.io\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mockup.vebses.io\/en\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/mockup.vebses.io\/en\/wp-json\/wp\/v2\/comments?post=659"}],"version-history":[{"count":0,"href":"https:\/\/mockup.vebses.io\/en\/wp-json\/wp\/v2\/pages\/659\/revisions"}],"wp:attachment":[{"href":"https:\/\/mockup.vebses.io\/en\/wp-json\/wp\/v2\/media?parent=659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}