PagesStructures['id1786410943996'] = {"structures":[{"type":"page","id":"id1786410943996","elementProperties":{"tagName":"DIV","behaviours":null,"isLocked":false,"name":"YO-HITS MUSIC PORTAL","baseName":"HOME","templateID":null,"templateName":null,"order":0,"customStates":null,"isElementWasEditedInMode":true,"showHoverEffects":true,"skinInformation":{},"isSupportsMobile":false,"isVisibleInMode":true,"isFixed":false,"topZIndex":0,"elementOpacity":1,"staticMargin":{"horizontalMargin":0,"verticalMargin":0},"sizeAndPosition":{"width":0,"height":1068,"top":0,"left":0},"lastResizingSize":{"width":0,"height":1068,"top":0,"left":0},"isVisibleInLastSection":true,"isVisibleInLastDataItem":true,"attributes":null,"metaProps":null,"metaItemType":null,"metaTitle":null,"styleBindingId":null,"styleBindingFields":null,"shadow":{"top":0,"left":0,"spread":0,"blur":0,"color":"black"},"glow":{"spread":0,"blur":0,"color":"black"},"isParallaxBackground":false,"parallaxBackgroundSpeed":0.5,"isParallaxElement":{"isActive":false,"speed":1,"delay":0},"effectsOptions":{"isParallax":false,"oneTimeAnimation":false,"duration":1200,"startDistance":200,"startVisibility":0.8,"distance":300,"measureDistanceType":3,"delay":0,"distanceDelay":0,"runInLoop":false,"flyDirection":2,"direction":"horizontal","movementDistanceHorizontally":200,"movementDistanceVertically":0,"autoStartDistanceSettings":true,"autoDistanceSettings":true},"effects":null,"binding":null,"verticalAlign":"center","horizontalAlign":"center","horizontalContentAlign":"center","basicUserCanEdit":true,"overflow":false,"isGrowable":{"bottom":false,"right":false},"rowsItems":null,"childrenAnchor":"center","backgroundColor":{"mainColor":0,"variation":4,"opacity":1,"brightness":0},"imageUrl":{"id":151345975,"imagePath":"https://storage.googleapis.com/production-homestead-v1-0-8/238/185238/lXLN8fGR/eda38c1be9fd4eba9d92490d407a1dad","ownerID":34758632,"storageServer":0,"imageWidth":1920,"imageHeight":1080,"isTemporary":false},"imageLayout":"stretched","imagePosition":{"horizontal":"right","vertical":"top"},"origImage":"","imageOpacity":1,"backgroundOverlay":"transparent","gridLines":[],"fixedBackground":true,"statesGroups":null},"metaData":{"position":{"left":-530.5,"top":0},"size":{"width":1061,"height":5140}},"childElements":[{"type":"SectionElement","id":"id1786410996087","elementProperties":{"tagName":"FOOTER","behaviours":null,"isLocked":false,"name":"Section 2","baseName":null,"templateID":null,"templateName":null,"order":3,"customStates":null,"isElementWasEditedInMode":false,"showHoverEffects":true,"skinInformation":{},"isSupportsMobile":false,"isVisibleInMode":true,"isFixed":false,"topZIndex":0,"elementOpacity":1,"staticMargin":{"horizontalMargin":0,"verticalMargin":0},"sizeAndPosition":{"height":4899,"left":0,"width":1255,"top":0},"lastResizingSize":{"height":4899,"left":0,"width":1255,"top":0},"isVisibleInLastSection":true,"isVisibleInLastDataItem":true,"attributes":null,"metaProps":null,"metaItemType":null,"metaTitle":null,"styleBindingId":null,"styleBindingFields":null,"shadow":{"top":0,"left":0,"spread":0,"blur":0,"color":"black"},"glow":{"spread":0,"blur":0,"color":"black"},"isParallaxBackground":false,"parallaxBackgroundSpeed":0.5,"isParallaxElement":{"isActive":false,"speed":1,"delay":0},"effectsOptions":{"isParallax":false,"oneTimeAnimation":false,"duration":1200,"startDistance":200,"startVisibility":0.8,"distance":300,"measureDistanceType":3,"delay":0,"distanceDelay":0,"runInLoop":false,"flyDirection":2,"direction":"horizontal","movementDistanceHorizontally":200,"movementDistanceVertically":0,"autoStartDistanceSettings":true,"autoDistanceSettings":true},"effects":null,"binding":null,"innerGlow":{"spread":0,"blur":0,"color":"black"},"innerShadow":{"top":0,"left":0,"spread":0,"blur":0,"color":"black"},"padding":{"top":0,"left":0,"bottom":0,"right":0},"basicUserCanEdit":true,"backgroundColor":"transparent","imageUrl":"","imageLayout":"stretchedToFill","imagePosition":{"vertical":"center","horizontal":"center"},"origImage":"","imageOpacity":1,"backgroundOverlay":"transparent","verticalLayout":"normal","horizontalLayout":"normal","fillLayout":{"fillVertical":false,"fillHorizontal":false},"margin":{"top":0,"left":0,"bottom":0,"right":0},"overflow":false,"isGrowable":{"bottom":false,"right":false},"rowsItems":null,"childrenAnchor":"center","resizingGripPosiotion":"s","sectionName":"Section A","pageContentType":1,"borderWidth":{"top":0,"left":0,"bottom":0,"right":0},"roundness":{"topLeft":0,"bottomLeft":0,"topRight":0,"bottomRight":0},"borderColor":{"top":"Black","left":"Black","bottom":"Black","right":"Black"},"borderStyle":{"top":"solid","left":"solid","bottom":"solid","right":"solid"}},"metaData":{"position":{"left":-530.5,"top":241},"size":{"width":1061,"height":4899}},"childElements":[{"type":"ExternalAppembed_html_app1","id":"id1786645770952","elementProperties":{"tagName":"DIV","behaviours":null,"isLocked":false,"name":"Embed Html 4","baseName":null,"templateID":"templateid1786645770953","templateName":null,"order":59,"customStates":null,"isElementWasEditedInMode":false,"showHoverEffects":true,"skinInformation":{},"isSupportsMobile":false,"isVisibleInMode":true,"isFixed":false,"topZIndex":0,"elementOpacity":1,"staticMargin":{"horizontalMargin":0,"verticalMargin":0},"sizeAndPosition":{"width":1022,"height":2662,"left":-546,"top":0},"lastResizingSize":{"width":1022,"height":2662,"left":-542,"top":0},"isVisibleInLastSection":true,"isVisibleInLastDataItem":true,"attributes":null,"metaProps":null,"metaItemType":null,"metaTitle":null,"styleBindingId":null,"styleBindingFields":null,"shadow":{"top":0,"left":0,"spread":0,"blur":0,"color":"black"},"glow":{"spread":0,"blur":0,"color":"black"},"isParallaxBackground":false,"parallaxBackgroundSpeed":0.5,"isParallaxElement":{"isActive":false,"speed":1,"delay":0},"effectsOptions":{"isParallax":false,"oneTimeAnimation":false,"duration":1200,"startDistance":200,"startVisibility":0.8,"distance":300,"measureDistanceType":3,"delay":0,"distanceDelay":0,"runInLoop":false,"flyDirection":2,"direction":"horizontal","movementDistanceHorizontally":200,"movementDistanceVertically":0,"autoStartDistanceSettings":true,"autoDistanceSettings":true},"effects":null,"binding":null,"innerGlow":{"spread":0,"blur":0,"color":"black"},"innerShadow":{"top":0,"left":0,"spread":0,"blur":0,"color":"black"},"basicUserCanEdit":true,"backgroundColor":"transparent","padding":{"top":0,"left":0,"bottom":0,"right":0},"imageUrl":"","imageLayout":"stretchedToFill","imagePosition":{"vertical":"center","horizontal":"center"},"origImage":"","imageOpacity":1,"backgroundOverlay":"transparent","verticalLayout":"normal","horizontalLayout":"normal","fillLayout":{"fillHorizontal":false,"fillVertical":false},"margin":{"top":0,"left":0,"bottom":0,"right":0},"isVisible":true,"borderWidth":{"top":0,"left":0,"bottom":0,"right":0},"roundness":{"topLeft":0,"bottomLeft":0,"topRight":0,"bottomRight":0},"borderColor":{"top":"Black","left":"Black","bottom":"Black","right":"Black"},"borderStyle":{"top":"solid","left":"solid","bottom":"solid","right":"solid"},"rotationAngle":0,"display":"fixed","cellItem":null,"cellHorizontalAlignment":"none","verticalAlign":"center","horizontalAlign":"center","horizontalContentAlign":"center","embed_html_app1html":"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <meta name=\"color-scheme\" content=\"dark\" />\n    <title>YO-HITS Client Music Upload Portal</title>\n    <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n    <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin />\n    <link href=\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Oswald:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" />\n    <script src=\"https://cdn.tailwindcss.com\"></script>\n    <script src=\"https://unpkg.com/lucide@latest\" defer></script>\n    <script>\n      // ============================================\n      // YO-HITS EMAIL SETUP — Web3Forms\n      // Only ONE key needed! See setup panel below.\n      // Step 1: Go to web3forms.com\n      // Step 2: Enter freshmusic@yo-hits.com\n      // Step 3: Copy your Access Key and paste it below\n      // ============================================\n      var W3F_ACCESS_KEY = 'YOUR_ACCESS_KEY_HERE';\n    </script>\n    <script>\n      tailwind.config = {\n        theme: {\n          extend: {\n            colors: {\n              brand: { red: '#CC0000', bright: '#e50000', dark: '#990000', glow: '#ff1a1a' },\n              surface: { 900: '#0a0a0a', 800: '#0d0d0d', 700: '#111111', 600: '#1a1a1a', 500: '#222222', 400: '#2a2a2a', 300: '#333333' },\n              txt: { 100: '#ffffff', 200: '#f0f0f0', 300: '#cccccc', 400: '#999999', 500: '#777777', 600: '#555555' },\n              amber: { banner: '#332200', border: '#cc8800', text: '#ffcc44' }\n            },\n            fontFamily: {\n              display: ['Oswald', 'Impact', 'Arial Black', 'sans-serif'],\n              sans: ['Inter', 'sans-serif'],\n            }\n          }\n        }\n      };\n    </script>\n    <style>\n      * { box-sizing: border-box; }\n      body { background: #0a0a0a; color: #f0f0f0; font-family: 'Inter', sans-serif; margin: 0; }\n\n      ::-webkit-scrollbar { width: 8px; }\n      ::-webkit-scrollbar-track { background: #0a0a0a; }\n      ::-webkit-scrollbar-thumb { background: #CC0000; border-radius: 4px; }\n      ::-webkit-scrollbar-thumb:hover { background: #e50000; }\n\n      @keyframes marquee {\n        0% { transform: translateX(100%); }\n        100% { transform: translateX(-100%); }\n      }\n      .marquee-text { animation: marquee 18s linear infinite; white-space: nowrap; }\n\n      @keyframes fadeSlideIn {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n      }\n      .fade-slide-in { animation: fadeSlideIn 0.4s ease-out forwards; }\n\n      @keyframes toastIn {\n        from { opacity: 0; transform: translateY(-30px); }\n        to { opacity: 1; transform: translateY(0); }\n      }\n      @keyframes toastOut {\n        from { opacity: 1; transform: translateY(0); }\n        to { opacity: 0; transform: translateY(-30px); }\n      }\n      .toast-in { animation: toastIn 0.3s ease-out forwards; }\n      .toast-out { animation: toastOut 0.3s ease-in forwards; }\n\n      @keyframes shake {\n        0%, 100% { transform: translateX(0); }\n        20% { transform: translateX(-6px); }\n        40% { transform: translateX(6px); }\n        60% { transform: translateX(-4px); }\n        80% { transform: translateX(4px); }\n      }\n      .shake { animation: shake 0.4s ease-in-out; }\n\n      @keyframes pulseGlow {\n        0%, 100% { box-shadow: 0 0 8px rgba(204,0,0,0.4); }\n        50% { box-shadow: 0 0 24px rgba(229,0,0,0.7); }\n      }\n      .pulse-glow:hover:not(:disabled) { animation: pulseGlow 1.5s ease-in-out infinite; }\n\n      @keyframes scaleIn {\n        from { opacity: 0; transform: scale(0.7); }\n        to { opacity: 1; transform: scale(1); }\n      }\n      .scale-in { animation: scaleIn 0.5s ease-out forwards; }\n\n      @keyframes checkDraw {\n        from { stroke-dashoffset: 60; }\n        to { stroke-dashoffset: 0; }\n      }\n      .check-draw { stroke-dasharray: 60; animation: checkDraw 0.6s ease-out 0.3s forwards; stroke-dashoffset: 60; }\n\n      @keyframes circleDraw {\n        from { stroke-dashoffset: 314; }\n        to { stroke-dashoffset: 0; }\n      }\n      .circle-draw { stroke-dasharray: 314; animation: circleDraw 0.5s ease-out forwards; stroke-dashoffset: 314; }\n\n      input[type=\"range\"].vol-slider,\n      input[type=\"range\"].prog-slider {\n        -webkit-appearance: none; appearance: none;\n        height: 6px; border-radius: 3px; outline: none; cursor: pointer;\n      }\n      input[type=\"range\"].vol-slider::-webkit-slider-thumb,\n      input[type=\"range\"].prog-slider::-webkit-slider-thumb {\n        -webkit-appearance: none; appearance: none;\n        width: 14px; height: 14px; border-radius: 50%;\n        background: #e50000; cursor: pointer; border: 2px solid #fff;\n      }\n      input[type=\"range\"].vol-slider::-moz-range-thumb,\n      input[type=\"range\"].prog-slider::-moz-range-thumb {\n        width: 14px; height: 14px; border-radius: 50%;\n        background: #e50000; cursor: pointer; border: 2px solid #fff;\n      }\n\n      .upload-zone { transition: all 0.3s ease; }\n      .upload-zone:hover:not(.disabled-zone) {\n        border-color: #e50000;\n        box-shadow: 0 0 30px rgba(204,0,0,0.25);\n        background: radial-gradient(circle at center, rgba(204,0,0,0.08), #0d0d0d);\n      }\n      .upload-zone.drag-over:not(.disabled-zone) {\n        border-color: #ff1a1a;\n        box-shadow: 0 0 40px rgba(229,0,0,0.35);\n        background: radial-gradient(circle at center, rgba(204,0,0,0.12), #0d0d0d);\n      }\n      .disabled-zone { opacity: 0.5; cursor: not-allowed; border-color: #333 !important; }\n\n      .track-card { transition: box-shadow 0.3s ease; }\n      .track-card:hover { box-shadow: 0 0 20px rgba(204,0,0,0.2); }\n\n      .form-input {\n        background: #1a1a1a; color: #f0f0f0; border: 1px solid #333;\n        border-radius: 8px; padding: 12px 16px; width: 100%;\n        font-family: 'Inter', sans-serif; font-size: 14px;\n        transition: border-color 0.2s ease;\n      }\n      .form-input:focus { outline: none; border-color: #CC0000; box-shadow: 0 0 0 2px rgba(204,0,0,0.2); }\n      .form-input::placeholder { color: #555; }\n      select.form-input { cursor: pointer; }\n\n      .step-header {\n        display: flex; align-items: center; gap: 12px;\n        border-left: 4px solid #CC0000; padding-left: 16px;\n        margin-bottom: 20px;\n      }\n\n      @keyframes spinLoader {\n        to { transform: rotate(360deg); }\n      }\n      .spin-loader {\n        width: 20px; height: 20px; border: 3px solid rgba(255,255,255,0.3);\n        border-top-color: #fff; border-radius: 50%;\n        animation: spinLoader 0.7s linear infinite; display: inline-block;\n      }\n\n      .setup-banner-body {\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.5s ease, padding 0.3s ease;\n      }\n      .setup-banner-body.expanded {\n        max-height: 4000px;\n      }\n      .setup-step-box {\n        background: #1a1a1a;\n        border: 1px solid #333;\n        border-radius: 10px;\n        padding: 16px;\n        margin-bottom: 12px;\n      }\n      .copy-btn {\n        background: #333;\n        color: #ccc;\n        border: 1px solid #555;\n        border-radius: 6px;\n        padding: 6px 14px;\n        font-size: 12px;\n        cursor: pointer;\n        transition: background 0.2s;\n      }\n      .copy-btn:hover { background: #444; }\n\n      .rights-check-row { display: flex; align-items: flex-start; gap: 12px; padding: 12px 16px; border-radius: 8px; background: #111; border: 1px solid #333; margin-bottom: 8px; transition: border-color 0.3s, background 0.3s; }\n      .rights-check-row.checked { border-color: #227722; background: rgba(0,100,0,0.08); }\n      .rights-check-row input[type=\"checkbox\"] { width: 22px; height: 22px; margin-top: 2px; accent-color: #CC0000; cursor: pointer; flex-shrink: 0; }\n      .rights-check-row.checked input[type=\"checkbox\"] { accent-color: #22aa22; }\n    </style>\n</head>\n<body>\n    <!-- TOAST CONTAINER -->\n    <div id=\"toast-container-yh01\" class=\"fixed top-4 left-1/2 -translate-x-1/2 z-[10000] pointer-events-none\"></div>\n\n    <!-- STICKY HEADER -->\n    <header class=\"sticky top-0 z-50 bg-surface-900 border-b-4 border-brand-red\">\n      <div class=\"max-w-7xl mx-auto px-4 py-3 flex items-center justify-between\">\n        <div class=\"flex flex-col\">\n          <span class=\"font-display text-brand-red text-2xl font-bold leading-none tracking-wide\">🎵 YO-HITS</span>\n          <span class=\"text-[10px] text-txt-300 uppercase tracking-[0.2em] mt-0.5\">Entertainment</span>\n        </div>\n        <div class=\"hidden md:block\">\n          <span class=\"text-xs text-txt-200 uppercase tracking-[0.15em] font-display\">Music Submission Portal</span>\n        </div>\n        <div class=\"flex flex-col items-end text-right\">\n          <span class=\"text-xs text-brand-red font-semibold\">📞 888-632-5495</span>\n          <span class=\"text-[10px] text-txt-500 mt-0.5\">freshmusic@yo-hits.com</span>\n        </div>\n      </div>\n    </header>\n\n    <!-- WEB3FORMS SETUP GUIDE BANNER -->\n    <div id=\"setup-banner-yh50\" class=\"hidden\">\n      <div class=\"max-w-[900px] mx-auto px-5 pt-4\">\n        <div class=\"rounded-xl border-l-4 overflow-hidden\" style=\"border-color: #cc8800; background: linear-gradient(135deg, #332200, #1a1100);\">\n          <div class=\"flex items-center justify-between px-5 py-3.5 cursor-pointer\" id=\"setup-banner-toggle\">\n            <div class=\"flex items-center gap-3 flex-1 min-w-0\">\n              <span class=\"text-lg flex-shrink-0\">⚙️</span>\n              <div class=\"min-w-0\">\n                <p class=\"font-display text-sm uppercase tracking-wider font-bold\" style=\"color: #ffcc44;\">Activate Email — 3 Easy Steps (60 Seconds, Totally Free)</p>\n                <p class=\"text-xs mt-0.5\" style=\"color: #cc9933;\">One key, one email address — that's it!</p>\n              </div>\n            </div>\n            <button class=\"flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-bold uppercase tracking-wider flex-shrink-0 min-w-[44px] min-h-[44px] justify-center\" style=\"background: rgba(204,136,0,0.2); color: #ffcc44; border: 1px solid rgba(204,136,0,0.4);\" id=\"setup-toggle-btn\">\n              <span id=\"setup-toggle-text\">Show Setup Steps</span>\n              <span id=\"setup-toggle-arrow\" class=\"transition-transform duration-300\">▼</span>\n            </button>\n          </div>\n          <div class=\"setup-banner-body\" id=\"setup-banner-body\">\n            <div class=\"px-5 pb-5 pt-2\">\n              <h3 class=\"font-display text-base uppercase tracking-wider mb-4\" style=\"color: #ffcc44;\">⚙️ Activate Email — 3 Easy Steps</h3>\n              <div class=\"setup-step-box\">\n                <div class=\"flex items-start gap-3\">\n                  <span class=\"w-7 h-7 rounded-full bg-brand-red flex items-center justify-center text-white font-display font-bold text-xs flex-shrink-0\">1</span>\n                  <div class=\"flex-1\">\n                    <p class=\"text-sm text-txt-200 font-medium mb-1\">Go to Web3Forms — No Account Needed</p>\n                    <p class=\"text-xs mb-3\" style=\"color: #cc9933;\">Free service — no sign-up, no password, just your email address.</p>\n                    <a href=\"https://web3forms.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-2 px-4 py-2 rounded-lg text-xs font-display uppercase tracking-wider text-white min-h-[44px]\" style=\"background: #cc8800;\">→ Open Web3Forms.com</a>\n                  </div>\n                </div>\n              </div>\n              <div class=\"setup-step-box\">\n                <div class=\"flex items-start gap-3\">\n                  <span class=\"w-7 h-7 rounded-full bg-brand-red flex items-center justify-center text-white font-display font-bold text-xs flex-shrink-0\">2</span>\n                  <div class=\"flex-1\">\n                    <p class=\"text-sm text-txt-200 font-medium mb-1\">Enter freshmusic@yo-hits.com — Get Your Key</p>\n                    <p class=\"text-xs mb-3\" style=\"color: #cc9933;\">Type <strong style=\"color:#ffcc44;\">freshmusic@yo-hits.com</strong> and click \"Create Access Key\". Confirm the email they send. Your key looks like:</p>\n                    <pre class=\"text-xs p-3 rounded-lg\" style=\"background:#0a0a0a;color:#ffcc44;border:1px solid #333;font-family:monospace;\">a1b2c3d4-e5f6-7890-abcd-ef1234567890</pre>\n                  </div>\n                </div>\n              </div>\n              <div class=\"setup-step-box\">\n                <div class=\"flex items-start gap-3\">\n                  <span class=\"w-7 h-7 rounded-full bg-brand-red flex items-center justify-center text-white font-display font-bold text-xs flex-shrink-0\">3</span>\n                  <div class=\"flex-1\">\n                    <p class=\"text-sm text-txt-200 font-medium mb-1\">Paste Your Key Into This File</p>\n                    <p class=\"text-xs mb-3\" style=\"color:#cc9933;\">Find this line at the top of this HTML file and replace <strong style=\"color:#ffcc44;\">YOUR_ACCESS_KEY_HERE</strong>:</p>\n                    <div class=\"relative\">\n                      <pre class=\"text-xs p-3 rounded-lg overflow-x-auto\" style=\"background:#0a0a0a;color:#aaa;border:1px solid #333;white-space:pre-wrap;word-break:break-word;\" id=\"setup-key-code\">var W3F_ACCESS_KEY = 'paste-your-key-here';</pre>\n                      <button class=\"copy-btn absolute top-2 right-2\" id=\"copy-key-btn\">📋 Copy</button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class=\"rounded-lg px-4 py-3 mt-3\" style=\"background:rgba(0,119,0,0.15);border:1px solid rgba(0,170,0,0.3);\">\n                <p class=\"text-sm font-medium\" style=\"color:#44cc44;\">✅ Once activated, every submission instantly emails freshmusic@yo-hits.com — FREE.</p>\n                <p class=\"text-xs mt-2\" style=\"color:#33aa33;\">📊 Free Plan: 250 emails/month | No account required</p>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- HERO STRIP -->\n    <div class=\"overflow-hidden py-5 md:py-6\" style=\"background: linear-gradient(to bottom, #1a0000, #0a0a0a);\">\n      <div class=\"marquee-text font-display text-brand-red text-base md:text-lg font-bold tracking-wider\">\n        🔥 SUBMIT YOUR MUSIC TO YO-HITS — MEMPHIS'S #1 R&B PROMO PLATFORM &nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp; 🔥 SUBMIT YOUR MUSIC TO YO-HITS — MEMPHIS'S #1 R&B PROMO PLATFORM &nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp; 🔥 SUBMIT YOUR MUSIC TO YO-HITS — MEMPHIS'S #1 R&B PROMO PLATFORM\n      </div>\n    </div>\n\n    <!-- MAIN CONTENT -->\n    <main class=\"max-w-[900px] mx-auto px-5 py-8\">\n\n      <!-- STEP 1: ARTIST INFO -->\n      <section class=\"mb-12\">\n        <div class=\"step-header\">\n          <div class=\"w-8 h-8 rounded-full bg-brand-red flex items-center justify-center text-white font-display font-bold text-sm flex-shrink-0\">1</div>\n          <h2 class=\"font-display text-xl md:text-2xl text-txt-100 uppercase tracking-wide\">Your Artist Info</h2>\n        </div>\n        <div class=\"bg-surface-700 border border-brand-dark rounded-xl p-5 md:p-6\">\n          <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n            <div>\n              <label class=\"block text-xs text-txt-300 uppercase tracking-wider mb-1.5 font-medium\">Artist / Stage Name <span class=\"text-brand-red\">*</span></label>\n              <input type=\"text\" id=\"artist-name-yh06\" name=\"artist_name\" class=\"form-input\" placeholder=\"e.g. Memphis Smooth\" required />\n            </div>\n            <div>\n              <label class=\"block text-xs text-txt-300 uppercase tracking-wider mb-1.5 font-medium\">Real Name</label>\n              <input type=\"text\" id=\"real-name-yh07\" name=\"real_name\" class=\"form-input\" placeholder=\"Your legal name\" />\n            </div>\n            <div>\n              <label class=\"block text-xs text-txt-300 uppercase tracking-wider mb-1.5 font-medium\">Email Address <span class=\"text-brand-red\">*</span></label>\n              <input type=\"email\" id=\"email-yh08\" name=\"email\" class=\"form-input\" placeholder=\"artist@email.com\" required />\n            </div>\n            <div>\n              <label class=\"block text-xs text-txt-300 uppercase tracking-wider mb-1.5 font-medium\">Phone Number</label>\n              <input type=\"tel\" id=\"phone-yh09\" name=\"phone\" class=\"form-input\" placeholder=\"901-xxx-xxxx\" />\n            </div>\n            <div>\n              <label class=\"block text-xs text-txt-300 uppercase tracking-wider mb-1.5 font-medium\">Genre <span class=\"text-brand-red\">*</span></label>\n              <select id=\"genre-yh10\" name=\"genre\" class=\"form-input\">\n                <option value=\"\">Select your genre...</option>\n                <option value=\"R&B\">R&B</option>\n                <option value=\"Hip-Hop\">Hip-Hop</option>\n                <option value=\"Soul\">Soul</option>\n                <option value=\"Gospel\">Gospel</option>\n                <option value=\"Pop\">Pop</option>\n                <option value=\"Trap\">Trap</option>\n                <option value=\"Other\">Other</option>\n              </select>\n            </div>\n            <div>\n              <label class=\"block text-xs text-txt-300 uppercase tracking-wider mb-1.5 font-medium\">City / State <span class=\"text-brand-red\">*</span></label>\n              <input type=\"text\" id=\"city-yh11\" name=\"city_state\" class=\"form-input\" placeholder=\"Memphis, TN\" />\n            </div>\n            <div>\n              <label class=\"block text-xs text-txt-300 uppercase tracking-wider mb-1.5 font-medium\">Social Media Handle</label>\n              <input type=\"text\" id=\"social-yh12\" name=\"social_handle\" class=\"form-input\" placeholder=\"@yourhandle\" />\n            </div>\n            <div>\n              <label class=\"block text-xs text-txt-300 uppercase tracking-wider mb-1.5 font-medium\">Promo Package Interest</label>\n              <select id=\"promo-yh13\" name=\"package\" class=\"form-input\">\n                <option value=\"\">Select a package...</option>\n                <option value=\"Basic — $49/mo\">Basic — $49/mo</option>\n                <option value=\"Pro — $149/mo\">Pro — $149/mo</option>\n                <option value=\"Elite — $349/mo\">Elite — $349/mo</option>\n                <option value=\"Just Submitting\">Just Submitting</option>\n              </select>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      <!-- STEP 2: UPLOAD TRACKS -->\n      <section class=\"mb-12\">\n        <div class=\"step-header\">\n          <div class=\"w-8 h-8 rounded-full bg-brand-red flex items-center justify-center text-white font-display font-bold text-sm flex-shrink-0\">2</div>\n          <h2 class=\"font-display text-xl md:text-2xl text-txt-100 uppercase tracking-wide\">Upload Your Tracks <span class=\"text-sm text-txt-400\">(Max 3)</span></h2>\n        </div>\n        <div class=\"mb-4 flex justify-center\">\n          <span id=\"track-counter-yh15\" class=\"inline-block px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-wider bg-brand-red/20 text-brand-red border border-brand-red/40\">0 / 3 Tracks Uploaded</span>\n        </div>\n        <div id=\"upload-zone-yh16\" class=\"upload-zone border-2 border-dashed border-brand-dark rounded-2xl p-8 md:p-12 text-center cursor-pointer\" style=\"background: radial-gradient(circle at center, rgba(204,0,0,0.04), #0d0d0d);\">\n          <div class=\"text-6xl mb-3\">🎵</div>\n          <p class=\"font-display text-lg md:text-xl text-txt-100 uppercase tracking-wide mb-2\">Drag & Drop Your Tracks Here</p>\n          <p class=\"text-sm text-txt-500 mb-1\">or click to browse files</p>\n          <p class=\"text-xs text-txt-600 mb-5\">Accepted: MP3, WAV, AAC, FLAC, OGG &nbsp;•&nbsp; Max 3 tracks &nbsp;•&nbsp; Max 50MB per file</p>\n          <button id=\"browse-btn-yh17\" class=\"inline-flex items-center gap-2 bg-brand-red hover:bg-brand-bright text-white font-display uppercase text-sm tracking-wider px-6 py-3 rounded-lg transition-colors\">\n            📂 Browse Files\n          </button>\n          <input type=\"file\" id=\"file-input-yh18\" accept=\"audio/*\" multiple class=\"hidden\" />\n        </div>\n        <div id=\"max-reached-yh19\" class=\"hidden mt-3 text-center text-sm text-txt-400\">Maximum tracks reached. Remove a track to upload a different one.</div>\n        <div id=\"tracks-list-yh20\" class=\"mt-6 space-y-4\"></div>\n      </section>\n\n      <!-- STEP 3: NOTES -->\n      <section class=\"mb-12\">\n        <div class=\"step-header\">\n          <div class=\"w-8 h-8 rounded-full bg-brand-red flex items-center justify-center text-white font-display font-bold text-sm flex-shrink-0\">3</div>\n          <h2 class=\"font-display text-xl md:text-2xl text-txt-100 uppercase tracking-wide\">Notes & Details</h2>\n        </div>\n        <div class=\"bg-surface-700 border border-brand-dark rounded-xl p-5 md:p-6 mb-6\">\n          <div class=\"mb-4\">\n            <label class=\"block text-xs text-txt-300 uppercase tracking-wider mb-1.5 font-medium\">Tell Us About Your Music</label>\n            <textarea id=\"notes-yh22\" name=\"notes\" class=\"form-input resize-none\" rows=\"5\" placeholder=\"Describe your sound, what you're looking for, any special promo needs...\"></textarea>\n          </div>\n          <div>\n            <label class=\"block text-xs text-txt-300 uppercase tracking-wider mb-1.5 font-medium\">How did you hear about YO-HITS?</label>\n            <select id=\"referral-yh23\" name=\"heard_about\" class=\"form-input\">\n              <option value=\"\">Select...</option>\n              <option value=\"Google\">Google</option>\n              <option value=\"Social Media\">Social Media</option>\n              <option value=\"Friend / Referral\">Friend / Referral</option>\n              <option value=\"Radio\">Radio</option>\n              <option value=\"Other\">Other</option>\n            </select>\n          </div>\n        </div>\n      </section>\n\n      <!-- RIGHTS & OWNERSHIP -->\n      <section class=\"mb-12\" id=\"rights-section-yh40\">\n        <div class=\"step-header\">\n          <div class=\"w-8 h-8 rounded-full bg-brand-red flex items-center justify-center text-white font-display font-bold text-sm flex-shrink-0\">⚖️</div>\n          <h2 class=\"font-display text-xl md:text-2xl text-txt-100 uppercase tracking-wide\">Rights & Ownership Confirmation</h2>\n        </div>\n        <div id=\"rights-card-yh41\" class=\"rounded-xl overflow-hidden\" style=\"border: 2px solid #CC0000; background: #0a0a0a;\">\n          <div style=\"background: #CC0000; color: #fff; padding: 12px 20px;\">\n            <p class=\"text-sm font-bold font-display uppercase tracking-wider\">⚠️ REQUIRED — You MUST confirm ownership before submitting your music to YO-HITS</p>\n          </div>\n          <div class=\"p-5 md:p-6\">\n            <div style=\"background:#0d0d0d;border:1px solid #333;border-radius:8px;padding:20px;margin:0 0 16px 0;font-size:13px;line-height:1.8;color:#ccc;\">\n              <p class=\"font-display text-sm text-brand-red uppercase tracking-wider mb-3 font-bold\">Music Rights & Ownership Declaration</p>\n              <p class=\"mb-2\">By submitting music to YO-HITS Entertainment LLC, I hereby declare and confirm that:</p>\n              <p class=\"mb-2\"><strong class=\"text-txt-200\">1.</strong> I am the original creator and/or legally authorized owner of all music, lyrics, beats, and recordings being submitted through this portal.</p>\n              <p class=\"mb-2\"><strong class=\"text-txt-200\">2.</strong> I have full legal authority to submit, promote, and authorize YO-HITS Entertainment to promote the submitted tracks on my behalf.</p>\n              <p class=\"mb-2\"><strong class=\"text-txt-200\">3.</strong> The submitted music does not infringe upon any third-party copyrights, trademarks, or intellectual property rights.</p>\n              <p class=\"mb-2\"><strong class=\"text-txt-200\">4.</strong> I understand that providing false ownership information may result in immediate removal from the YO-HITS platform and potential legal action.</p>\n              <p class=\"mb-4\"><strong class=\"text-txt-200\">5.</strong> I grant YO-HITS Entertainment LLC a non-exclusive promotional license to feature, broadcast, and promote my submitted tracks across YO-HITS platforms.</p>\n              <p class=\"text-xs text-txt-500\">YO-HITS Entertainment LLC | Memphis, Tennessee | freshmusic@yo-hits.com</p>\n            </div>\n            <div class=\"space-y-2 mb-5\">\n              <div class=\"rights-check-row\" id=\"rights-row-own\">\n                <input type=\"checkbox\" id=\"rights-own\" />\n                <label class=\"text-sm text-txt-200 cursor-pointer\" id=\"rights-own-label\">I am the original creator or legally authorized owner of all submitted tracks <span class=\"text-brand-red\">*</span></label>\n              </div>\n              <div class=\"rights-check-row\" id=\"rights-row-no-infringe\">\n                <input type=\"checkbox\" id=\"rights-no-infringe\" />\n                <label class=\"text-sm text-txt-200 cursor-pointer\" id=\"rights-no-infringe-label\">My music does not infringe on any third-party copyrights or intellectual property <span class=\"text-brand-red\">*</span></label>\n              </div>\n              <div class=\"rights-check-row\" id=\"rights-row-license\">\n                <input type=\"checkbox\" id=\"rights-license\" />\n                <label class=\"text-sm text-txt-200 cursor-pointer\" id=\"rights-license-label\">I grant YO-HITS Entertainment a non-exclusive promotional license for my submitted tracks <span class=\"text-brand-red\">*</span></label>\n              </div>\n            </div>\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n              <div>\n                <label class=\"block text-xs text-brand-red uppercase tracking-wider mb-1.5 font-bold font-display\">Digital Signature — Type your full legal name <span class=\"text-brand-red\">*</span></label>\n                <input type=\"text\" id=\"digital-signature\" name=\"digital_signature\" class=\"form-input text-base font-medium\" placeholder=\"Your full legal name\" />\n                <p class=\"text-[11px] text-txt-500 mt-1.5\">By typing your name you are providing a legally binding digital signature</p>\n              </div>\n              <div>\n                <label class=\"block text-xs text-brand-red uppercase tracking-wider mb-1.5 font-bold font-display\">Date Signed</label>\n                <input type=\"text\" id=\"date-signed\" class=\"form-input\" readonly style=\"background:#0d0d0d;color:#888;\" />\n              </div>\n            </div>\n          </div>\n          <div style=\"background:#CC0000;color:#fff;padding:10px 20px;font-size:11px;\">\n            🔒 This declaration is recorded with your submission timestamp. YO-HITS Entertainment LLC reserves the right to verify ownership of all submitted content.\n          </div>\n        </div>\n      </section>\n\n      <!-- TERMS & SUBMIT -->\n      <section class=\"mb-12\">\n        <div class=\"flex items-start gap-3 mb-6 px-1\">\n          <input type=\"checkbox\" id=\"terms-yh24\" class=\"mt-1 w-5 h-5 rounded cursor-pointer flex-shrink-0\" style=\"accent-color:#CC0000;\" />\n          <label class=\"text-sm text-txt-300 cursor-pointer\" id=\"terms-label-yh25\">\n            I confirm I own the rights to all uploaded music and agree to YO-HITS Terms of Service <span class=\"text-brand-red\">*</span>\n          </label>\n        </div>\n        <button id=\"submit-btn\" class=\"w-full py-4 rounded-xl font-display text-lg uppercase tracking-wider text-white bg-brand-red disabled:bg-surface-400 disabled:opacity-50 disabled:cursor-not-allowed transition-all pulse-glow\" disabled>\n          🚀 Submit to YO-HITS Entertainment\n        </button>\n        <p class=\"text-center text-xs text-txt-600 mt-2\">Upload at least 1 track, fill required fields, confirm rights, sign, and accept terms to submit.</p>\n      </section>\n    </main>\n\n    <!-- SUCCESS OVERLAY -->\n    <div id=\"success-overlay-yh28\" class=\"hidden fixed inset-0 bg-surface-900/98 z-[9999] flex items-center justify-center p-5 overflow-y-auto\">\n      <div class=\"max-w-lg w-full text-center py-10 scale-in\">\n        <div class=\"mx-auto mb-6 w-24 h-24\">\n          <svg viewBox=\"0 0 120 120\" class=\"w-full h-full\">\n            <circle cx=\"60\" cy=\"60\" r=\"50\" fill=\"none\" stroke=\"#CC0000\" stroke-width=\"4\" class=\"circle-draw\" />\n            <polyline points=\"38,62 54,78 84,46\" fill=\"none\" stroke=\"#CC0000\" stroke-width=\"5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"check-draw\" />\n          </svg>\n        </div>\n        <h2 class=\"font-display text-3xl md:text-4xl text-brand-red uppercase tracking-wide mb-3\">🎵 Submission Received!</h2>\n        <p id=\"success-msg-yh29\" class=\"text-txt-200 text-base mb-4\">Thank you! Your music has been submitted to YO-HITS Entertainment.</p>\n        <div id=\"success-tracks-box\" class=\"bg-surface-700 border-l-4 border-brand-red rounded-xl p-4 text-left mb-4\">\n          <h4 class=\"font-display text-brand-red uppercase text-xs tracking-wider mb-2\">📀 Submitted Tracks</h4>\n          <div id=\"success-tracks-list\" class=\"text-sm text-txt-300 space-y-1\"></div>\n        </div>\n        <div id=\"success-rights-badge\" class=\"mb-4 px-4 py-2.5 rounded-lg text-sm font-medium text-left\" style=\"background:rgba(0,119,0,0.15);border:1px solid rgba(0,170,0,0.3);color:#44cc44;\"></div>\n        <div class=\"bg-surface-700 border border-brand-red rounded-xl p-4 mb-4 text-left\">\n          <div class=\"flex items-center gap-3 mb-2.5 pb-2.5\" style=\"border-bottom:1px solid #333;\">\n            <span class=\"text-sm\">📀</span>\n            <span class=\"text-sm text-txt-300\">Your tracks have been sent to:</span>\n            <span class=\"text-sm text-brand-red font-medium ml-auto\">freshmusic@yo-hits.com</span>\n          </div>\n          <div class=\"flex items-center gap-3\">\n            <span class=\"text-sm\">⏱️</span>\n            <span class=\"text-sm text-txt-300\">Our music team will review and respond within 24–48 hours.</span>\n          </div>\n        </div>\n        <div class=\"bg-surface-700 border border-brand-dark rounded-xl p-5 text-left mb-6\">\n          <h3 class=\"font-display text-brand-red uppercase text-sm tracking-wider mb-4\">🔥 What Happens Next</h3>\n          <div class=\"space-y-3\">\n            <div class=\"flex items-start gap-3\">\n              <span class=\"w-6 h-6 rounded-full bg-brand-red/20 text-brand-red flex items-center justify-center text-xs font-bold flex-shrink-0 mt-0.5\">1</span>\n              <p class=\"text-sm text-txt-300\">🎵 Our music team reviews your tracks at freshmusic@yo-hits.com <span class=\"text-txt-500\">(24–48 hrs)</span></p>\n            </div>\n            <div class=\"flex items-start gap-3\">\n              <span class=\"w-6 h-6 rounded-full bg-brand-red/20 text-brand-red flex items-center justify-center text-xs font-bold flex-shrink-0 mt-0.5\">2</span>\n              <p class=\"text-sm text-txt-300\" id=\"success-email-yh31\">📞 We contact you with your promo options</p>\n            </div>\n            <div class=\"flex items-start gap-3\">\n              <span class=\"w-6 h-6 rounded-full bg-brand-red/20 text-brand-red flex items-center justify-center text-xs font-bold flex-shrink-0 mt-0.5\">3</span>\n              <p class=\"text-sm text-txt-300\">🔥 Your YO-HITS campaign goes LIVE — Memphis hears you! 🔊</p>\n            </div>\n          </div>\n        </div>\n        <div class=\"text-xs text-txt-500 mb-6\">\n          Questions? Call <span class=\"text-brand-red\">888-632-5495</span> &nbsp;|&nbsp; <span class=\"text-brand-red\">freshmusic@yo-hits.com</span>\n        </div>\n        <div class=\"flex flex-col sm:flex-row gap-3 justify-center\">\n          <button id=\"reset-btn-yh32\" class=\"px-6 py-3 rounded-lg border border-brand-red text-brand-red font-display uppercase text-sm tracking-wider hover:bg-brand-red/10 transition-colors\">\n            📤 Submit Another Artist\n          </button>\n          <a href=\"https://www.yo-hits.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"px-6 py-3 rounded-lg bg-brand-red text-white font-display uppercase text-sm tracking-wider hover:bg-brand-bright transition-colors inline-block text-center\">\n            🌐 Visit YO-HITS.com\n          </a>\n        </div>\n      </div>\n    </div>\n\n    <!-- FOOTER -->\n    <footer class=\"bg-surface-800 border-t border-surface-400 py-8 mt-8\">\n      <div class=\"max-w-[900px] mx-auto px-5 text-center space-y-1.5\">\n        <p class=\"font-display text-sm text-txt-300 uppercase tracking-wider\">YO-HITS Entertainment LLC &nbsp;•&nbsp; Memphis, Tennessee</p>\n        <p class=\"text-xs text-txt-500\">📞 888-632-5495 &nbsp;•&nbsp; freshmusic@yo-hits.com</p>\n        <p class=\"text-xs text-txt-600\">© 2026 YO-HITS. All Rights Reserved.</p>\n        <p class=\"text-xs text-txt-600\">🔒 Music files are processed locally. Submission details sent securely via Web3Forms.</p>\n      </div>\n    </footer>\n\n    <script>\n    // AUTO-FILL DATE\n    (function() {\n      var d = document.getElementById('date-signed');\n      if (d) d.value = new Date().toLocaleDateString('en-US',{year:'numeric',month:'long',day:'numeric'});\n    })();\n\n    // SETUP BANNER\n    (function() {\n      if (!W3F_ACCESS_KEY || W3F_ACCESS_KEY === 'YOUR_ACCESS_KEY_HERE') {\n        document.getElementById('setup-banner-yh50').classList.remove('hidden');\n      }\n    })();\n\n    // SETUP BANNER TOGGLE\n    var setupExpanded = false;\n    document.getElementById('setup-banner-toggle').addEventListener('click', function() {\n      setupExpanded = !setupExpanded;\n      document.getElementById('setup-banner-body').classList.toggle('expanded', setupExpanded);\n      document.getElementById('setup-toggle-text').textContent = setupExpanded ? 'Hide Setup Steps' : 'Show Setup Steps';\n      document.getElementById('setup-toggle-arrow').style.transform = setupExpanded ? 'rotate(180deg)' : 'rotate(0deg)';\n    });\n\n    // COPY KEY BUTTON\n    document.getElementById('copy-key-btn').addEventListener('click', function() {\n      navigator.clipboard.writeText(document.getElementById('setup-key-code').textContent).then(function() {\n        var btn = document.getElementById('copy-key-btn');\n        btn.textContent = '✅ Copied!';\n        setTimeout(function() { btn.textContent = '📋 Copy'; }, 2000);\n      });\n    });\n\n    // STATE\n    var tracks = [];\n    var uploadedTracks = [];\n    var currentlyPlaying = null;\n\n    // DOM REFS\n    var uploadZone = document.getElementById('upload-zone-yh16');\n    var browseBtn = document.getElementById('browse-btn-yh17');\n    var fileInput = document.getElementById('file-input-yh18');\n    var tracksList = document.getElementById('tracks-list-yh20');\n    var trackCounter = document.getElementById('track-counter-yh15');\n    var maxReached = document.getElementById('max-reached-yh19');\n    var submitBtn = document.getElementById('submit-btn');\n    var termsCheckbox = document.getElementById('terms-yh24');\n    var termsLabel = document.getElementById('terms-label-yh25');\n    var successOverlay = document.getElementById('success-overlay-yh28');\n    var resetBtn = document.getElementById('reset-btn-yh32');\n    var artistNameInput = document.getElementById('artist-name-yh06');\n    var emailInput = document.getElementById('email-yh08');\n    var genreSelect = document.getElementById('genre-yh10');\n    var cityInput = document.getElementById('city-yh11');\n    var rightsOwn = document.getElementById('rights-own');\n    var rightsNoInfringe = document.getElementById('rights-no-infringe');\n    var rightsLicense = document.getElementById('rights-license');\n    var digitalSignature = document.getElementById('digital-signature');\n\n    // TOAST\n    var activeToast = null;\n    function showToast(message, type) {\n      var container = document.getElementById('toast-container-yh01');\n      if (activeToast) { activeToast.remove(); activeToast = null; }\n      var colors = { error:'bg-[#CC0000]', success:'bg-[#007700]', warning:'bg-[#cc6600]' };\n      var toast = document.createElement('div');\n      toast.className = (colors[type]||colors.error) + ' text-white px-5 py-3 rounded-lg shadow-lg text-sm font-medium pointer-events-auto toast-in max-w-sm text-center';\n      toast.textContent = message;\n      container.appendChild(toast);\n      activeToast = toast;\n      setTimeout(function() {\n        toast.classList.remove('toast-in'); toast.classList.add('toast-out');\n        setTimeout(function() { toast.remove(); if(activeToast===toast) activeToast=null; }, 300);\n      }, 3000);\n    }\n\n    // RIGHTS ROW STYLING\n    function updateRightsRow(cb, rowId) {\n      document.getElementById(rowId).classList.toggle('checked', cb.checked);\n      checkSubmitReady();\n    }\n    rightsOwn.addEventListener('change', function() { updateRightsRow(rightsOwn,'rights-row-own'); });\n    rightsNoInfringe.addEventListener('change', function() { updateRightsRow(rightsNoInfringe,'rights-row-no-infringe'); });\n    rightsLicense.addEventListener('change', function() { updateRightsRow(rightsLicense,'rights-row-license'); });\n    document.getElementById('rights-own-label').addEventListener('click', function() { rightsOwn.checked=!rightsOwn.checked; updateRightsRow(rightsOwn,'rights-row-own'); });\n    document.getElementById('rights-no-infringe-label').addEventListener('click', function() { rightsNoInfringe.checked=!rightsNoInfringe.checked; updateRightsRow(rightsNoInfringe,'rights-row-no-infringe'); });\n    document.getElementById('rights-license-label').addEventListener('click', function() { rightsLicense.checked=!rightsLicense.checked; updateRightsRow(rightsLicense,'rights-row-license'); });\n\n    // TRACK COUNTER\n    function updateTrackCounter() {\n      var count = tracks.length;\n      if (count >= 3) {\n        trackCounter.textContent = '✅ 3 / 3 — Maximum Reached';\n        trackCounter.className = 'inline-block px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-wider bg-green-900/30 text-green-400 border border-green-500/40';\n        uploadZone.classList.add('disabled-zone'); maxReached.classList.remove('hidden');\n      } else {\n        trackCounter.textContent = count + ' / 3 Tracks Uploaded';\n        trackCounter.className = 'inline-block px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-wider bg-brand-red/20 text-brand-red border border-brand-red/40';\n        uploadZone.classList.remove('disabled-zone'); maxReached.classList.add('hidden');\n      }\n      checkSubmitReady();\n    }\n\n    function syncUploadedTracks() {\n      uploadedTracks = tracks.map(function(t){ return {title:t.title,file:t.file,url:t.objectURL}; });\n    }\n\n    function formatFileSize(b) {\n      if(b<1024) return b+' B'; if(b<1048576) return (b/1024).toFixed(1)+' KB'; return (b/1048576).toFixed(1)+' MB';\n    }\n    function getFormat(type, name) {\n      if(type.includes('mpeg')||name.endsWith('.mp3')) return 'MP3';\n      if(type.includes('wav')) return 'WAV';\n      if(type.includes('aac')||name.endsWith('.aac')) return 'AAC';\n      if(type.includes('flac')) return 'FLAC';\n      if(type.includes('ogg')) return 'OGG';\n      return (type.split('/')[1]||'AUDIO').toUpperCase();\n    }\n    function formatTime(s) {\n      if(isNaN(s)||!isFinite(s)) return '0:00';\n      return Math.floor(s/60)+':'+String(Math.floor(s%60)).padStart(2,'0');\n    }\n\n    function processFiles(files) {\n      for(var i=0;i<files.length;i++) {\n        var f=files[i];\n        if(tracks.length>=3){ showToast('⚠️ Maximum 3 tracks allowed. Remove a track first.','error'); return; }\n        if(!f.type.startsWith('audio/')){ showToast('⚠️ Only audio files accepted (MP3, WAV, AAC, FLAC)','error'); continue; }\n        if(f.size>50*1024*1024){ showToast('⚠️ File too large. Max 50MB per track.','error'); continue; }\n        addTrack(f);\n      }\n    }\n\n    function addTrack(file) {\n      var id='track_'+Date.now()+'_'+Math.random().toString(36).substr(2,5);\n      var objectURL=URL.createObjectURL(file);\n      var audio=new Audio(objectURL);\n      var trackNum=tracks.length+1;\n      var titleDefault=file.name.replace(/\\.[^/.]+$/,'');\n      var trackObj={id:id,file:file,objectURL:objectURL,audio:audio,title:titleDefault,element:null};\n\n      var card=document.createElement('div');\n      card.className='track-card bg-surface-700 border-l-4 border-brand-red rounded-xl p-4 md:p-5 fade-slide-in';\n      card.id=id;\n      card.innerHTML=\n        '<div class=\"flex items-start justify-between mb-3\">'+\n          '<div class=\"flex items-center gap-2\">'+\n            '<span class=\"text-xl\">🎵</span>'+\n            '<span class=\"font-display text-brand-red text-sm uppercase tracking-wider\">Track #'+trackNum+'</span>'+\n          '</div>'+\n          '<button class=\"remove-track-btn text-txt-500 hover:text-brand-red transition-colors p-1 min-w-[44px] min-h-[44px] flex items-center justify-center\" data-track-id=\"'+id+'\" title=\"Remove track\">✕</button>'+\n        '</div>'+\n        '<input type=\"text\" class=\"track-title-input form-input mb-2 text-base font-medium\" value=\"'+titleDefault.replace(/\"/g,'&quot;')+'\" placeholder=\"Click to enter track title...\" data-track-id=\"'+id+'\" />'+\n        '<p class=\"text-xs text-txt-500 mb-4\">'+file.name+' &nbsp;•&nbsp; '+formatFileSize(file.size)+' &nbsp;•&nbsp; '+getFormat(file.type,file.name)+'</p>'+\n        '<div class=\"flex items-center gap-3 flex-wrap\">'+\n          '<button class=\"play-btn w-11 h-11 rounded-full bg-brand-red hover:bg-brand-bright flex items-center justify-center text-white transition-colors flex-shrink-0 text-lg\" data-track-id=\"'+id+'\">▶</button>'+\n          '<div class=\"flex-1 min-w-[120px]\">'+\n            '<input type=\"range\" class=\"prog-slider w-full\" min=\"0\" max=\"100\" value=\"0\" data-track-id=\"'+id+'\" style=\"background:linear-gradient(to right,#CC0000 0%,#333 0%);\" />'+\n          '</div>'+\n          '<span class=\"time-display text-xs text-txt-300 font-mono tabular-nums w-[80px] text-center flex-shrink-0\" data-track-id=\"'+id+'\">0:00 / 0:00</span>'+\n          '<div class=\"flex items-center gap-1.5 flex-shrink-0\">'+\n            '<span class=\"text-txt-400 text-sm\">🔊</span>'+\n            '<input type=\"range\" class=\"vol-slider w-16\" min=\"0\" max=\"100\" value=\"80\" data-track-id=\"'+id+'\" style=\"background:linear-gradient(to right,#CC0000 80%,#333 80%);\" />'+\n          '</div>'+\n        '</div>'+\n        '<div class=\"loading-indicator text-xs text-txt-500 mt-2\">Loading audio...</div>';\n\n      trackObj.element=card;\n      tracks.push(trackObj);\n      syncUploadedTracks();\n      tracksList.appendChild(card);\n      updateTrackCounter();\n\n      audio.volume=0.8;\n      var loadingEl=card.querySelector('.loading-indicator');\n      var playBtn=card.querySelector('.play-btn');\n      var progSlider=card.querySelector('.prog-slider');\n      var timeDisplay=card.querySelector('.time-display');\n      var volSlider=card.querySelector('.vol-slider');\n      var titleInput=card.querySelector('.track-title-input');\n      var removeBtn=card.querySelector('.remove-track-btn');\n\n      audio.addEventListener('canplay',function(){ loadingEl.style.display='none'; timeDisplay.textContent='0:00 / '+formatTime(audio.duration); });\n\n      playBtn.addEventListener('click',function(){\n        if(audio.paused){\n          if(currentlyPlaying&&currentlyPlaying!==trackObj){ currentlyPlaying.audio.pause(); updatePlayBtn(currentlyPlaying,false); }\n          audio.play(); currentlyPlaying=trackObj; updatePlayBtn(trackObj,true);\n        } else { audio.pause(); currentlyPlaying=null; updatePlayBtn(trackObj,false); }\n      });\n\n      audio.addEventListener('timeupdate',function(){\n        if(audio.duration){ var p=(audio.currentTime/audio.duration)*100; progSlider.value=p; progSlider.style.background='linear-gradient(to right,#CC0000 '+p+'%,#333 '+p+'%)'; timeDisplay.textContent=formatTime(audio.currentTime)+' / '+formatTime(audio.duration); }\n      });\n\n      audio.addEventListener('ended',function(){\n        currentlyPlaying=null; updatePlayBtn(trackObj,false); progSlider.value=0;\n        progSlider.style.background='linear-gradient(to right,#CC0000 0%,#333 0%)';\n        timeDisplay.textContent='0:00 / '+formatTime(audio.duration);\n      });\n\n      progSlider.addEventListener('input',function(){\n        if(audio.duration){ audio.currentTime=(progSlider.value/100)*audio.duration; progSlider.style.background='linear-gradient(to right,#CC0000 '+progSlider.value+'%,#333 '+progSlider.value+'%)'; }\n      });\n\n      volSlider.addEventListener('input',function(){\n        audio.volume=volSlider.value/100; volSlider.style.background='linear-gradient(to right,#CC0000 '+volSlider.value+'%,#333 '+volSlider.value+'%)';\n      });\n\n      titleInput.addEventListener('input',function(){ trackObj.title=titleInput.value||titleDefault; syncUploadedTracks(); });\n\n      removeBtn.addEventListener('click',function(){\n        if(currentlyPlaying===trackObj){ audio.pause(); currentlyPlaying=null; }\n        audio.src=''; URL.revokeObjectURL(objectURL);\n        var idx=tracks.indexOf(trackObj); if(idx>-1) tracks.splice(idx,1);\n        syncUploadedTracks();\n        card.style.opacity='0'; card.style.transform='translateY(-10px)'; card.style.transition='all 0.3s ease';\n        setTimeout(function(){ card.remove(); renumberTracks(); updateTrackCounter(); },300);\n      });\n\n      fileInput.value='';\n    }\n\n    function updatePlayBtn(trackObj,playing){ trackObj.element.querySelector('.play-btn').textContent=playing?'⏸':'▶'; }\n\n    function renumberTracks(){ tracks.forEach(function(t,i){ var l=t.element.querySelector('.font-display.text-brand-red'); if(l) l.textContent='Track #'+(i+1); }); }\n\n    // DRAG & DROP\n    uploadZone.addEventListener('dragover',function(e){ e.preventDefault(); if(tracks.length<3) uploadZone.classList.add('drag-over'); });\n    uploadZone.addEventListener('dragleave',function(){ uploadZone.classList.remove('drag-over'); });\n    uploadZone.addEventListener('drop',function(e){\n      e.preventDefault(); uploadZone.classList.remove('drag-over');\n      if(tracks.length>=3){ showToast('⚠️ Maximum 3 tracks allowed. Remove a track first.','error'); return; }\n      processFiles(e.dataTransfer.files);\n    });\n    uploadZone.addEventListener('click',function(e){\n      if(tracks.length>=3){ showToast('⚠️ Maximum 3 tracks allowed. Remove a track first.','error'); return; }\n      fileInput.click();\n    });\n    browseBtn.addEventListener('click',function(e){\n      e.stopPropagation();\n      if(tracks.length>=3){ showToast('⚠️ Maximum 3 tracks allowed. Remove a track first.','error'); return; }\n      fileInput.click();\n    });\n    fileInput.addEventListener('change',function(){ if(fileInput.files.length) processFiles(fileInput.files); });\n\n    // VALIDATION\n    function checkSubmitReady(){\n      submitBtn.disabled=!(tracks.length>0 && artistNameInput.value.trim() && emailInput.value.trim() && termsCheckbox.checked && rightsOwn.checked && rightsNoInfringe.checked && rightsLicense.checked && digitalSignature.value.trim().length>=3);\n    }\n    artistNameInput.addEventListener('input',checkSubmitReady);\n    emailInput.addEventListener('input',checkSubmitReady);\n    digitalSignature.addEventListener('input',checkSubmitReady);\n    termsCheckbox.addEventListener('change',checkSubmitReady);\n    termsLabel.addEventListener('click',function(){ termsCheckbox.checked=!termsCheckbox.checked; checkSubmitReady(); });\n\n    // SUCCESS SCREEN\n    function showSuccessScreen(artistName,clientEmail,trackLines,sigName){\n      document.getElementById('success-msg-yh29').textContent='Thank you, '+artistName+'! Your music has been submitted to YO-HITS Entertainment.';\n      var tl=document.getElementById('success-tracks-list'); tl.innerHTML='';\n      uploadedTracks.forEach(function(t,i){ var p=document.createElement('p'); p.textContent=(i+1)+'. \"'+t.title+'\"'; tl.appendChild(p); });\n      document.getElementById('success-rights-badge').textContent='✅ Ownership Rights Confirmed — Digitally Signed by: '+sigName;\n      document.getElementById('success-email-yh31').textContent='📞 We contact you at '+clientEmail+' with your promo options';\n      successOverlay.classList.remove('hidden'); document.body.style.overflow='hidden';\n    }\n\n    // SUBMIT HANDLER\n    function handleSubmit(){\n      var artistName=document.querySelector('[name=\"artist_name\"]').value.trim();\n      var realName=document.querySelector('[name=\"real_name\"]').value.trim();\n      var clientEmail=document.querySelector('[name=\"email\"]').value.trim();\n      var phone=document.querySelector('[name=\"phone\"]').value.trim();\n      var genre=document.querySelector('[name=\"genre\"]').value;\n      var cityState=document.querySelector('[name=\"city_state\"]').value.trim();\n      var socialHandle=document.querySelector('[name=\"social_handle\"]').value.trim();\n      var packageInt=document.querySelector('[name=\"package\"]').value;\n      var notes=document.querySelector('[name=\"notes\"]').value.trim();\n      var heardAbout=document.querySelector('[name=\"heard_about\"]').value;\n      var sigName=document.getElementById('digital-signature').value.trim();\n      var submitTime=new Date().toLocaleString('en-US',{timeZone:'America/Chicago',dateStyle:'full',timeStyle:'short'})+' CT';\n      var trackLines=uploadedTracks.length>0?uploadedTracks.map(function(t,i){return (i+1)+'. '+t.title;}).join('\\n'):'(no tracks uploaded)';\n\n      var msgBody=[\n        '🎵 NEW MUSIC SUBMISSION — YO-HITS ENTERTAINMENT',\n        '================================================','',\n        'ARTIST INFO:',\n        'Stage Name:        '+artistName,\n        'Real Name:         '+(realName||'(not provided)'),\n        'Email:             '+clientEmail,\n        'Phone:             '+(phone||'(not provided)'),\n        'Genre:             '+genre,\n        'City/State:        '+cityState,\n        'Social Handle:     '+(socialHandle||'(not provided)'),\n        'Package Interest:  '+packageInt,'',\n        'TRACKS SUBMITTED ('+uploadedTracks.length+' of 3):',\n        trackLines,'',\n        'RIGHTS CONFIRMATION:',\n        '✅ Ownership confirmed — All 3 rights checkboxes checked',\n        '✍️  Digital Signature: '+sigName,'',\n        'NOTES FROM ARTIST:',\n        (notes||'(none)'),'',\n        'How they heard about YO-HITS: '+heardAbout,'',\n        'Submitted: '+submitTime,'',\n        '------------------------------------------------',\n        'YO-HITS Entertainment LLC | Memphis, TN',\n        '📞 888-632-5495 | freshmusic@yo-hits.com'\n      ].join('\\n');\n\n      submitBtn.textContent='⏳ Sending Submission...';\n      submitBtn.disabled=true;\n      if(currentlyPlaying){ currentlyPlaying.audio.pause(); currentlyPlaying=null; }\n      syncUploadedTracks();\n\n      if(!W3F_ACCESS_KEY||W3F_ACCESS_KEY==='YOUR_ACCESS_KEY_HERE'){\n        setTimeout(function(){ showSuccessScreen(artistName,clientEmail,trackLines,sigName); showToast('⚠️ Demo mode — add your Web3Forms key to activate real emails','warning'); },1000);\n        return;\n      }\n\n      fetch('https://api.web3forms.com/submit',{\n        method","embed_html_app1headerHtml":""},"metaData":{"position":{"left":-546,"top":241},"size":{"width":1022,"height":2662}}},{"type":"ExternalAppembed_html_app1","id":"id1791934498037","elementProperties":{"tagName":"DIV","behaviours":null,"isLocked":false,"name":"Embed Html 1","baseName":null,"templateID":"templateid1791934498038","templateName":null,"order":60,"customStates":null,"isElementWasEditedInMode":false,"showHoverEffects":true,"skinInformation":{},"isSupportsMobile":false,"isVisibleInMode":true,"isFixed":false,"topZIndex":0,"elementOpacity":1,"staticMargin":{"horizontalMargin":0,"verticalMargin":0},"sizeAndPosition":{"width":400,"height":3544,"left":-499,"top":430},"lastResizingSize":{"width":400,"height":3544},"isVisibleInLastSection":true,"isVisibleInLastDataItem":true,"attributes":null,"metaProps":null,"metaItemType":null,"metaTitle":null,"styleBindingId":null,"styleBindingFields":null,"shadow":{"top":0,"left":0,"spread":0,"blur":0,"color":"black"},"glow":{"spread":0,"blur":0,"color":"black"},"isParallaxBackground":false,"parallaxBackgroundSpeed":0.5,"isParallaxElement":{"isActive":false,"speed":1,"delay":0},"effectsOptions":{"isParallax":false,"oneTimeAnimation":false,"duration":1200,"startDistance":200,"startVisibility":0.8,"distance":300,"measureDistanceType":3,"delay":0,"distanceDelay":0,"runInLoop":false,"flyDirection":2,"direction":"horizontal","movementDistanceHorizontally":200,"movementDistanceVertically":0,"autoStartDistanceSettings":true,"autoDistanceSettings":true},"effects":null,"binding":null,"innerGlow":{"spread":0,"blur":0,"color":"black"},"innerShadow":{"top":0,"left":0,"spread":0,"blur":0,"color":"black"},"basicUserCanEdit":true,"backgroundColor":"transparent","padding":{"top":0,"left":0,"bottom":0,"right":0},"imageUrl":"","imageLayout":"stretchedToFill","imagePosition":{"vertical":"center","horizontal":"center"},"origImage":"","imageOpacity":1,"backgroundOverlay":"transparent","verticalLayout":"normal","horizontalLayout":"normal","fillLayout":{"fillHorizontal":false,"fillVertical":false},"margin":{"top":0,"left":0,"bottom":0,"right":0},"isVisible":true,"borderWidth":{"top":0,"left":0,"bottom":0,"right":0},"roundness":{"topLeft":0,"bottomLeft":0,"topRight":0,"bottomRight":0},"borderColor":{"top":"Black","left":"Black","bottom":"Black","right":"Black"},"borderStyle":{"top":"solid","left":"solid","bottom":"solid","right":"solid"},"rotationAngle":0,"display":"fixed","cellItem":null,"cellHorizontalAlignment":"none","verticalAlign":"center","horizontalAlign":"center","horizontalContentAlign":"center","embed_html_app1html":"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <meta name=\"color-scheme\" content=\"dark\" />\n    <title>YO-HITS Client Music Upload Portal</title>\n    <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n    <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin />\n    <link href=\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Oswald:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" />\n    <script src=\"https://cdn.tailwindcss.com\"></script>\n    <script src=\"https://unpkg.com/lucide@latest\" defer></script>\n    <script>\n      // ============================================\n      // YO-HITS EMAIL SETUP — Web3Forms\n      // Only ONE key needed! See setup panel below.\n      // Step 1: Go to web3forms.com\n      // Step 2: Enter freshmusic@yo-hits.com\n      // Step 3: Copy your Access Key and paste it below\n      // ============================================\n      var W3F_ACCESS_KEY = 'YOUR_ACCESS_KEY_HERE';\n    </script>\n    <script>\n      tailwind.config = {\n        theme: {\n          extend: {\n            colors: {\n              brand: { red: '#CC0000', bright: '#e50000', dark: '#990000', glow: '#ff1a1a' },\n              surface: { 900: '#0a0a0a', 800: '#0d0d0d', 700: '#111111', 600: '#1a1a1a', 500: '#222222', 400: '#2a2a2a', 300: '#333333' },\n              txt: { 100: '#ffffff', 200: '#f0f0f0', 300: '#cccccc', 400: '#999999', 500: '#777777', 600: '#555555' },\n              amber: { banner: '#332200', border: '#cc8800', text: '#ffcc44' }\n            },\n            fontFamily: {\n              display: ['Oswald', 'Impact', 'Arial Black', 'sans-serif'],\n              sans: ['Inter', 'sans-serif'],\n            }\n          }\n        }\n      };\n    </script>\n    <style>\n      * { box-sizing: border-box; }\n      body { background: #0a0a0a; color: #f0f0f0; font-family: 'Inter', sans-serif; margin: 0; }\n\n      ::-webkit-scrollbar { width: 8px; }\n      ::-webkit-scrollbar-track { background: #0a0a0a; }\n      ::-webkit-scrollbar-thumb { background: #CC0000; border-radius: 4px; }\n      ::-webkit-scrollbar-thumb:hover { background: #e50000; }\n\n      @keyframes marquee {\n        0% { transform: translateX(100%); }\n        100% { transform: translateX(-100%); }\n      }\n      .marquee-text { animation: marquee 18s linear infinite; white-space: nowrap; }\n\n      @keyframes fadeSlideIn {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n      }\n      .fade-slide-in { animation: fadeSlideIn 0.4s ease-out forwards; }\n\n      @keyframes toastIn {\n        from { opacity: 0; transform: translateY(-30px); }\n        to { opacity: 1; transform: translateY(0); }\n      }\n      @keyframes toastOut {\n        from { opacity: 1; transform: translateY(0); }\n        to { opacity: 0; transform: translateY(-30px); }\n      }\n      .toast-in { animation: toastIn 0.3s ease-out forwards; }\n      .toast-out { animation: toastOut 0.3s ease-in forwards; }\n\n      @keyframes shake {\n        0%, 100% { transform: translateX(0); }\n        20% { transform: translateX(-6px); }\n        40% { transform: translateX(6px); }\n        60% { transform: translateX(-4px); }\n        80% { transform: translateX(4px); }\n      }\n      .shake { animation: shake 0.4s ease-in-out; }\n\n      @keyframes pulseGlow {\n        0%, 100% { box-shadow: 0 0 8px rgba(204,0,0,0.4); }\n        50% { box-shadow: 0 0 24px rgba(229,0,0,0.7); }\n      }\n      .pulse-glow:hover:not(:disabled) { animation: pulseGlow 1.5s ease-in-out infinite; }\n\n      @keyframes scaleIn {\n        from { opacity: 0; transform: scale(0.7); }\n        to { opacity: 1; transform: scale(1); }\n      }\n      .scale-in { animation: scaleIn 0.5s ease-out forwards; }\n\n      @keyframes checkDraw {\n        from { stroke-dashoffset: 60; }\n        to { stroke-dashoffset: 0; }\n      }\n      .check-draw { stroke-dasharray: 60; animation: checkDraw 0.6s ease-out 0.3s forwards; stroke-dashoffset: 60; }\n\n      @keyframes circleDraw {\n        from { stroke-dashoffset: 314; }\n        to { stroke-dashoffset: 0; }\n      }\n      .circle-draw { stroke-dasharray: 314; animation: circleDraw 0.5s ease-out forwards; stroke-dashoffset: 314; }\n\n      input[type=\"range\"].vol-slider,\n      input[type=\"range\"].prog-slider {\n        -webkit-appearance: none; appearance: none;\n        height: 6px; border-radius: 3px; outline: none; cursor: pointer;\n      }\n      input[type=\"range\"].vol-slider::-webkit-slider-thumb,\n      input[type=\"range\"].prog-slider::-webkit-slider-thumb {\n        -webkit-appearance: none; appearance: none;\n        width: 14px; height: 14px; border-radius: 50%;\n        background: #e50000; cursor: pointer; border: 2px solid #fff;\n      }\n      input[type=\"range\"].vol-slider::-moz-range-thumb,\n      input[type=\"range\"].prog-slider::-moz-range-thumb {\n        width: 14px; height: 14px; border-radius: 50%;\n        background: #e50000; cursor: pointer; border: 2px solid #fff;\n      }\n\n      .upload-zone { transition: all 0.3s ease; }\n      .upload-zone:hover:not(.disabled-zone) {\n        border-color: #e50000;\n        box-shadow: 0 0 30px rgba(204,0,0,0.25);\n        background: radial-gradient(circle at center, rgba(204,0,0,0.08), #0d0d0d);\n      }\n      .upload-zone.drag-over:not(.disabled-zone) {\n        border-color: #ff1a1a;\n        box-shadow: 0 0 40px rgba(229,0,0,0.35);\n        background: radial-gradient(circle at center, rgba(204,0,0,0.12), #0d0d0d);\n      }\n      .disabled-zone { opacity: 0.5; cursor: not-allowed; border-color: #333 !important; }\n\n      .track-card { transition: box-shadow 0.3s ease; }\n      .track-card:hover { box-shadow: 0 0 20px rgba(204,0,0,0.2); }\n\n      .form-input {\n        background: #1a1a1a; color: #f0f0f0; border: 1px solid #333;\n        border-radius: 8px; padding: 12px 16px; width: 100%;\n        font-family: 'Inter', sans-serif; font-size: 14px;\n        transition: border-color 0.2s ease;\n      }\n      .form-input:focus { outline: none; border-color: #CC0000; box-shadow: 0 0 0 2px rgba(204,0,0,0.2); }\n      .form-input::placeholder { color: #555; }\n      select.form-input { cursor: pointer; }\n\n      .step-header {\n        display: flex; align-items: center; gap: 12px;\n        border-left: 4px solid #CC0000; padding-left: 16px;\n        margin-bottom: 20px;\n      }\n\n      @keyframes spinLoader {\n        to { transform: rotate(360deg); }\n      }\n      .spin-loader {\n        width: 20px; height: 20px; border: 3px solid rgba(255,255,255,0.3);\n        border-top-color: #fff; border-radius: 50%;\n        animation: spinLoader 0.7s linear infinite; display: inline-block;\n      }\n\n      .setup-banner-body {\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.5s ease, padding 0.3s ease;\n      }\n      .setup-banner-body.expanded {\n        max-height: 4000px;\n      }\n      .setup-step-box {\n        background: #1a1a1a;\n        border: 1px solid #333;\n        border-radius: 10px;\n        padding: 16px;\n        margin-bottom: 12px;\n      }\n      .copy-btn {\n        background: #333;\n        color: #ccc;\n        border: 1px solid #555;\n        border-radius: 6px;\n        padding: 6px 14px;\n        font-size: 12px;\n        cursor: pointer;\n        transition: background 0.2s;\n      }\n      .copy-btn:hover { background: #444; }\n\n      .rights-check-row { display: flex; align-items: flex-start; gap: 12px; padding: 12px 16px; border-radius: 8px; background: #111; border: 1px solid #333; margin-bottom: 8px; transition: border-color 0.3s, background 0.3s; }\n      .rights-check-row.checked { border-color: #227722; background: rgba(0,100,0,0.08); }\n      .rights-check-row input[type=\"checkbox\"] { width: 22px; height: 22px; margin-top: 2px; accent-color: #CC0000; cursor: pointer; flex-shrink: 0; }\n      .rights-check-row.checked input[type=\"checkbox\"] { accent-color: #22aa22; }\n    </style>\n</head>\n<body>\n    <!-- TOAST CONTAINER -->\n    <div id=\"toast-container-yh01\" class=\"fixed top-4 left-1/2 -translate-x-1/2 z-[10000] pointer-events-none\"></div>\n\n    <!-- STICKY HEADER -->\n    <header class=\"sticky top-0 z-50 bg-surface-900 border-b-4 border-brand-red\">\n      <div class=\"max-w-7xl mx-auto px-4 py-3 flex items-center justify-between\">\n        <div class=\"flex flex-col\">\n          <span class=\"font-display text-brand-red text-2xl font-bold leading-none tracking-wide\">🎵 YO-HITS</span>\n          <span class=\"text-[10px] text-txt-300 uppercase tracking-[0.2em] mt-0.5\">Entertainment</span>\n        </div>\n        <div class=\"hidden md:block\">\n          <span class=\"text-xs text-txt-200 uppercase tracking-[0.15em] font-display\">Music Submission Portal</span>\n        </div>\n        <div class=\"flex flex-col items-end text-right\">\n          <span class=\"text-xs text-brand-red font-semibold\">📞 888-632-5495</span>\n          <span class=\"text-[10px] text-txt-500 mt-0.5\">freshmusic@yo-hits.com</span>\n        </div>\n      </div>\n    </header>\n\n    <!-- WEB3FORMS SETUP GUIDE BANNER -->\n    <div id=\"setup-banner-yh50\" class=\"hidden\">\n      <div class=\"max-w-[900px] mx-auto px-5 pt-4\">\n        <div class=\"rounded-xl border-l-4 overflow-hidden\" style=\"border-color: #cc8800; background: linear-gradient(135deg, #332200, #1a1100);\">\n          <div class=\"flex items-center justify-between px-5 py-3.5 cursor-pointer\" id=\"setup-banner-toggle\">\n            <div class=\"flex items-center gap-3 flex-1 min-w-0\">\n              <span class=\"text-lg flex-shrink-0\">⚙️</span>\n              <div class=\"min-w-0\">\n                <p class=\"font-display text-sm uppercase tracking-wider font-bold\" style=\"color: #ffcc44;\">Activate Email — 3 Easy Steps (60 Seconds, Totally Free)</p>\n                <p class=\"text-xs mt-0.5\" style=\"color: #cc9933;\">One key, one email address — that's it!</p>\n              </div>\n            </div>\n            <button class=\"flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-bold uppercase tracking-wider flex-shrink-0 min-w-[44px] min-h-[44px] justify-center\" style=\"background: rgba(204,136,0,0.2); color: #ffcc44; border: 1px solid rgba(204,136,0,0.4);\" id=\"setup-toggle-btn\">\n              <span id=\"setup-toggle-text\">Show Setup Steps</span>\n              <span id=\"setup-toggle-arrow\" class=\"transition-transform duration-300\">▼</span>\n            </button>\n          </div>\n          <div class=\"setup-banner-body\" id=\"setup-banner-body\">\n            <div class=\"px-5 pb-5 pt-2\">\n              <h3 class=\"font-display text-base uppercase tracking-wider mb-4\" style=\"color: #ffcc44;\">⚙️ Activate Email — 3 Easy Steps</h3>\n              <div class=\"setup-step-box\">\n                <div class=\"flex items-start gap-3\">\n                  <span class=\"w-7 h-7 rounded-full bg-brand-red flex items-center justify-center text-white font-display font-bold text-xs flex-shrink-0\">1</span>\n                  <div class=\"flex-1\">\n                    <p class=\"text-sm text-txt-200 font-medium mb-1\">Go to Web3Forms — No Account Needed</p>\n                    <p class=\"text-xs mb-3\" style=\"color: #cc9933;\">Free service — no sign-up, no password, just your email address.</p>\n                    <a href=\"https://web3forms.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-2 px-4 py-2 rounded-lg text-xs font-display uppercase tracking-wider text-white min-h-[44px]\" style=\"background: #cc8800;\">→ Open Web3Forms.com</a>\n                  </div>\n                </div>\n              </div>\n              <div class=\"setup-step-box\">\n                <div class=\"flex items-start gap-3\">\n                  <span class=\"w-7 h-7 rounded-full bg-brand-red flex items-center justify-center text-white font-display font-bold text-xs flex-shrink-0\">2</span>\n                  <div class=\"flex-1\">\n                    <p class=\"text-sm text-txt-200 font-medium mb-1\">Enter freshmusic@yo-hits.com — Get Your Key</p>\n                    <p class=\"text-xs mb-3\" style=\"color: #cc9933;\">Type <strong style=\"color:#ffcc44;\">freshmusic@yo-hits.com</strong> and click \"Create Access Key\". Confirm the email they send. Your key looks like:</p>\n                    <pre class=\"text-xs p-3 rounded-lg\" style=\"background:#0a0a0a;color:#ffcc44;border:1px solid #333;font-family:monospace;\">a1b2c3d4-e5f6-7890-abcd-ef1234567890</pre>\n                  </div>\n                </div>\n              </div>\n              <div class=\"setup-step-box\">\n                <div class=\"flex items-start gap-3\">\n                  <span class=\"w-7 h-7 rounded-full bg-brand-red flex items-center justify-center text-white font-display font-bold text-xs flex-shrink-0\">3</span>\n                  <div class=\"flex-1\">\n                    <p class=\"text-sm text-txt-200 font-medium mb-1\">Paste Your Key Into This File</p>\n                    <p class=\"text-xs mb-3\" style=\"color:#cc9933;\">Find this line at the top of this HTML file and replace <strong style=\"color:#ffcc44;\">YOUR_ACCESS_KEY_HERE</strong>:</p>\n                    <div class=\"relative\">\n                      <pre class=\"text-xs p-3 rounded-lg overflow-x-auto\" style=\"background:#0a0a0a;color:#aaa;border:1px solid #333;white-space:pre-wrap;word-break:break-word;\" id=\"setup-key-code\">var W3F_ACCESS_KEY = 'paste-your-key-here';</pre>\n                      <button class=\"copy-btn absolute top-2 right-2\" id=\"copy-key-btn\">📋 Copy</button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class=\"rounded-lg px-4 py-3 mt-3\" style=\"background:rgba(0,119,0,0.15);border:1px solid rgba(0,170,0,0.3);\">\n                <p class=\"text-sm font-medium\" style=\"color:#44cc44;\">✅ Once activated, every submission instantly emails freshmusic@yo-hits.com — FREE.</p>\n                <p class=\"text-xs mt-2\" style=\"color:#33aa33;\">📊 Free Plan: 250 emails/month | No account required</p>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- HERO STRIP -->\n    <div class=\"overflow-hidden py-5 md:py-6\" style=\"background: linear-gradient(to bottom, #1a0000, #0a0a0a);\">\n      <div class=\"marquee-text font-display text-brand-red text-base md:text-lg font-bold tracking-wider\">\n        🔥 SUBMIT YOUR MUSIC TO YO-HITS — MEMPHIS'S #1 R&B PROMO PLATFORM &nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp; 🔥 SUBMIT YOUR MUSIC TO YO-HITS — MEMPHIS'S #1 R&B PROMO PLATFORM &nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp; 🔥 SUBMIT YOUR MUSIC TO YO-HITS — MEMPHIS'S #1 R&B PROMO PLATFORM\n      </div>\n    </div>\n\n    <!-- MAIN CONTENT -->\n    <main class=\"max-w-[900px] mx-auto px-5 py-8\">\n\n      <!-- STEP 1: ARTIST INFO -->\n      <section class=\"mb-12\">\n        <div class=\"step-header\">\n          <div class=\"w-8 h-8 rounded-full bg-brand-red flex items-center justify-center text-white font-display font-bold text-sm flex-shrink-0\">1</div>\n          <h2 class=\"font-display text-xl md:text-2xl text-txt-100 uppercase tracking-wide\">Your Artist Info</h2>\n        </div>\n        <div class=\"bg-surface-700 border border-brand-dark rounded-xl p-5 md:p-6\">\n          <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n            <div>\n              <label class=\"block text-xs text-txt-300 uppercase tracking-wider mb-1.5 font-medium\">Artist / Stage Name <span class=\"text-brand-red\">*</span></label>\n              <input type=\"text\" id=\"artist-name-yh06\" name=\"artist_name\" class=\"form-input\" placeholder=\"e.g. Memphis Smooth\" required />\n            </div>\n            <div>\n              <label class=\"block text-xs text-txt-300 uppercase tracking-wider mb-1.5 font-medium\">Real Name</label>\n              <input type=\"text\" id=\"real-name-yh07\" name=\"real_name\" class=\"form-input\" placeholder=\"Your legal name\" />\n            </div>\n            <div>\n              <label class=\"block text-xs text-txt-300 uppercase tracking-wider mb-1.5 font-medium\">Email Address <span class=\"text-brand-red\">*</span></label>\n              <input type=\"email\" id=\"email-yh08\" name=\"email\" class=\"form-input\" placeholder=\"artist@email.com\" required />\n            </div>\n            <div>\n              <label class=\"block text-xs text-txt-300 uppercase tracking-wider mb-1.5 font-medium\">Phone Number</label>\n              <input type=\"tel\" id=\"phone-yh09\" name=\"phone\" class=\"form-input\" placeholder=\"901-xxx-xxxx\" />\n            </div>\n            <div>\n              <label class=\"block text-xs text-txt-300 uppercase tracking-wider mb-1.5 font-medium\">Genre <span class=\"text-brand-red\">*</span></label>\n              <select id=\"genre-yh10\" name=\"genre\" class=\"form-input\">\n                <option value=\"\">Select your genre...</option>\n                <option value=\"R&B\">R&B</option>\n                <option value=\"Hip-Hop\">Hip-Hop</option>\n                <option value=\"Soul\">Soul</option>\n                <option value=\"Gospel\">Gospel</option>\n                <option value=\"Pop\">Pop</option>\n                <option value=\"Trap\">Trap</option>\n                <option value=\"Other\">Other</option>\n              </select>\n            </div>\n            <div>\n              <label class=\"block text-xs text-txt-300 uppercase tracking-wider mb-1.5 font-medium\">City / State <span class=\"text-brand-red\">*</span></label>\n              <input type=\"text\" id=\"city-yh11\" name=\"city_state\" class=\"form-input\" placeholder=\"Memphis, TN\" />\n            </div>\n            <div>\n              <label class=\"block text-xs text-txt-300 uppercase tracking-wider mb-1.5 font-medium\">Social Media Handle</label>\n              <input type=\"text\" id=\"social-yh12\" name=\"social_handle\" class=\"form-input\" placeholder=\"@yourhandle\" />\n            </div>\n            <div>\n              <label class=\"block text-xs text-txt-300 uppercase tracking-wider mb-1.5 font-medium\">Promo Package Interest</label>\n              <select id=\"promo-yh13\" name=\"package\" class=\"form-input\">\n                <option value=\"\">Select a package...</option>\n                <option value=\"Basic — $49/mo\">Basic — $49/mo</option>\n                <option value=\"Pro — $149/mo\">Pro — $149/mo</option>\n                <option value=\"Elite — $349/mo\">Elite — $349/mo</option>\n                <option value=\"Just Submitting\">Just Submitting</option>\n              </select>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      <!-- STEP 2: UPLOAD TRACKS -->\n      <section class=\"mb-12\">\n        <div class=\"step-header\">\n          <div class=\"w-8 h-8 rounded-full bg-brand-red flex items-center justify-center text-white font-display font-bold text-sm flex-shrink-0\">2</div>\n          <h2 class=\"font-display text-xl md:text-2xl text-txt-100 uppercase tracking-wide\">Upload Your Tracks <span class=\"text-sm text-txt-400\">(Max 3)</span></h2>\n        </div>\n        <div class=\"mb-4 flex justify-center\">\n          <span id=\"track-counter-yh15\" class=\"inline-block px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-wider bg-brand-red/20 text-brand-red border border-brand-red/40\">0 / 3 Tracks Uploaded</span>\n        </div>\n        <div id=\"upload-zone-yh16\" class=\"upload-zone border-2 border-dashed border-brand-dark rounded-2xl p-8 md:p-12 text-center cursor-pointer\" style=\"background: radial-gradient(circle at center, rgba(204,0,0,0.04), #0d0d0d);\">\n          <div class=\"text-6xl mb-3\">🎵</div>\n          <p class=\"font-display text-lg md:text-xl text-txt-100 uppercase tracking-wide mb-2\">Drag & Drop Your Tracks Here</p>\n          <p class=\"text-sm text-txt-500 mb-1\">or click to browse files</p>\n          <p class=\"text-xs text-txt-600 mb-5\">Accepted: MP3, WAV, AAC, FLAC, OGG &nbsp;•&nbsp; Max 3 tracks &nbsp;•&nbsp; Max 50MB per file</p>\n          <button id=\"browse-btn-yh17\" class=\"inline-flex items-center gap-2 bg-brand-red hover:bg-brand-bright text-white font-display uppercase text-sm tracking-wider px-6 py-3 rounded-lg transition-colors\">\n            📂 Browse Files\n          </button>\n          <input type=\"file\" id=\"file-input-yh18\" accept=\"audio/*\" multiple class=\"hidden\" />\n        </div>\n        <div id=\"max-reached-yh19\" class=\"hidden mt-3 text-center text-sm text-txt-400\">Maximum tracks reached. Remove a track to upload a different one.</div>\n        <div id=\"tracks-list-yh20\" class=\"mt-6 space-y-4\"></div>\n      </section>\n\n      <!-- STEP 3: NOTES -->\n      <section class=\"mb-12\">\n        <div class=\"step-header\">\n          <div class=\"w-8 h-8 rounded-full bg-brand-red flex items-center justify-center text-white font-display font-bold text-sm flex-shrink-0\">3</div>\n          <h2 class=\"font-display text-xl md:text-2xl text-txt-100 uppercase tracking-wide\">Notes & Details</h2>\n        </div>\n        <div class=\"bg-surface-700 border border-brand-dark rounded-xl p-5 md:p-6 mb-6\">\n          <div class=\"mb-4\">\n            <label class=\"block text-xs text-txt-300 uppercase tracking-wider mb-1.5 font-medium\">Tell Us About Your Music</label>\n            <textarea id=\"notes-yh22\" name=\"notes\" class=\"form-input resize-none\" rows=\"5\" placeholder=\"Describe your sound, what you're looking for, any special promo needs...\"></textarea>\n          </div>\n          <div>\n            <label class=\"block text-xs text-txt-300 uppercase tracking-wider mb-1.5 font-medium\">How did you hear about YO-HITS?</label>\n            <select id=\"referral-yh23\" name=\"heard_about\" class=\"form-input\">\n              <option value=\"\">Select...</option>\n              <option value=\"Google\">Google</option>\n              <option value=\"Social Media\">Social Media</option>\n              <option value=\"Friend / Referral\">Friend / Referral</option>\n              <option value=\"Radio\">Radio</option>\n              <option value=\"Other\">Other</option>\n            </select>\n          </div>\n        </div>\n      </section>\n\n      <!-- RIGHTS & OWNERSHIP -->\n      <section class=\"mb-12\" id=\"rights-section-yh40\">\n        <div class=\"step-header\">\n          <div class=\"w-8 h-8 rounded-full bg-brand-red flex items-center justify-center text-white font-display font-bold text-sm flex-shrink-0\">⚖️</div>\n          <h2 class=\"font-display text-xl md:text-2xl text-txt-100 uppercase tracking-wide\">Rights & Ownership Confirmation</h2>\n        </div>\n        <div id=\"rights-card-yh41\" class=\"rounded-xl overflow-hidden\" style=\"border: 2px solid #CC0000; background: #0a0a0a;\">\n          <div style=\"background: #CC0000; color: #fff; padding: 12px 20px;\">\n            <p class=\"text-sm font-bold font-display uppercase tracking-wider\">⚠️ REQUIRED — You MUST confirm ownership before submitting your music to YO-HITS</p>\n          </div>\n          <div class=\"p-5 md:p-6\">\n            <div style=\"background:#0d0d0d;border:1px solid #333;border-radius:8px;padding:20px;margin:0 0 16px 0;font-size:13px;line-height:1.8;color:#ccc;\">\n              <p class=\"font-display text-sm text-brand-red uppercase tracking-wider mb-3 font-bold\">Music Rights & Ownership Declaration</p>\n              <p class=\"mb-2\">By submitting music to YO-HITS Entertainment LLC, I hereby declare and confirm that:</p>\n              <p class=\"mb-2\"><strong class=\"text-txt-200\">1.</strong> I am the original creator and/or legally authorized owner of all music, lyrics, beats, and recordings being submitted through this portal.</p>\n              <p class=\"mb-2\"><strong class=\"text-txt-200\">2.</strong> I have full legal authority to submit, promote, and authorize YO-HITS Entertainment to promote the submitted tracks on my behalf.</p>\n              <p class=\"mb-2\"><strong class=\"text-txt-200\">3.</strong> The submitted music does not infringe upon any third-party copyrights, trademarks, or intellectual property rights.</p>\n              <p class=\"mb-2\"><strong class=\"text-txt-200\">4.</strong> I understand that providing false ownership information may result in immediate removal from the YO-HITS platform and potential legal action.</p>\n              <p class=\"mb-4\"><strong class=\"text-txt-200\">5.</strong> I grant YO-HITS Entertainment LLC a non-exclusive promotional license to feature, broadcast, and promote my submitted tracks across YO-HITS platforms.</p>\n              <p class=\"text-xs text-txt-500\">YO-HITS Entertainment LLC | Memphis, Tennessee | freshmusic@yo-hits.com</p>\n            </div>\n            <div class=\"space-y-2 mb-5\">\n              <div class=\"rights-check-row\" id=\"rights-row-own\">\n                <input type=\"checkbox\" id=\"rights-own\" />\n                <label class=\"text-sm text-txt-200 cursor-pointer\" id=\"rights-own-label\">I am the original creator or legally authorized owner of all submitted tracks <span class=\"text-brand-red\">*</span></label>\n              </div>\n              <div class=\"rights-check-row\" id=\"rights-row-no-infringe\">\n                <input type=\"checkbox\" id=\"rights-no-infringe\" />\n                <label class=\"text-sm text-txt-200 cursor-pointer\" id=\"rights-no-infringe-label\">My music does not infringe on any third-party copyrights or intellectual property <span class=\"text-brand-red\">*</span></label>\n              </div>\n              <div class=\"rights-check-row\" id=\"rights-row-license\">\n                <input type=\"checkbox\" id=\"rights-license\" />\n                <label class=\"text-sm text-txt-200 cursor-pointer\" id=\"rights-license-label\">I grant YO-HITS Entertainment a non-exclusive promotional license for my submitted tracks <span class=\"text-brand-red\">*</span></label>\n              </div>\n            </div>\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n              <div>\n                <label class=\"block text-xs text-brand-red uppercase tracking-wider mb-1.5 font-bold font-display\">Digital Signature — Type your full legal name <span class=\"text-brand-red\">*</span></label>\n                <input type=\"text\" id=\"digital-signature\" name=\"digital_signature\" class=\"form-input text-base font-medium\" placeholder=\"Your full legal name\" />\n                <p class=\"text-[11px] text-txt-500 mt-1.5\">By typing your name you are providing a legally binding digital signature</p>\n              </div>\n              <div>\n                <label class=\"block text-xs text-brand-red uppercase tracking-wider mb-1.5 font-bold font-display\">Date Signed</label>\n                <input type=\"text\" id=\"date-signed\" class=\"form-input\" readonly style=\"background:#0d0d0d;color:#888;\" />\n              </div>\n            </div>\n          </div>\n          <div style=\"background:#CC0000;color:#fff;padding:10px 20px;font-size:11px;\">\n            🔒 This declaration is recorded with your submission timestamp. YO-HITS Entertainment LLC reserves the right to verify ownership of all submitted content.\n          </div>\n        </div>\n      </section>\n\n      <!-- TERMS & SUBMIT -->\n      <section class=\"mb-12\">\n        <div class=\"flex items-start gap-3 mb-6 px-1\">\n          <input type=\"checkbox\" id=\"terms-yh24\" class=\"mt-1 w-5 h-5 rounded cursor-pointer flex-shrink-0\" style=\"accent-color:#CC0000;\" />\n          <label class=\"text-sm text-txt-300 cursor-pointer\" id=\"terms-label-yh25\">\n            I confirm I own the rights to all uploaded music and agree to YO-HITS Terms of Service <span class=\"text-brand-red\">*</span>\n          </label>\n        </div>\n        <button id=\"submit-btn\" class=\"w-full py-4 rounded-xl font-display text-lg uppercase tracking-wider text-white bg-brand-red disabled:bg-surface-400 disabled:opacity-50 disabled:cursor-not-allowed transition-all pulse-glow\" disabled>\n          🚀 Submit to YO-HITS Entertainment\n        </button>\n        <p class=\"text-center text-xs text-txt-600 mt-2\">Upload at least 1 track, fill required fields, confirm rights, sign, and accept terms to submit.</p>\n      </section>\n    </main>\n\n    <!-- SUCCESS OVERLAY -->\n    <div id=\"success-overlay-yh28\" class=\"hidden fixed inset-0 bg-surface-900/98 z-[9999] flex items-center justify-center p-5 overflow-y-auto\">\n      <div class=\"max-w-lg w-full text-center py-10 scale-in\">\n        <div class=\"mx-auto mb-6 w-24 h-24\">\n          <svg viewBox=\"0 0 120 120\" class=\"w-full h-full\">\n            <circle cx=\"60\" cy=\"60\" r=\"50\" fill=\"none\" stroke=\"#CC0000\" stroke-width=\"4\" class=\"circle-draw\" />\n            <polyline points=\"38,62 54,78 84,46\" fill=\"none\" stroke=\"#CC0000\" stroke-width=\"5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"check-draw\" />\n          </svg>\n        </div>\n        <h2 class=\"font-display text-3xl md:text-4xl text-brand-red uppercase tracking-wide mb-3\">🎵 Submission Received!</h2>\n        <p id=\"success-msg-yh29\" class=\"text-txt-200 text-base mb-4\">Thank you! Your music has been submitted to YO-HITS Entertainment.</p>\n        <div id=\"success-tracks-box\" class=\"bg-surface-700 border-l-4 border-brand-red rounded-xl p-4 text-left mb-4\">\n          <h4 class=\"font-display text-brand-red uppercase text-xs tracking-wider mb-2\">📀 Submitted Tracks</h4>\n          <div id=\"success-tracks-list\" class=\"text-sm text-txt-300 space-y-1\"></div>\n        </div>\n        <div id=\"success-rights-badge\" class=\"mb-4 px-4 py-2.5 rounded-lg text-sm font-medium text-left\" style=\"background:rgba(0,119,0,0.15);border:1px solid rgba(0,170,0,0.3);color:#44cc44;\"></div>\n        <div class=\"bg-surface-700 border border-brand-red rounded-xl p-4 mb-4 text-left\">\n          <div class=\"flex items-center gap-3 mb-2.5 pb-2.5\" style=\"border-bottom:1px solid #333;\">\n            <span class=\"text-sm\">📀</span>\n            <span class=\"text-sm text-txt-300\">Your tracks have been sent to:</span>\n            <span class=\"text-sm text-brand-red font-medium ml-auto\">freshmusic@yo-hits.com</span>\n          </div>\n          <div class=\"flex items-center gap-3\">\n            <span class=\"text-sm\">⏱️</span>\n            <span class=\"text-sm text-txt-300\">Our music team will review and respond within 24–48 hours.</span>\n          </div>\n        </div>\n        <div class=\"bg-surface-700 border border-brand-dark rounded-xl p-5 text-left mb-6\">\n          <h3 class=\"font-display text-brand-red uppercase text-sm tracking-wider mb-4\">🔥 What Happens Next</h3>\n          <div class=\"space-y-3\">\n            <div class=\"flex items-start gap-3\">\n              <span class=\"w-6 h-6 rounded-full bg-brand-red/20 text-brand-red flex items-center justify-center text-xs font-bold flex-shrink-0 mt-0.5\">1</span>\n              <p class=\"text-sm text-txt-300\">🎵 Our music team reviews your tracks at freshmusic@yo-hits.com <span class=\"text-txt-500\">(24–48 hrs)</span></p>\n            </div>\n            <div class=\"flex items-start gap-3\">\n              <span class=\"w-6 h-6 rounded-full bg-brand-red/20 text-brand-red flex items-center justify-center text-xs font-bold flex-shrink-0 mt-0.5\">2</span>\n              <p class=\"text-sm text-txt-300\" id=\"success-email-yh31\">📞 We contact you with your promo options</p>\n            </div>\n            <div class=\"flex items-start gap-3\">\n              <span class=\"w-6 h-6 rounded-full bg-brand-red/20 text-brand-red flex items-center justify-center text-xs font-bold flex-shrink-0 mt-0.5\">3</span>\n              <p class=\"text-sm text-txt-300\">🔥 Your YO-HITS campaign goes LIVE — Memphis hears you! 🔊</p>\n            </div>\n          </div>\n        </div>\n        <div class=\"text-xs text-txt-500 mb-6\">\n          Questions? Call <span class=\"text-brand-red\">888-632-5495</span> &nbsp;|&nbsp; <span class=\"text-brand-red\">freshmusic@yo-hits.com</span>\n        </div>\n        <div class=\"flex flex-col sm:flex-row gap-3 justify-center\">\n          <button id=\"reset-btn-yh32\" class=\"px-6 py-3 rounded-lg border border-brand-red text-brand-red font-display uppercase text-sm tracking-wider hover:bg-brand-red/10 transition-colors\">\n            📤 Submit Another Artist\n          </button>\n          <a href=\"https://www.yo-hits.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"px-6 py-3 rounded-lg bg-brand-red text-white font-display uppercase text-sm tracking-wider hover:bg-brand-bright transition-colors inline-block text-center\">\n            🌐 Visit YO-HITS.com\n          </a>\n        </div>\n      </div>\n    </div>\n\n    <!-- FOOTER -->\n    <footer class=\"bg-surface-800 border-t border-surface-400 py-8 mt-8\">\n      <div class=\"max-w-[900px] mx-auto px-5 text-center space-y-1.5\">\n        <p class=\"font-display text-sm text-txt-300 uppercase tracking-wider\">YO-HITS Entertainment LLC &nbsp;•&nbsp; Memphis, Tennessee</p>\n        <p class=\"text-xs text-txt-500\">📞 888-632-5495 &nbsp;•&nbsp; freshmusic@yo-hits.com</p>\n        <p class=\"text-xs text-txt-600\">© 2026 YO-HITS. All Rights Reserved.</p>\n        <p class=\"text-xs text-txt-600\">🔒 Music files are processed locally. Submission details sent securely via Web3Forms.</p>\n      </div>\n    </footer>\n\n    <script>\n    // AUTO-FILL DATE\n    (function() {\n      var d = document.getElementById('date-signed');\n      if (d) d.value = new Date().toLocaleDateString('en-US',{year:'numeric',month:'long',day:'numeric'});\n    })();\n\n    // SETUP BANNER\n    (function() {\n      if (!W3F_ACCESS_KEY || W3F_ACCESS_KEY === 'YOUR_ACCESS_KEY_HERE') {\n        document.getElementById('setup-banner-yh50').classList.remove('hidden');\n      }\n    })();\n\n    // SETUP BANNER TOGGLE\n    var setupExpanded = false;\n    document.getElementById('setup-banner-toggle').addEventListener('click', function() {\n      setupExpanded = !setupExpanded;\n      document.getElementById('setup-banner-body').classList.toggle('expanded', setupExpanded);\n      document.getElementById('setup-toggle-text').textContent = setupExpanded ? 'Hide Setup Steps' : 'Show Setup Steps';\n      document.getElementById('setup-toggle-arrow').style.transform = setupExpanded ? 'rotate(180deg)' : 'rotate(0deg)';\n    });\n\n    // COPY KEY BUTTON\n    document.getElementById('copy-key-btn').addEventListener('click', function() {\n      navigator.clipboard.writeText(document.getElementById('setup-key-code').textContent).then(function() {\n        var btn = document.getElementById('copy-key-btn');\n        btn.textContent = '✅ Copied!';\n        setTimeout(function() { btn.textContent = '📋 Copy'; }, 2000);\n      });\n    });\n\n    // STATE\n    var tracks = [];\n    var uploadedTracks = [];\n    var currentlyPlaying = null;\n\n    // DOM REFS\n    var uploadZone = document.getElementById('upload-zone-yh16');\n    var browseBtn = document.getElementById('browse-btn-yh17');\n    var fileInput = document.getElementById('file-input-yh18');\n    var tracksList = document.getElementById('tracks-list-yh20');\n    var trackCounter = document.getElementById('track-counter-yh15');\n    var maxReached = document.getElementById('max-reached-yh19');\n    var submitBtn = document.getElementById('submit-btn');\n    var termsCheckbox = document.getElementById('terms-yh24');\n    var termsLabel = document.getElementById('terms-label-yh25');\n    var successOverlay = document.getElementById('success-overlay-yh28');\n    var resetBtn = document.getElementById('reset-btn-yh32');\n    var artistNameInput = document.getElementById('artist-name-yh06');\n    var emailInput = document.getElementById('email-yh08');\n    var genreSelect = document.getElementById('genre-yh10');\n    var cityInput = document.getElementById('city-yh11');\n    var rightsOwn = document.getElementById('rights-own');\n    var rightsNoInfringe = document.getElementById('rights-no-infringe');\n    var rightsLicense = document.getElementById('rights-license');\n    var digitalSignature = document.getElementById('digital-signature');\n\n    // TOAST\n    var activeToast = null;\n    function showToast(message, type) {\n      var container = document.getElementById('toast-container-yh01');\n      if (activeToast) { activeToast.remove(); activeToast = null; }\n      var colors = { error:'bg-[#CC0000]', success:'bg-[#007700]', warning:'bg-[#cc6600]' };\n      var toast = document.createElement('div');\n      toast.className = (colors[type]||colors.error) + ' text-white px-5 py-3 rounded-lg shadow-lg text-sm font-medium pointer-events-auto toast-in max-w-sm text-center';\n      toast.textContent = message;\n      container.appendChild(toast);\n      activeToast = toast;\n      setTimeout(function() {\n        toast.classList.remove('toast-in'); toast.classList.add('toast-out');\n        setTimeout(function() { toast.remove(); if(activeToast===toast) activeToast=null; }, 300);\n      }, 3000);\n    }\n\n    // RIGHTS ROW STYLING\n    function updateRightsRow(cb, rowId) {\n      document.getElementById(rowId).classList.toggle('checked', cb.checked);\n      checkSubmitReady();\n    }\n    rightsOwn.addEventListener('change', function() { updateRightsRow(rightsOwn,'rights-row-own'); });\n    rightsNoInfringe.addEventListener('change', function() { updateRightsRow(rightsNoInfringe,'rights-row-no-infringe'); });\n    rightsLicense.addEventListener('change', function() { updateRightsRow(rightsLicense,'rights-row-license'); });\n    document.getElementById('rights-own-label').addEventListener('click', function() { rightsOwn.checked=!rightsOwn.checked; updateRightsRow(rightsOwn,'rights-row-own'); });\n    document.getElementById('rights-no-infringe-label').addEventListener('click', function() { rightsNoInfringe.checked=!rightsNoInfringe.checked; updateRightsRow(rightsNoInfringe,'rights-row-no-infringe'); });\n    document.getElementById('rights-license-label').addEventListener('click', function() { rightsLicense.checked=!rightsLicense.checked; updateRightsRow(rightsLicense,'rights-row-license'); });\n\n    // TRACK COUNTER\n    function updateTrackCounter() {\n      var count = tracks.length;\n      if (count >= 3) {\n        trackCounter.textContent = '✅ 3 / 3 — Maximum Reached';\n        trackCounter.className = 'inline-block px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-wider bg-green-900/30 text-green-400 border border-green-500/40';\n        uploadZone.classList.add('disabled-zone'); maxReached.classList.remove('hidden');\n      } else {\n        trackCounter.textContent = count + ' / 3 Tracks Uploaded';\n        trackCounter.className = 'inline-block px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-wider bg-brand-red/20 text-brand-red border border-brand-red/40';\n        uploadZone.classList.remove('disabled-zone'); maxReached.classList.add('hidden');\n      }\n      checkSubmitReady();\n    }\n\n    function syncUploadedTracks() {\n      uploadedTracks = tracks.map(function(t){ return {title:t.title,file:t.file,url:t.objectURL}; });\n    }\n\n    function formatFileSize(b) {\n      if(b<1024) return b+' B'; if(b<1048576) return (b/1024).toFixed(1)+' KB'; return (b/1048576).toFixed(1)+' MB';\n    }\n    function getFormat(type, name) {\n      if(type.includes('mpeg')||name.endsWith('.mp3')) return 'MP3';\n      if(type.includes('wav')) return 'WAV';\n      if(type.includes('aac')||name.endsWith('.aac')) return 'AAC';\n      if(type.includes('flac')) return 'FLAC';\n      if(type.includes('ogg')) return 'OGG';\n      return (type.split('/')[1]||'AUDIO').toUpperCase();\n    }\n    function formatTime(s) {\n      if(isNaN(s)||!isFinite(s)) return '0:00';\n      return Math.floor(s/60)+':'+String(Math.floor(s%60)).padStart(2,'0');\n    }\n\n    function processFiles(files) {\n      for(var i=0;i<files.length;i++) {\n        var f=files[i];\n        if(tracks.length>=3){ showToast('⚠️ Maximum 3 tracks allowed. Remove a track first.','error'); return; }\n        if(!f.type.startsWith('audio/')){ showToast('⚠️ Only audio files accepted (MP3, WAV, AAC, FLAC)','error'); continue; }\n        if(f.size>50*1024*1024){ showToast('⚠️ File too large. Max 50MB per track.','error'); continue; }\n        addTrack(f);\n      }\n    }\n\n    function addTrack(file) {\n      var id='track_'+Date.now()+'_'+Math.random().toString(36).substr(2,5);\n      var objectURL=URL.createObjectURL(file);\n      var audio=new Audio(objectURL);\n      var trackNum=tracks.length+1;\n      var titleDefault=file.name.replace(/\\.[^/.]+$/,'');\n      var trackObj={id:id,file:file,objectURL:objectURL,audio:audio,title:titleDefault,element:null};\n\n      var card=document.createElement('div');\n      card.className='track-card bg-surface-700 border-l-4 border-brand-red rounded-xl p-4 md:p-5 fade-slide-in';\n      card.id=id;\n      card.innerHTML=\n        '<div class=\"flex items-start justify-between mb-3\">'+\n          '<div class=\"flex items-center gap-2\">'+\n            '<span class=\"text-xl\">🎵</span>'+\n            '<span class=\"font-display text-brand-red text-sm uppercase tracking-wider\">Track #'+trackNum+'</span>'+\n          '</div>'+\n          '<button class=\"remove-track-btn text-txt-500 hover:text-brand-red transition-colors p-1 min-w-[44px] min-h-[44px] flex items-center justify-center\" data-track-id=\"'+id+'\" title=\"Remove track\">✕</button>'+\n        '</div>'+\n        '<input type=\"text\" class=\"track-title-input form-input mb-2 text-base font-medium\" value=\"'+titleDefault.replace(/\"/g,'&quot;')+'\" placeholder=\"Click to enter track title...\" data-track-id=\"'+id+'\" />'+\n        '<p class=\"text-xs text-txt-500 mb-4\">'+file.name+' &nbsp;•&nbsp; '+formatFileSize(file.size)+' &nbsp;•&nbsp; '+getFormat(file.type,file.name)+'</p>'+\n        '<div class=\"flex items-center gap-3 flex-wrap\">'+\n          '<button class=\"play-btn w-11 h-11 rounded-full bg-brand-red hover:bg-brand-bright flex items-center justify-center text-white transition-colors flex-shrink-0 text-lg\" data-track-id=\"'+id+'\">▶</button>'+\n          '<div class=\"flex-1 min-w-[120px]\">'+\n            '<input type=\"range\" class=\"prog-slider w-full\" min=\"0\" max=\"100\" value=\"0\" data-track-id=\"'+id+'\" style=\"background:linear-gradient(to right,#CC0000 0%,#333 0%);\" />'+\n          '</div>'+\n          '<span class=\"time-display text-xs text-txt-300 font-mono tabular-nums w-[80px] text-center flex-shrink-0\" data-track-id=\"'+id+'\">0:00 / 0:00</span>'+\n          '<div class=\"flex items-center gap-1.5 flex-shrink-0\">'+\n            '<span class=\"text-txt-400 text-sm\">🔊</span>'+\n            '<input type=\"range\" class=\"vol-slider w-16\" min=\"0\" max=\"100\" value=\"80\" data-track-id=\"'+id+'\" style=\"background:linear-gradient(to right,#CC0000 80%,#333 80%);\" />'+\n          '</div>'+\n        '</div>'+\n        '<div class=\"loading-indicator text-xs text-txt-500 mt-2\">Loading audio...</div>';\n\n      trackObj.element=card;\n      tracks.push(trackObj);\n      syncUploadedTracks();\n      tracksList.appendChild(card);\n      updateTrackCounter();\n\n      audio.volume=0.8;\n      var loadingEl=card.querySelector('.loading-indicator');\n      var playBtn=card.querySelector('.play-btn');\n      var progSlider=card.querySelector('.prog-slider');\n      var timeDisplay=card.querySelector('.time-display');\n      var volSlider=card.querySelector('.vol-slider');\n      var titleInput=card.querySelector('.track-title-input');\n      var removeBtn=card.querySelector('.remove-track-btn');\n\n      audio.addEventListener('canplay',function(){ loadingEl.style.display='none'; timeDisplay.textContent='0:00 / '+formatTime(audio.duration); });\n\n      playBtn.addEventListener('click',function(){\n        if(audio.paused){\n          if(currentlyPlaying&&currentlyPlaying!==trackObj){ currentlyPlaying.audio.pause(); updatePlayBtn(currentlyPlaying,false); }\n          audio.play(); currentlyPlaying=trackObj; updatePlayBtn(trackObj,true);\n        } else { audio.pause(); currentlyPlaying=null; updatePlayBtn(trackObj,false); }\n      });\n\n      audio.addEventListener('timeupdate',function(){\n        if(audio.duration){ var p=(audio.currentTime/audio.duration)*100; progSlider.value=p; progSlider.style.background='linear-gradient(to right,#CC0000 '+p+'%,#333 '+p+'%)'; timeDisplay.textContent=formatTime(audio.currentTime)+' / '+formatTime(audio.duration); }\n      });\n\n      audio.addEventListener('ended',function(){\n        currentlyPlaying=null; updatePlayBtn(trackObj,false); progSlider.value=0;\n        progSlider.style.background='linear-gradient(to right,#CC0000 0%,#333 0%)';\n        timeDisplay.textContent='0:00 / '+formatTime(audio.duration);\n      });\n\n      progSlider.addEventListener('input',function(){\n        if(audio.duration){ audio.currentTime=(progSlider.value/100)*audio.duration; progSlider.style.background='linear-gradient(to right,#CC0000 '+progSlider.value+'%,#333 '+progSlider.value+'%)'; }\n      });\n\n      volSlider.addEventListener('input',function(){\n        audio.volume=volSlider.value/100; volSlider.style.background='linear-gradient(to right,#CC0000 '+volSlider.value+'%,#333 '+volSlider.value+'%)';\n      });\n\n      titleInput.addEventListener('input',function(){ trackObj.title=titleInput.value||titleDefault; syncUploadedTracks(); });\n\n      removeBtn.addEventListener('click',function(){\n        if(currentlyPlaying===trackObj){ audio.pause(); currentlyPlaying=null; }\n        audio.src=''; URL.revokeObjectURL(objectURL);\n        var idx=tracks.indexOf(trackObj); if(idx>-1) tracks.splice(idx,1);\n        syncUploadedTracks();\n        card.style.opacity='0'; card.style.transform='translateY(-10px)'; card.style.transition='all 0.3s ease';\n        setTimeout(function(){ card.remove(); renumberTracks(); updateTrackCounter(); },300);\n      });\n\n      fileInput.value='';\n    }\n\n    function updatePlayBtn(trackObj,playing){ trackObj.element.querySelector('.play-btn').textContent=playing?'⏸':'▶'; }\n\n    function renumberTracks(){ tracks.forEach(function(t,i){ var l=t.element.querySelector('.font-display.text-brand-red'); if(l) l.textContent='Track #'+(i+1); }); }\n\n    // DRAG & DROP\n    uploadZone.addEventListener('dragover',function(e){ e.preventDefault(); if(tracks.length<3) uploadZone.classList.add('drag-over'); });\n    uploadZone.addEventListener('dragleave',function(){ uploadZone.classList.remove('drag-over'); });\n    uploadZone.addEventListener('drop',function(e){\n      e.preventDefault(); uploadZone.classList.remove('drag-over');\n      if(tracks.length>=3){ showToast('⚠️ Maximum 3 tracks allowed. Remove a track first.','error'); return; }\n      processFiles(e.dataTransfer.files);\n    });\n    uploadZone.addEventListener('click',function(e){\n      if(tracks.length>=3){ showToast('⚠️ Maximum 3 tracks allowed. Remove a track first.','error'); return; }\n      fileInput.click();\n    });\n    browseBtn.addEventListener('click',function(e){\n      e.stopPropagation();\n      if(tracks.length>=3){ showToast('⚠️ Maximum 3 tracks allowed. Remove a track first.','error'); return; }\n      fileInput.click();\n    });\n    fileInput.addEventListener('change',function(){ if(fileInput.files.length) processFiles(fileInput.files); });\n\n    // VALIDATION\n    function checkSubmitReady(){\n      submitBtn.disabled=!(tracks.length>0 && artistNameInput.value.trim() && emailInput.value.trim() && termsCheckbox.checked && rightsOwn.checked && rightsNoInfringe.checked && rightsLicense.checked && digitalSignature.value.trim().length>=3);\n    }\n    artistNameInput.addEventListener('input',checkSubmitReady);\n    emailInput.addEventListener('input',checkSubmitReady);\n    digitalSignature.addEventListener('input',checkSubmitReady);\n    termsCheckbox.addEventListener('change',checkSubmitReady);\n    termsLabel.addEventListener('click',function(){ termsCheckbox.checked=!termsCheckbox.checked; checkSubmitReady(); });\n\n    // SUCCESS SCREEN\n    function showSuccessScreen(artistName,clientEmail,trackLines,sigName){\n      document.getElementById('success-msg-yh29').textContent='Thank you, '+artistName+'! Your music has been submitted to YO-HITS Entertainment.';\n      var tl=document.getElementById('success-tracks-list'); tl.innerHTML='';\n      uploadedTracks.forEach(function(t,i){ var p=document.createElement('p'); p.textContent=(i+1)+'. \"'+t.title+'\"'; tl.appendChild(p); });\n      document.getElementById('success-rights-badge').textContent='✅ Ownership Rights Confirmed — Digitally Signed by: '+sigName;\n      document.getElementById('success-email-yh31').textContent='📞 We contact you at '+clientEmail+' with your promo options';\n      successOverlay.classList.remove('hidden'); document.body.style.overflow='hidden';\n    }\n\n    // SUBMIT HANDLER\n    function handleSubmit(){\n      var artistName=document.querySelector('[name=\"artist_name\"]').value.trim();\n      var realName=document.querySelector('[name=\"real_name\"]').value.trim();\n      var clientEmail=document.querySelector('[name=\"email\"]').value.trim();\n      var phone=document.querySelector('[name=\"phone\"]').value.trim();\n      var genre=document.querySelector('[name=\"genre\"]').value;\n      var cityState=document.querySelector('[name=\"city_state\"]').value.trim();\n      var socialHandle=document.querySelector('[name=\"social_handle\"]').value.trim();\n      var packageInt=document.querySelector('[name=\"package\"]').value;\n      var notes=document.querySelector('[name=\"notes\"]').value.trim();\n      var heardAbout=document.querySelector('[name=\"heard_about\"]').value;\n      var sigName=document.getElementById('digital-signature').value.trim();\n      var submitTime=new Date().toLocaleString('en-US',{timeZone:'America/Chicago',dateStyle:'full',timeStyle:'short'})+' CT';\n      var trackLines=uploadedTracks.length>0?uploadedTracks.map(function(t,i){return (i+1)+'. '+t.title;}).join('\\n'):'(no tracks uploaded)';\n\n      var msgBody=[\n        '🎵 NEW MUSIC SUBMISSION — YO-HITS ENTERTAINMENT',\n        '================================================','',\n        'ARTIST INFO:',\n        'Stage Name:        '+artistName,\n        'Real Name:         '+(realName||'(not provided)'),\n        'Email:             '+clientEmail,\n        'Phone:             '+(phone||'(not provided)'),\n        'Genre:             '+genre,\n        'City/State:        '+cityState,\n        'Social Handle:     '+(socialHandle||'(not provided)'),\n        'Package Interest:  '+packageInt,'',\n        'TRACKS SUBMITTED ('+uploadedTracks.length+' of 3):',\n        trackLines,'',\n        'RIGHTS CONFIRMATION:',\n        '✅ Ownership confirmed — All 3 rights checkboxes checked',\n        '✍️  Digital Signature: '+sigName,'',\n        'NOTES FROM ARTIST:',\n        (notes||'(none)'),'',\n        'How they heard about YO-HITS: '+heardAbout,'',\n        'Submitted: '+submitTime,'',\n        '------------------------------------------------',\n        'YO-HITS Entertainment LLC | Memphis, TN',\n        '📞 888-632-5495 | freshmusic@yo-hits.com'\n      ].join('\\n');\n\n      submitBtn.textContent='⏳ Sending Submission...';\n      submitBtn.disabled=true;\n      if(currentlyPlaying){ currentlyPlaying.audio.pause(); currentlyPlaying=null; }\n      syncUploadedTracks();\n\n      if(!W3F_ACCESS_KEY||W3F_ACCESS_KEY==='YOUR_ACCESS_KEY_HERE'){\n        setTimeout(function(){ showSuccessScreen(artistName,clientEmail,trackLines,sigName); showToast('⚠️ Demo mode — add your Web3Forms key to activate real emails','warning'); },1000);\n        return;\n      }\n\n      fetch('https://api.web3forms.com/submit',{\n        method","embed_html_app1headerHtml":""},"metaData":{"position":{"left":-499,"top":671},"size":{"width":400,"height":3544}}}]}],"offset":{"left":231,"top":64}}],"connections":{"targetConnections":{},"sourceConnections":{}},"customStatesProperties":{},"pageId":"id1786410943996","version":17.004,"id":"id1791938212661","relativePoint":{"left":231,"top":64}}