{"id":721,"date":"2026-07-07T22:50:17","date_gmt":"2026-07-07T22:50:17","guid":{"rendered":"https:\/\/wantedsix.com\/?page_id=721"},"modified":"2026-07-08T17:17:28","modified_gmt":"2026-07-08T17:17:28","slug":"create-crew","status":"publish","type":"page","link":"https:\/\/wantedsix.com\/de\/create-crew\/","title":{"rendered":"Create Crew"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"721\" class=\"elementor elementor-721\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e547f11 e-con e-atomic-element e-flexbox-base e-1566d72 \" data-id=\"e547f11\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e547f11\" data-e-type=\"e-flexbox\" data-id=\"e547f11\">\n    <div class=\"elementor-element elementor-element-260dc90 e-con-full e-flex e-con e-parent\" data-id=\"260dc90\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d01392f elementor-widget elementor-widget-heading\" data-id=\"d01392f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Create Your Crew<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e963fb elementor-widget elementor-widget-heading\" data-id=\"8e963fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Build your squad before Leonida opens.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f23bf79 elementor-widget elementor-widget-text-editor\" data-id=\"f23bf79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Set up your crew profile, define your playstyle, choose your platforms and<br \/>prepare your recruitment flow for launch day. Wanted Six gives your squad a home before the city goes live.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-770db02 e-con-full e-flex e-con e-child\" data-id=\"770db02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4b30be elementor-widget elementor-widget-button\" data-id=\"f4b30be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M413.1 222.5l22.2 22.2c9.4 9.4 9.4 24.6 0 33.9L241 473c-9.4 9.4-24.6 9.4-33.9 0L12.7 278.6c-9.4-9.4-9.4-24.6 0-33.9l22.2-22.2c9.5-9.5 25-9.3 34.3.4L184 343.4V56c0-13.3 10.7-24 24-24h32c13.3 0 24 10.7 24 24v287.4l114.8-120.5c9.3-9.8 24.8-10 34.3-.4z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Create crew<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-040cd02 e-con e-atomic-element e-flexbox-base e-b3ccd3a \" data-id=\"040cd02\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"040cd02\" data-e-type=\"e-flexbox\" data-id=\"040cd02\">\n    \t\t<div class=\"elementor-element elementor-element-82c0d77 elementor-widget elementor-widget-html\" data-id=\"82c0d77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WANTED SIX GLOBAL STATS SECTION - CREWS -->\r\n<section\r\n  class=\"wsx-stats-section\"\r\n  data-wsx-module=\"global-stats\"\r\n  data-page-context=\"crews\"\r\n  data-stats-endpoint=\"\"\r\n  data-refresh-interval=\"0\"\r\n  aria-label=\"Wanted Six Crew Stats\"\r\n>\r\n  <div class=\"wsx-stats-grid\">\r\n\r\n    <!-- Card 1 -->\r\n    <article class=\"wsx-stat-card wsx-pink-card\" data-stat-key=\"active_crews\">\r\n      <div class=\"wsx-stat-icon wsx-pink\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M22 28a10 10 0 1 0 0-20 10 10 0 0 0 0 20z\"><\/path>\r\n          <path d=\"M42 30a8 8 0 1 0 0-16 8 8 0 0 0 0 16z\"><\/path>\r\n          <path d=\"M6 56c2-13 10-20 22-20s20 7 22 20\"><\/path>\r\n          <path d=\"M38 38c9 1 15 7 18 18\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-stat-content\">\r\n        <div class=\"wsx-stat-number\" data-stat-value>128<\/div>\r\n        <div class=\"wsx-stat-title\">Active Crews<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Listed on Wanted Six<\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Card 2 -->\r\n    <article class=\"wsx-stat-card wsx-cyan-card\" data-stat-key=\"recruiting_now\">\r\n      <div class=\"wsx-stat-icon wsx-cyan\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M32 8l20 10v14c0 13-8 22-20 28-12-6-20-15-20-28V18l20-10z\"><\/path>\r\n          <path d=\"M23 33l6 6 13-16\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-stat-content\">\r\n        <div class=\"wsx-stat-number\" data-stat-value>74<\/div>\r\n        <div class=\"wsx-stat-title\">Recruiting Now<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Open for applications<\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Card 3 -->\r\n    <article class=\"wsx-stat-card wsx-purple-card\" data-stat-key=\"crew_members\">\r\n      <div class=\"wsx-stat-icon wsx-purple\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M15 25h34a9 9 0 0 1 9 9v5a9 9 0 0 1-9 9H15a9 9 0 0 1-9-9v-5a9 9 0 0 1 9-9z\"><\/path>\r\n          <path d=\"M20 37h12\"><\/path>\r\n          <path d=\"M26 31v12\"><\/path>\r\n          <circle cx=\"43\" cy=\"34\" r=\"2.5\"><\/circle>\r\n          <circle cx=\"50\" cy=\"40\" r=\"2.5\"><\/circle>\r\n          <path d=\"M23 25l4-9h10l4 9\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-stat-content\">\r\n        <div class=\"wsx-stat-number\" data-stat-value>3,842<\/div>\r\n        <div class=\"wsx-stat-title\">Crew Members<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Across all squads<\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Card 4 -->\r\n    <article class=\"wsx-stat-card wsx-cyan-card\" data-stat-key=\"applications\">\r\n      <div class=\"wsx-stat-icon wsx-cyan\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M12 50V18a4 4 0 0 1 4-4h32a4 4 0 0 1 4 4v32\"><\/path>\r\n          <path d=\"M8 50h48\"><\/path>\r\n          <path d=\"M22 28h20\"><\/path>\r\n          <path d=\"M22 38h12\"><\/path>\r\n          <path d=\"M44 37l4 4 8-10\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-stat-content\">\r\n        <div class=\"wsx-stat-number\" data-stat-value>912<\/div>\r\n        <div class=\"wsx-stat-title\">Applications<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Ready for crew leaders<\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const root = document.currentScript.closest('.wsx-stats-section');\r\n      if (!root) return;\r\n\r\n      const endpoint = root.dataset.statsEndpoint || '';\r\n      const refreshInterval = Number(root.dataset.refreshInterval || 0);\r\n      const cards = Array.from(root.querySelectorAll('[data-stat-key]'));\r\n\r\n      function formatValue(value) {\r\n        if (typeof value === 'number') {\r\n          return value.toLocaleString('en-US');\r\n        }\r\n\r\n        const raw = String(value || '').trim();\r\n        const numeric = Number(raw.replace(\/[^\\d.]\/g, ''));\r\n\r\n        if (!raw) return '0';\r\n\r\n        if (!Number.isNaN(numeric) && \/^\\d+(\\.\\d+)?$\/.test(raw.replace(\/,\/g, ''))) {\r\n          return numeric.toLocaleString('en-US');\r\n        }\r\n\r\n        return raw;\r\n      }\r\n\r\n      function updateStats(payload) {\r\n        if (!payload || typeof payload !== 'object') return;\r\n\r\n        const data = payload.stats && typeof payload.stats === 'object'\r\n          ? payload.stats\r\n          : payload;\r\n\r\n        cards.forEach(function (card) {\r\n          const key = card.dataset.statKey;\r\n          const valueTarget = card.querySelector('[data-stat-value]');\r\n\r\n          if (!key || !valueTarget || data[key] === undefined) return;\r\n\r\n          valueTarget.textContent = formatValue(data[key]);\r\n        });\r\n      }\r\n\r\n      function loadStats() {\r\n        if (!endpoint) return;\r\n\r\n        fetch(endpoint, {\r\n          method: 'GET',\r\n          headers: {\r\n            'Accept': 'application\/json'\r\n          }\r\n        })\r\n          .then(function (response) {\r\n            if (!response.ok) throw new Error('Stats request failed');\r\n            return response.json();\r\n          })\r\n          .then(updateStats)\r\n          .catch(function () {\r\n            console.info('Wanted Six crew stats endpoint not available yet.');\r\n          });\r\n      }\r\n\r\n      loadStats();\r\n\r\n      if (endpoint && refreshInterval >= 10000) {\r\n        setInterval(loadStats, refreshInterval);\r\n      }\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap');\r\n\r\n  .wsx-stats-section {\r\n    --wsx-bg: #050816;\r\n    --wsx-panel: rgba(7, 11, 26, 0.82);\r\n    --wsx-panel-2: rgba(12, 18, 45, 0.76);\r\n    --wsx-border: rgba(255, 255, 255, 0.13);\r\n    --wsx-hot: #ff2e9a;\r\n    --wsx-cyan: #19e3ff;\r\n    --wsx-purple: #a855f7;\r\n    --wsx-orange: #ff8a3d;\r\n    --wsx-text: #f6f8ff;\r\n    --wsx-muted: #b8c0e0;\r\n\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n    color: var(--wsx-text);\r\n  }\r\n\r\n  .wsx-stats-section *,\r\n  .wsx-stats-section *::before,\r\n  .wsx-stats-section *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .wsx-stats-grid {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 20px;\r\n  }\r\n\r\n  .wsx-stat-card {\r\n    position: relative;\r\n    min-height: 122px;\r\n    padding: 22px 24px;\r\n    border-radius: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    overflow: hidden;\r\n    background:\r\n      radial-gradient(circle at 20% 0%, rgba(255, 46, 154, 0.13), transparent 34%),\r\n      radial-gradient(circle at 85% 12%, rgba(25, 227, 255, 0.10), transparent 32%),\r\n      linear-gradient(135deg, rgba(12, 18, 45, 0.84), rgba(7, 11, 26, 0.96));\r\n    border: 1px solid var(--wsx-border);\r\n    box-shadow:\r\n      0 24px 80px rgba(0, 0, 0, 0.34),\r\n      inset 0 0 0 1px rgba(255, 255, 255, 0.025);\r\n    backdrop-filter: blur(18px);\r\n    -webkit-backdrop-filter: blur(18px);\r\n    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;\r\n  }\r\n\r\n  .wsx-stat-card:hover {\r\n    transform: translateY(-4px);\r\n    border-color: rgba(255, 46, 154, 0.36);\r\n    box-shadow:\r\n      0 28px 88px rgba(0, 0, 0, 0.42),\r\n      0 0 30px rgba(255, 46, 154, 0.10),\r\n      inset 0 0 0 1px rgba(255, 255, 255, 0.03);\r\n  }\r\n\r\n  .wsx-stat-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(120deg, rgba(255,255,255,0.06), transparent 24%, transparent 68%, rgba(255,255,255,0.025));\r\n    pointer-events: none;\r\n  }\r\n\r\n  .wsx-stat-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    top: 18px;\r\n    bottom: 18px;\r\n    width: 3px;\r\n    border-radius: 999px;\r\n    opacity: 0.95;\r\n    background: linear-gradient(180deg, transparent, var(--wsx-hot), transparent);\r\n  }\r\n\r\n  .wsx-pink-card {\r\n    border-color: rgba(255, 46, 154, 0.34);\r\n  }\r\n\r\n  .wsx-cyan-card {\r\n    border-color: rgba(25, 227, 255, 0.28);\r\n    background:\r\n      radial-gradient(circle at 18% 0%, rgba(25, 227, 255, 0.12), transparent 36%),\r\n      radial-gradient(circle at 88% 12%, rgba(255, 46, 154, 0.08), transparent 32%),\r\n      linear-gradient(135deg, rgba(8, 29, 43, 0.76), rgba(7, 11, 26, 0.96));\r\n  }\r\n\r\n  .wsx-cyan-card::after {\r\n    background: linear-gradient(180deg, transparent, var(--wsx-cyan), transparent);\r\n  }\r\n\r\n  .wsx-purple-card {\r\n    border-color: rgba(168, 85, 247, 0.34);\r\n    background:\r\n      radial-gradient(circle at 80% 12%, rgba(168, 85, 247, 0.18), transparent 38%),\r\n      radial-gradient(circle at 18% 0%, rgba(255, 46, 154, 0.09), transparent 34%),\r\n      linear-gradient(135deg, rgba(18, 24, 58, 0.88), rgba(9, 13, 32, 0.96));\r\n  }\r\n\r\n  .wsx-purple-card::after {\r\n    background: linear-gradient(180deg, transparent, var(--wsx-purple), transparent);\r\n  }\r\n\r\n  .wsx-orange-card {\r\n    border-color: rgba(255, 138, 61, 0.34);\r\n    background:\r\n      radial-gradient(circle at 80% 16%, rgba(255, 138, 61, 0.17), transparent 38%),\r\n      radial-gradient(circle at 18% 0%, rgba(255, 46, 154, 0.10), transparent 34%),\r\n      linear-gradient(135deg, rgba(22, 16, 32, 0.88), rgba(7, 11, 26, 0.96));\r\n  }\r\n\r\n  .wsx-orange-card::after {\r\n    background: linear-gradient(180deg, transparent, var(--wsx-orange), transparent);\r\n  }\r\n\r\n  .wsx-stat-icon {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 62px;\r\n    height: 62px;\r\n    flex: 0 0 62px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 18px;\r\n    background: rgba(255, 255, 255, 0.045);\r\n    border: 1px solid rgba(255, 255, 255, 0.10);\r\n  }\r\n\r\n  .wsx-stat-icon svg {\r\n    width: 42px;\r\n    height: 42px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 3;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .wsx-pink {\r\n    color: var(--wsx-hot);\r\n    filter: drop-shadow(0 0 10px rgba(255, 46, 154, 0.8));\r\n  }\r\n\r\n  .wsx-cyan {\r\n    color: var(--wsx-cyan);\r\n    filter: drop-shadow(0 0 10px rgba(25, 227, 255, 0.7));\r\n  }\r\n\r\n  .wsx-purple {\r\n    color: var(--wsx-purple);\r\n    filter: drop-shadow(0 0 10px rgba(168, 85, 247, 0.72));\r\n  }\r\n\r\n  .wsx-orange {\r\n    color: var(--wsx-orange);\r\n    filter: drop-shadow(0 0 10px rgba(255, 138, 61, 0.72));\r\n  }\r\n\r\n  .wsx-stat-content {\r\n    position: relative;\r\n    z-index: 1;\r\n    min-width: 0;\r\n  }\r\n\r\n  .wsx-stat-number {\r\n    color: var(--wsx-text);\r\n    font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n    font-size: clamp(34px, 2.4vw, 48px);\r\n    line-height: 0.9;\r\n    font-weight: 900;\r\n    letter-spacing: -0.01em;\r\n    text-shadow: 0 0 14px rgba(245, 247, 255, 0.22);\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .wsx-stat-title {\r\n    margin-top: 9px;\r\n    color: var(--wsx-text);\r\n    font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n    font-size: 24px;\r\n    line-height: 0.95;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: -0.01em;\r\n  }\r\n\r\n  .wsx-stat-subtitle {\r\n    margin-top: 7px;\r\n    color: var(--wsx-muted);\r\n    font-size: 13px;\r\n    line-height: 1.35;\r\n    font-weight: 500;\r\n  }\r\n\r\n  @media (max-width: 1366px) {\r\n    .wsx-stats-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .wsx-stats-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 14px;\r\n    }\r\n\r\n    .wsx-stat-card {\r\n      min-height: 106px;\r\n      padding: 18px;\r\n      gap: 16px;\r\n      border-radius: 16px;\r\n    }\r\n\r\n    .wsx-stat-icon {\r\n      width: 54px;\r\n      height: 54px;\r\n      flex-basis: 54px;\r\n      border-radius: 16px;\r\n    }\r\n\r\n    .wsx-stat-icon svg {\r\n      width: 36px;\r\n      height: 36px;\r\n    }\r\n\r\n    .wsx-stat-number {\r\n      font-size: 34px;\r\n    }\r\n\r\n    .wsx-stat-title {\r\n      font-size: 21px;\r\n    }\r\n\r\n    .wsx-stat-subtitle {\r\n      font-size: 13px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 420px) {\r\n    .wsx-stat-card {\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .wsx-stat-number {\r\n      font-size: 31px;\r\n    }\r\n\r\n    .wsx-stat-title {\r\n      font-size: 20px;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-fdc1bd1 e-con e-atomic-element e-flexbox-base e-fdc1bd1-55608d3 \" data-id=\"fdc1bd1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fdc1bd1\" data-e-type=\"e-flexbox\" data-id=\"fdc1bd1\">\n    \t\t<div class=\"elementor-element elementor-element-b42fa63 elementor-widget elementor-widget-html\" data-id=\"b42fa63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"wsx-create-crew-section\" data-wsx-create-crew data-create-crew-endpoint=\"\" data-dashboard-url=\"\/crew-dashboard\/\" data-login-url=\"\/login\/\">\r\n  <div class=\"wsx-create-crew-shell\">\r\n    <div class=\"wsx-create-crew-grid\">\r\n      <main class=\"wsx-create-crew-main\">\r\n        <div class=\"wsx-create-crew-head\">\r\n          <div>\r\n            <span class=\"wsx-create-kicker\">Crew Builder<\/span>\r\n            <h2>Create Your Crew<\/h2>\r\n            <p>Set up your squad profile for launch day. This static Elementor widget is already structured for the future Wanted Six web app.<\/p>\r\n          <\/div>\r\n\r\n          <span class=\"wsx-create-status\" data-create-sync-status>Static preview mode<\/span>\r\n        <\/div>\r\n\r\n        <form class=\"wsx-create-form\" data-create-crew-form>\r\n          <input type=\"hidden\" name=\"form_source\" value=\"wanted_six_create_crew\">\r\n          <input type=\"hidden\" name=\"created_at\" data-created-at>\r\n          <input type=\"hidden\" name=\"crew_slug\" data-crew-slug>\r\n          <input type=\"hidden\" name=\"crew_preview_payload\" data-preview-payload>\r\n\r\n          <div class=\"wsx-create-step\" data-step=\"identity\">\r\n            <div class=\"wsx-create-step-head\">\r\n              <span>01<\/span>\r\n              <div>\r\n                <h3>Crew Identity<\/h3>\r\n                <p>Name, tag and short positioning for the public crew page.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-create-form-grid\">\r\n              <label>\r\n                <span>Crew name<\/span>\r\n                <input type=\"text\" name=\"crew_name\" placeholder=\"Vice Kings\" maxlength=\"42\" required data-preview-input=\"name\">\r\n              <\/label>\r\n\r\n              <label>\r\n                <span>Crew tag<\/span>\r\n                <input type=\"text\" name=\"crew_tag\" placeholder=\"VK\" maxlength=\"5\" required data-preview-input=\"tag\">\r\n              <\/label>\r\n            <\/div>\r\n\r\n            <label>\r\n              <span>Short description<\/span>\r\n              <textarea name=\"crew_description\" rows=\"4\" maxlength=\"220\" placeholder=\"Tell players what your crew is about...\" required data-preview-input=\"description\"><\/textarea>\r\n            <\/label>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-create-step\" data-step=\"settings\">\r\n            <div class=\"wsx-create-step-head\">\r\n              <span>02<\/span>\r\n              <div>\r\n                <h3>Play Setup<\/h3>\r\n                <p>These fields become filters in Find a Crew later.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-create-form-grid wsx-create-form-grid-3\">\r\n              <label>\r\n                <span>Main platform<\/span>\r\n                <select name=\"main_platform\" required data-preview-input=\"platform\">\r\n                  <option value=\"\">Choose platform<\/option>\r\n                  <option value=\"PS5\">PlayStation 5<\/option>\r\n                  <option value=\"Xbox\">Xbox Series<\/option>\r\n                  <option value=\"PC\">PC<\/option>\r\n                  <option value=\"Crossplay\">Crossplay Ready<\/option>\r\n                <\/select>\r\n              <\/label>\r\n\r\n              <label>\r\n                <span>Region<\/span>\r\n                <select name=\"region\" required data-preview-input=\"region\">\r\n                  <option value=\"\">Choose region<\/option>\r\n                  <option value=\"Europe\">Europe<\/option>\r\n                  <option value=\"North America\">North America<\/option>\r\n                  <option value=\"Global\">Global<\/option>\r\n                <\/select>\r\n              <\/label>\r\n\r\n              <label>\r\n                <span>Language<\/span>\r\n                <select name=\"language\" required>\r\n                  <option value=\"\">Choose language<\/option>\r\n                  <option value=\"English\">English<\/option>\r\n                  <option value=\"German\">German<\/option>\r\n                  <option value=\"Multilingual\">Multilingual<\/option>\r\n                <\/select>\r\n              <\/label>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-create-choice-group\" data-choice-group=\"playstyle\">\r\n              <span class=\"wsx-create-label\">Playstyle<\/span>\r\n              <div class=\"wsx-create-choice-grid\">\r\n                <label><input type=\"checkbox\" name=\"playstyle[]\" value=\"Casual\" checked data-preview-choice><span>Casual<\/span><\/label>\r\n                <label><input type=\"checkbox\" name=\"playstyle[]\" value=\"Competitive\" data-preview-choice><span>Competitive<\/span><\/label>\r\n                <label><input type=\"checkbox\" name=\"playstyle[]\" value=\"Roleplay\" data-preview-choice><span>Roleplay<\/span><\/label>\r\n                <label><input type=\"checkbox\" name=\"playstyle[]\" value=\"Racing\" data-preview-choice><span>Racing<\/span><\/label>\r\n                <label><input type=\"checkbox\" name=\"playstyle[]\" value=\"Heists\" data-preview-choice><span>Heists<\/span><\/label>\r\n                <label><input type=\"checkbox\" name=\"playstyle[]\" value=\"Creator\" data-preview-choice><span>Creator<\/span><\/label>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-create-step\" data-step=\"recruitment\">\r\n            <div class=\"wsx-create-step-head\">\r\n              <span>03<\/span>\r\n              <div>\r\n                <h3>Recruitment<\/h3>\r\n                <p>Control how players can apply when the app goes live.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-create-form-grid\">\r\n              <label>\r\n                <span>Recruitment status<\/span>\r\n                <select name=\"recruitment_status\" required data-preview-input=\"status\">\r\n                  <option value=\"Recruiting\">Recruiting<\/option>\r\n                  <option value=\"Application Review\">Application Review<\/option>\r\n                  <option value=\"Invite Only\">Invite Only<\/option>\r\n                <\/select>\r\n              <\/label>\r\n\r\n              <label>\r\n                <span>Member capacity<\/span>\r\n                <input type=\"number\" name=\"member_capacity\" min=\"5\" max=\"300\" value=\"60\" required data-preview-input=\"capacity\">\r\n              <\/label>\r\n            <\/div>\r\n\r\n            <label>\r\n              <span>Application question<\/span>\r\n              <textarea name=\"application_question\" rows=\"3\" maxlength=\"180\" placeholder=\"What should new players tell you before joining?\">Tell us your platform, timezone and what kind of crew experience you want.<\/textarea>\r\n            <\/label>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-create-step\" data-step=\"founder\">\r\n            <div class=\"wsx-create-step-head\">\r\n              <span>04<\/span>\r\n              <div>\r\n                <h3>Founder Details<\/h3>\r\n                <p>Temporary contact fields until this is replaced by app login.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-create-form-grid\">\r\n              <label>\r\n                <span>Founder name<\/span>\r\n                <input type=\"text\" name=\"founder_name\" placeholder=\"Your Wanted Six name\" required>\r\n              <\/label>\r\n\r\n              <label>\r\n                <span>Email<\/span>\r\n                <input type=\"email\" name=\"founder_email\" placeholder=\"you@example.com\" required>\r\n              <\/label>\r\n            <\/div>\r\n\r\n            <label class=\"wsx-create-checkbox\">\r\n              <input type=\"checkbox\" name=\"accept_rules\" value=\"yes\" required>\r\n              <span>I confirm this is a fan community crew and does not claim official Rockstar or Take-Two affiliation.<\/span>\r\n            <\/label>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-create-actions\">\r\n            <button class=\"wsx-create-submit\" type=\"submit\">Create Crew Preview<\/button>\r\n            <button class=\"wsx-create-reset\" type=\"button\" data-reset-create-form>Reset<\/button>\r\n          <\/div>\r\n\r\n          <p class=\"wsx-create-message\" data-create-message aria-live=\"polite\"><\/p>\r\n        <\/form>\r\n      <\/main>\r\n\r\n      <aside class=\"wsx-create-sidebar\">\r\n        <div class=\"wsx-create-preview-card\" data-crew-preview>\r\n          <span class=\"wsx-create-kicker\">Live Preview<\/span>\r\n\r\n          <div class=\"wsx-create-preview-top\">\r\n            <div class=\"wsx-create-preview-logo\" data-preview-tag>VK<\/div>\r\n            <div>\r\n              <h3 data-preview-name>Vice Kings<\/h3>\r\n              <p data-preview-description>High activity crew for heists, races and launch-day chaos.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-create-preview-meta\">\r\n            <span data-preview-platform>PS5<\/span>\r\n            <span data-preview-region>Europe<\/span>\r\n            <span data-preview-status>Recruiting<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-create-preview-tags\" data-preview-tags>\r\n            <span>Casual<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-create-preview-capacity\">\r\n            <div>\r\n              <span>Capacity<\/span>\r\n              <strong><span data-preview-capacity>60<\/span> members<\/strong>\r\n            <\/div>\r\n            <span class=\"wsx-create-preview-bar\"><span style=\"width: 20%;\"><\/span><\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-create-side-card\">\r\n          <span class=\"wsx-create-kicker\">App Ready<\/span>\r\n          <strong>Prepared for real crew data.<\/strong>\r\n          <p>The form serializes clean JSON, includes hidden app fields and can post directly to a future API endpoint.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-create-side-card\">\r\n          <span class=\"wsx-create-kicker\">Future Flow<\/span>\r\n          <ul>\r\n            <li>Login with Wanted Six account<\/li>\r\n            <li>Create crew profile<\/li>\r\n            <li>Upload logo\/banner in app<\/li>\r\n            <li>Review applications in dashboard<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/aside>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap\");\r\n\r\n  .wsx-create-crew-section {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    color: #FFFFFF;\r\n    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n  }\r\n\r\n  .wsx-create-crew-section *,\r\n  .wsx-create-crew-section *::before,\r\n  .wsx-create-crew-section *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .wsx-create-crew-shell {\r\n    width: 100%;\r\n    max-width: 100%;\r\n  }\r\n\r\n  .wsx-create-crew-grid {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) 380px;\r\n    gap: 20px;\r\n    align-items: start;\r\n  }\r\n\r\n  .wsx-create-crew-main,\r\n  .wsx-create-step,\r\n  .wsx-create-preview-card,\r\n  .wsx-create-side-card {\r\n    border: 1px solid rgba(40, 48, 95, 0.9);\r\n    background:\r\n      radial-gradient(circle at 0% 0%, rgba(255, 46, 154, 0.12), transparent 34%),\r\n      radial-gradient(circle at 100% 10%, rgba(25, 227, 255, 0.10), transparent 34%),\r\n      linear-gradient(135deg, rgba(18, 24, 58, 0.88), rgba(7, 11, 26, 0.96));\r\n    box-shadow:\r\n      inset 0 0 0 1px rgba(255, 255, 255, 0.035),\r\n      0 0 28px rgba(255, 46, 154, 0.08);\r\n  }\r\n\r\n  .wsx-create-crew-main {\r\n    min-width: 0;\r\n    padding: 18px;\r\n    border-radius: 14px;\r\n  }\r\n\r\n  .wsx-create-crew-head {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    gap: 18px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .wsx-create-kicker {\r\n    display: block;\r\n    color: #FF2E9A;\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .wsx-create-crew-head h2 {\r\n    margin: 8px 0 0;\r\n    color: #FFFFFF;\r\n    font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n    font-size: clamp(44px, 5vw, 72px);\r\n    line-height: 0.9;\r\n    font-weight: 950;\r\n    letter-spacing: 0.02em;\r\n    text-transform: uppercase;\r\n    text-shadow: 0 0 20px rgba(255, 46, 154, 0.22);\r\n  }\r\n\r\n  .wsx-create-crew-head p {\r\n    max-width: 780px;\r\n    margin: 12px 0 0;\r\n    color: #B8C0E0;\r\n    font-size: 15px;\r\n    line-height: 1.55;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .wsx-create-status {\r\n    flex: 0 0 auto;\r\n    min-height: 30px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    padding: 0 11px;\r\n    border: 1px solid rgba(25, 227, 255, 0.34);\r\n    border-radius: 999px;\r\n    color: #19E3FF;\r\n    background: rgba(25, 227, 255, 0.08);\r\n    font-size: 11px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.06em;\r\n  }\r\n\r\n  .wsx-create-form {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n  }\r\n\r\n  .wsx-create-step {\r\n    position: relative;\r\n    border-radius: 14px;\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .wsx-create-step::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0 0 auto 0;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, rgba(255, 46, 154, 0.9), rgba(25, 227, 255, 0.65), transparent);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .wsx-create-step-head {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: grid;\r\n    grid-template-columns: 48px minmax(0, 1fr);\r\n    gap: 14px;\r\n    align-items: start;\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .wsx-create-step-head > span {\r\n    width: 48px;\r\n    height: 48px;\r\n    display: grid;\r\n    place-items: center;\r\n    border: 1px solid rgba(255, 46, 154, 0.58);\r\n    border-radius: 12px;\r\n    color: #FFFFFF;\r\n    background: linear-gradient(135deg, rgba(255, 46, 154, 0.38), rgba(168, 85, 247, 0.20));\r\n    font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .wsx-create-step h3,\r\n  .wsx-create-preview-card h3,\r\n  .wsx-create-side-card strong {\r\n    margin: 0;\r\n    color: #FFFFFF;\r\n    font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n    font-size: 32px;\r\n    line-height: 0.96;\r\n    font-weight: 900;\r\n    letter-spacing: 0.02em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .wsx-create-step-head p,\r\n  .wsx-create-side-card p {\r\n    margin: 8px 0 0;\r\n    color: #B8C0E0;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .wsx-create-form-grid {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 16px;\r\n  }\r\n\r\n  .wsx-create-form-grid-3 {\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  }\r\n\r\n  .wsx-create-form label,\r\n  .wsx-create-choice-group {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 9px;\r\n    min-width: 0;\r\n  }\r\n\r\n  .wsx-create-step > label,\r\n  .wsx-create-step > .wsx-create-choice-group,\r\n  .wsx-create-step > .wsx-create-form-grid {\r\n    width: 100%;\r\n  }\r\n\r\n  .wsx-create-label,\r\n  .wsx-create-form label > span {\r\n    color: #B8C0E0;\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.08em;\r\n  }\r\n\r\n  .wsx-create-form input,\r\n  .wsx-create-form select,\r\n  .wsx-create-form textarea {\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    width: 100%;\r\n    min-height: 48px;\r\n    border: 1px solid rgba(40, 48, 95, 0.95);\r\n    border-radius: 10px;\r\n    outline: none;\r\n    background: rgba(7, 11, 26, 0.68);\r\n    color: #FFFFFF;\r\n    font: inherit;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    line-height: 1.35;\r\n    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\r\n  }\r\n\r\n  .wsx-create-form input,\r\n  .wsx-create-form textarea {\r\n    padding: 13px 14px;\r\n  }\r\n\r\n  .wsx-create-form select {\r\n    padding: 0 38px 0 14px;\r\n    cursor: pointer;\r\n    background-image:\r\n      linear-gradient(45deg, transparent 50%, rgba(25, 227, 255, 0.95) 50%),\r\n      linear-gradient(135deg, rgba(25, 227, 255, 0.95) 50%, transparent 50%),\r\n      linear-gradient(135deg, rgba(18, 24, 58, 0.96), rgba(7, 11, 26, 0.82));\r\n    background-position:\r\n      calc(100% - 18px) 50%,\r\n      calc(100% - 13px) 50%,\r\n      0 0;\r\n    background-size:\r\n      5px 5px,\r\n      5px 5px,\r\n      100% 100%;\r\n    background-repeat: no-repeat;\r\n  }\r\n\r\n  .wsx-create-form select option {\r\n    color: #FFFFFF;\r\n    background: #0E1330;\r\n  }\r\n\r\n  .wsx-create-form textarea {\r\n    min-height: 118px;\r\n    resize: vertical;\r\n  }\r\n\r\n  .wsx-create-form input:focus,\r\n  .wsx-create-form select:focus,\r\n  .wsx-create-form textarea:focus {\r\n    border-color: rgba(255, 46, 154, 0.78);\r\n    background: rgba(14, 19, 48, 0.9);\r\n    box-shadow: 0 0 0 3px rgba(255, 46, 154, 0.12);\r\n  }\r\n\r\n  .wsx-create-form input::placeholder,\r\n  .wsx-create-form textarea::placeholder {\r\n    color: rgba(184, 192, 224, 0.58);\r\n  }\r\n\r\n  .wsx-create-choice-group {\r\n    margin-top: 0;\r\n  }\r\n\r\n  .wsx-create-choice-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 12px;\r\n  }\r\n\r\n  .wsx-create-choice-grid label,\r\n  .wsx-create-checkbox {\r\n    position: relative;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    gap: 10px;\r\n    min-height: 46px;\r\n    padding: 12px;\r\n    border: 1px solid rgba(40, 48, 95, 0.95);\r\n    border-radius: 10px;\r\n    color: #B8C0E0;\r\n    background: rgba(7, 11, 26, 0.46);\r\n    font-size: 13px;\r\n    line-height: 1.35;\r\n    font-weight: 800;\r\n    cursor: pointer;\r\n    transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;\r\n  }\r\n\r\n  .wsx-create-choice-grid label:hover,\r\n  .wsx-create-checkbox:hover {\r\n    color: #FFFFFF;\r\n    border-color: rgba(25, 227, 255, 0.42);\r\n    background: rgba(25, 227, 255, 0.07);\r\n  }\r\n\r\n  .wsx-create-choice-grid label:has(input:checked) {\r\n    color: #FFFFFF;\r\n    border-color: rgba(255, 46, 154, 0.62);\r\n    background: rgba(255, 46, 154, 0.12);\r\n    box-shadow: 0 0 18px rgba(255, 46, 154, 0.12);\r\n  }\r\n\r\n  .wsx-create-choice-grid input,\r\n  .wsx-create-checkbox input {\r\n    appearance: auto;\r\n    -webkit-appearance: auto;\r\n    width: 18px;\r\n    min-width: 18px;\r\n    height: 18px;\r\n    min-height: 18px;\r\n    padding: 0;\r\n    border-radius: 5px;\r\n    accent-color: #FF2E9A;\r\n  }\r\n\r\n  .wsx-create-checkbox {\r\n    margin-top: 0;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .wsx-create-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .wsx-create-submit,\r\n  .wsx-create-reset {\r\n    min-height: 48px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 10px;\r\n    padding: 0 20px;\r\n    font: inherit;\r\n    font-size: 14px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    cursor: pointer;\r\n    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;\r\n  }\r\n\r\n  .wsx-create-submit {\r\n    border: 1px solid rgba(255, 46, 154, 0.64);\r\n    color: #FFFFFF;\r\n    background: linear-gradient(135deg, #FF2E9A, #A855F7);\r\n    box-shadow: 0 0 20px rgba(255, 46, 154, 0.18);\r\n  }\r\n\r\n  .wsx-create-reset {\r\n    border: 1px solid rgba(25, 227, 255, 0.34);\r\n    color: #19E3FF;\r\n    background: rgba(25, 227, 255, 0.08);\r\n  }\r\n\r\n  .wsx-create-submit:hover,\r\n  .wsx-create-submit:focus-visible,\r\n  .wsx-create-reset:hover,\r\n  .wsx-create-reset:focus-visible {\r\n    color: #FFFFFF;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 0 26px rgba(255, 46, 154, 0.26);\r\n  }\r\n\r\n  .wsx-create-message {\r\n    min-height: 20px;\r\n    margin: 0;\r\n    color: #19E3FF;\r\n    font-size: 13px;\r\n    line-height: 1.45;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .wsx-create-message.is-error {\r\n    color: #FF8A3D;\r\n  }\r\n\r\n  .wsx-create-sidebar {\r\n    min-width: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n    position: sticky;\r\n    top: 104px;\r\n  }\r\n\r\n  .wsx-create-preview-card,\r\n  .wsx-create-side-card {\r\n    border-radius: 14px;\r\n    padding: 18px;\r\n  }\r\n\r\n  .wsx-create-preview-top {\r\n    display: grid;\r\n    grid-template-columns: 64px minmax(0, 1fr);\r\n    gap: 14px;\r\n    align-items: start;\r\n    margin-top: 14px;\r\n  }\r\n\r\n  .wsx-create-preview-logo {\r\n    width: 64px;\r\n    height: 64px;\r\n    display: grid;\r\n    place-items: center;\r\n    border: 1px solid rgba(255, 46, 154, 0.62);\r\n    border-radius: 14px;\r\n    color: #FFFFFF;\r\n    background: linear-gradient(135deg, rgba(255, 46, 154, 0.48), rgba(168, 85, 247, 0.22));\r\n    font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n    font-size: 30px;\r\n    line-height: 1;\r\n    font-weight: 950;\r\n    text-shadow: 0 0 14px rgba(255, 255, 255, 0.32);\r\n    box-shadow: 0 0 22px rgba(255, 46, 154, 0.16);\r\n  }\r\n\r\n  .wsx-create-preview-card h3 {\r\n    font-size: 34px;\r\n  }\r\n\r\n  .wsx-create-preview-card p {\r\n    margin: 8px 0 0;\r\n    color: #B8C0E0;\r\n    font-size: 14px;\r\n    line-height: 1.45;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .wsx-create-preview-meta,\r\n  .wsx-create-preview-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    margin-top: 16px;\r\n  }\r\n\r\n  .wsx-create-preview-meta span,\r\n  .wsx-create-preview-tags span {\r\n    min-height: 28px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    padding: 0 10px;\r\n    border: 1px solid rgba(40, 48, 95, 0.9);\r\n    border-radius: 999px;\r\n    color: #B8C0E0;\r\n    background: rgba(7, 11, 26, 0.42);\r\n    font-size: 11px;\r\n    line-height: 1;\r\n    font-weight: 850;\r\n  }\r\n\r\n  .wsx-create-preview-capacity {\r\n    margin-top: 18px;\r\n  }\r\n\r\n  .wsx-create-preview-capacity div {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 12px;\r\n    color: #B8C0E0;\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    font-weight: 850;\r\n  }\r\n\r\n  .wsx-create-preview-capacity strong {\r\n    color: #FFFFFF;\r\n  }\r\n\r\n  .wsx-create-preview-bar {\r\n    display: block;\r\n    width: 100%;\r\n    height: 8px;\r\n    margin-top: 8px;\r\n    overflow: hidden;\r\n    border-radius: 999px;\r\n    background: rgba(40, 48, 95, 0.72);\r\n  }\r\n\r\n  .wsx-create-preview-bar span {\r\n    display: block;\r\n    height: 100%;\r\n    border-radius: inherit;\r\n    background: linear-gradient(90deg, #FF2E9A, #19E3FF);\r\n    box-shadow: 0 0 12px rgba(255, 46, 154, 0.34);\r\n  }\r\n\r\n  .wsx-create-side-card strong {\r\n    display: block;\r\n    margin-top: 8px;\r\n    font-size: 30px;\r\n  }\r\n\r\n  .wsx-create-side-card ul {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n    margin: 14px 0 0;\r\n    padding: 0;\r\n    list-style: none;\r\n  }\r\n\r\n  .wsx-create-side-card li {\r\n    position: relative;\r\n    padding-left: 18px;\r\n    color: #B8C0E0;\r\n    font-size: 14px;\r\n    line-height: 1.4;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .wsx-create-side-card li::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0.55em;\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 999px;\r\n    background: #19E3FF;\r\n    box-shadow: 0 0 10px rgba(25, 227, 255, 0.75);\r\n  }\r\n\r\n  @media (max-width: 1366px) {\r\n    .wsx-create-crew-grid {\r\n      grid-template-columns: minmax(0, 1fr);\r\n    }\r\n\r\n    .wsx-create-sidebar {\r\n      position: static;\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .wsx-create-sidebar {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .wsx-create-form-grid,\r\n    .wsx-create-form-grid-3 {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .wsx-create-crew-main,\r\n    .wsx-create-step,\r\n    .wsx-create-preview-card,\r\n    .wsx-create-side-card {\r\n      padding: 14px;\r\n      border-radius: 12px;\r\n    }\r\n\r\n    .wsx-create-crew-head {\r\n      flex-direction: column;\r\n    }\r\n\r\n    .wsx-create-step-head {\r\n      grid-template-columns: 42px minmax(0, 1fr);\r\n      gap: 12px;\r\n    }\r\n\r\n    .wsx-create-step-head > span {\r\n      width: 42px;\r\n      height: 42px;\r\n      border-radius: 10px;\r\n      font-size: 22px;\r\n    }\r\n\r\n    .wsx-create-step h3 {\r\n      font-size: 28px;\r\n    }\r\n\r\n    .wsx-create-choice-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .wsx-create-preview-top {\r\n      grid-template-columns: 54px minmax(0, 1fr);\r\n      gap: 12px;\r\n    }\r\n\r\n    .wsx-create-preview-logo {\r\n      width: 54px;\r\n      height: 54px;\r\n      border-radius: 12px;\r\n      font-size: 26px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 420px) {\r\n    .wsx-create-actions {\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .wsx-create-submit,\r\n    .wsx-create-reset {\r\n      width: 100%;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    \"use strict\";\r\n\r\n    var widgets = document.querySelectorAll(\"[data-wsx-create-crew]\");\r\n\r\n    widgets.forEach(function (widget) {\r\n      if (widget.dataset.wsxCreateCrewReady === \"true\") {\r\n        return;\r\n      }\r\n\r\n      widget.dataset.wsxCreateCrewReady = \"true\";\r\n\r\n      var form = widget.querySelector(\"[data-create-crew-form]\");\r\n      var message = widget.querySelector(\"[data-create-message]\");\r\n      var endpoint = (widget.getAttribute(\"data-create-crew-endpoint\") || \"\").trim();\r\n      var syncStatus = widget.querySelector(\"[data-create-sync-status]\");\r\n      var resetButton = widget.querySelector(\"[data-reset-create-form]\");\r\n      var previewName = widget.querySelector(\"[data-preview-name]\");\r\n      var previewTag = widget.querySelector(\"[data-preview-tag]\");\r\n      var previewDescription = widget.querySelector(\"[data-preview-description]\");\r\n      var previewPlatform = widget.querySelector(\"[data-preview-platform]\");\r\n      var previewRegion = widget.querySelector(\"[data-preview-region]\");\r\n      var previewStatus = widget.querySelector(\"[data-preview-status]\");\r\n      var previewCapacity = widget.querySelector(\"[data-preview-capacity]\");\r\n      var previewTags = widget.querySelector(\"[data-preview-tags]\");\r\n      var previewPayload = widget.querySelector(\"[data-preview-payload]\");\r\n      var slugField = widget.querySelector(\"[data-crew-slug]\");\r\n      var createdAtField = widget.querySelector(\"[data-created-at]\");\r\n\r\n      function isValidEndpoint(value) {\r\n        return \/^https?:\\\/\\\/\/i.test(value) || value.indexOf(\"\/\") === 0;\r\n      }\r\n\r\n      function slugify(value) {\r\n        return String(value || \"\")\r\n          .toLowerCase()\r\n          .trim()\r\n          .replace(\/[^a-z0-9]+\/g, \"-\")\r\n          .replace(\/^-+|-+$\/g, \"\");\r\n      }\r\n\r\n      function getCheckedPlaystyles() {\r\n        return Array.prototype.slice.call(widget.querySelectorAll(\"[data-preview-choice]:checked\")).map(function (input) {\r\n          return input.value;\r\n        });\r\n      }\r\n\r\n      function setText(node, value, fallback) {\r\n        if (node) {\r\n          node.textContent = value || fallback;\r\n        }\r\n      }\r\n\r\n      function serializeForm(formElement) {\r\n        var formData = new FormData(formElement);\r\n        var payload = {};\r\n\r\n        formData.forEach(function (value, key) {\r\n          if (key.slice(-2) === \"[]\") {\r\n            var cleanKey = key.slice(0, -2);\r\n            payload[cleanKey] = payload[cleanKey] || [];\r\n            payload[cleanKey].push(value);\r\n            return;\r\n          }\r\n\r\n          payload[key] = value;\r\n        });\r\n\r\n        payload.widget = \"create_a_crew\";\r\n        payload.crew_slug = slugify(payload.crew_name);\r\n        payload.created_at = new Date().toISOString();\r\n\r\n        return payload;\r\n      }\r\n\r\n      function updatePreview() {\r\n        if (!form) {\r\n          return;\r\n        }\r\n\r\n        var name = form.elements.crew_name ? form.elements.crew_name.value.trim() : \"\";\r\n        var tag = form.elements.crew_tag ? form.elements.crew_tag.value.trim().toUpperCase() : \"\";\r\n        var description = form.elements.crew_description ? form.elements.crew_description.value.trim() : \"\";\r\n        var platform = form.elements.main_platform ? form.elements.main_platform.value : \"\";\r\n        var region = form.elements.region ? form.elements.region.value : \"\";\r\n        var status = form.elements.recruitment_status ? form.elements.recruitment_status.value : \"\";\r\n        var capacity = form.elements.member_capacity ? form.elements.member_capacity.value : \"\";\r\n        var playstyles = getCheckedPlaystyles();\r\n        var slug = slugify(name);\r\n\r\n        setText(previewName, name, \"Vice Kings\");\r\n        setText(previewTag, tag, \"VK\");\r\n        setText(previewDescription, description, \"High activity crew for heists, races and launch-day chaos.\");\r\n        setText(previewPlatform, platform, \"PS5\");\r\n        setText(previewRegion, region, \"Europe\");\r\n        setText(previewStatus, status, \"Recruiting\");\r\n        setText(previewCapacity, capacity, \"60\");\r\n\r\n        if (slugField) {\r\n          slugField.value = slug;\r\n        }\r\n\r\n        if (createdAtField) {\r\n          createdAtField.value = new Date().toISOString();\r\n        }\r\n\r\n        if (previewTags) {\r\n          previewTags.innerHTML = \"\";\r\n          (playstyles.length ? playstyles : [\"Casual\"]).slice(0, 6).forEach(function (label) {\r\n            var tagNode = document.createElement(\"span\");\r\n            tagNode.textContent = label;\r\n            previewTags.appendChild(tagNode);\r\n          });\r\n        }\r\n\r\n        if (previewPayload) {\r\n          previewPayload.value = JSON.stringify({\r\n            name: name || \"Vice Kings\",\r\n            tag: tag || \"VK\",\r\n            slug: slug || \"vice-kings\",\r\n            platform: platform || \"PS5\",\r\n            region: region || \"Europe\",\r\n            status: status || \"Recruiting\",\r\n            capacity: capacity || \"60\",\r\n            playstyle: playstyles\r\n          });\r\n        }\r\n      }\r\n\r\n      if (syncStatus) {\r\n        syncStatus.textContent = endpoint ? \"Endpoint ready\" : \"Static preview mode\";\r\n      }\r\n\r\n      if (form) {\r\n        form.addEventListener(\"input\", updatePreview);\r\n        form.addEventListener(\"change\", updatePreview);\r\n\r\n        form.addEventListener(\"submit\", function (event) {\r\n          event.preventDefault();\r\n          updatePreview();\r\n\r\n          var payload = serializeForm(form);\r\n\r\n          if (message) {\r\n            message.textContent = \"Creating crew preview...\";\r\n            message.classList.remove(\"is-error\");\r\n          }\r\n\r\n          if (isValidEndpoint(endpoint)) {\r\n            fetch(endpoint, {\r\n              method: \"POST\",\r\n              headers: {\r\n                \"Content-Type\": \"application\/json\"\r\n              },\r\n              body: JSON.stringify(payload)\r\n            }).then(function (response) {\r\n              if (!response.ok) {\r\n                throw new Error(\"Create crew failed\");\r\n              }\r\n\r\n              if (message) {\r\n                message.textContent = \"Crew submitted. The future app can now continue this flow.\";\r\n              }\r\n            }).catch(function () {\r\n              if (message) {\r\n                message.textContent = \"Could not submit right now. The local preview is still ready.\";\r\n                message.classList.add(\"is-error\");\r\n              }\r\n            });\r\n          } else {\r\n            window.console.log(\"Wanted Six create crew payload\", payload);\r\n\r\n            if (message) {\r\n              message.textContent = \"Demo mode: crew payload is ready for the web app.\";\r\n            }\r\n          }\r\n        });\r\n      }\r\n\r\n      if (resetButton && form) {\r\n        resetButton.addEventListener(\"click\", function () {\r\n          form.reset();\r\n          updatePreview();\r\n\r\n          if (message) {\r\n            message.textContent = \"\";\r\n            message.classList.remove(\"is-error\");\r\n          }\r\n        });\r\n      }\r\n\r\n      updatePreview();\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Create Your Crew Build your squad before Leonida opens. Set up your crew profile, define your playstyle, choose your platforms andprepare your recruitment flow for launch day. Wanted Six gives your squad a home before the city goes live. Create crew 128 Active Crews Listed on Wanted Six 74 Recruiting Now Open for applications 3,842 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-721","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/721","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/comments?post=721"}],"version-history":[{"count":16,"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/721\/revisions"}],"predecessor-version":[{"id":812,"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/721\/revisions\/812"}],"wp:attachment":[{"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/media?parent=721"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}