{"id":64,"date":"2026-05-28T02:27:44","date_gmt":"2026-05-28T02:27:44","guid":{"rendered":"https:\/\/aiscamhunter.com\/?page_id=64"},"modified":"2026-06-02T04:27:59","modified_gmt":"2026-06-02T04:27:59","slug":"contatti","status":"publish","type":"page","link":"https:\/\/aiscamhunter.com\/it\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"64\" class=\"elementor elementor-64\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4cc7189 e-con e-atomic-element e-flexbox-base e-4cc7189-1eb0eb2 \" data-id=\"4cc7189\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4cc7189\" data-e-type=\"e-flexbox\" data-id=\"4cc7189\">\n    \t\t<div class=\"elementor-element elementor-element-18c5427 elementor-widget elementor-widget-html\" data-id=\"18c5427\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" data-theme=\"dark\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\r\n    <title>Submit a Ticket \u00b7 AIScamHunter<\/title>\r\n    <meta name=\"description\" content=\"Report a scam, false positive, or bug. Our AI\u2011powered ticket system turns your reports into instant protection.\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        \/* ===== DESIGN TOKENS (from Code 1) ===== *\/\r\n        :root {\r\n            --bg-primary: #040812;\r\n            --bg-secondary: #0a1020;\r\n            --bg-glass: rgba(12, 18, 34, 0.65);\r\n            --bg-elevated: rgba(16, 24, 44, 0.7);\r\n            --border: rgba(16, 185, 129, 0.22);\r\n            --border-strong: rgba(16, 185, 129, 0.4);\r\n            --border-soft: rgba(255, 255, 255, 0.06);\r\n            --text: #e8f0ff;\r\n            --text-strong: #ffffff;\r\n            --muted: rgba(232, 240, 255, 0.65);\r\n            --muted-soft: rgba(232, 240, 255, 0.5);\r\n            --accent: #10b981;\r\n            --accent-light: #2dd4bf;\r\n            --accent-deep: #059669;\r\n            --accent-glow: rgba(16, 185, 129, 0.35);\r\n            --shadow-card: 0 20px 45px -15px rgba(0, 0, 0, 0.6);\r\n            --shadow-nav: 0 25px 60px -15px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.04) inset;\r\n            --nav-bg: rgba(6, 11, 24, 0.85);\r\n            --nav-item-bg: rgba(255, 255, 255, 0.03);\r\n            --nav-item-bg-hover: rgba(16, 185, 129, 0.12);\r\n            --toggle-bg: #1e293b;\r\n            --toggle-knob: #e2e8f0;\r\n            --wa: #25D366;\r\n            --bg-card-hover: rgba(16, 185, 129, 0.08);\r\n        }\r\n        [data-theme=\"light\"] {\r\n            --bg-primary: #f5f7fb;\r\n            --bg-secondary: #ffffff;\r\n            --bg-glass: rgba(255, 255, 255, 0.85);\r\n            --bg-elevated: rgba(255, 255, 255, 0.9);\r\n            --border: rgba(15, 23, 42, 0.1);\r\n            --border-strong: rgba(5, 150, 105, 0.35);\r\n            --border-soft: rgba(15, 23, 42, 0.07);\r\n            --text: #0f172a;\r\n            --text-strong: #020617;\r\n            --muted: #475569;\r\n            --muted-soft: #64748b;\r\n            --accent: #059669;\r\n            --accent-light: #10b981;\r\n            --accent-deep: #047857;\r\n            --accent-glow: rgba(5, 150, 105, 0.18);\r\n            --shadow-card: 0 15px 35px -8px rgba(15, 23, 42, 0.08);\r\n            --shadow-nav: 0 20px 50px -12px rgba(15, 23, 42, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.8) inset;\r\n            --nav-bg: rgba(255, 255, 255, 0.92);\r\n            --nav-item-bg: rgba(15, 23, 42, 0.04);\r\n            --nav-item-bg-hover: rgba(5, 150, 105, 0.1);\r\n            --toggle-bg: #cbd5e1;\r\n            --toggle-knob: #fff;\r\n            --bg-card-hover: rgba(5, 150, 105, 0.05);\r\n        }\r\n\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n        html { scroll-behavior: smooth; }\r\n        body {\r\n            font-family: 'Inter', system-ui, sans-serif;\r\n            background: var(--bg-primary);\r\n            color: var(--text);\r\n            line-height: 1.6;\r\n            overflow-x: hidden;\r\n            transition: background 0.4s ease, color 0.4s ease;\r\n            position: relative;\r\n            min-height: 100vh;\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n        body::after {\r\n            content: '';\r\n            position: fixed;\r\n            inset: 0;\r\n            background: radial-gradient(ellipse at 15% 10%, rgba(16, 185, 129, 0.07), transparent 45%),\r\n                        radial-gradient(ellipse at 85% 90%, rgba(45, 212, 191, 0.05), transparent 45%);\r\n            pointer-events: none;\r\n            z-index: -1;\r\n        }\r\n        [data-theme=\"light\"] body::after {\r\n            background: radial-gradient(ellipse at 15% 10%, rgba(5, 150, 105, 0.05), transparent 45%),\r\n                        radial-gradient(ellipse at 85% 90%, rgba(16, 185, 129, 0.04), transparent 45%);\r\n        }\r\n\r\n        \/* ===== VERTICAL NAV PILL (from Code 1) ===== *\/\r\n        .nav-pill {\r\n            position: fixed; left: 24px; top: 50%; transform: translateY(-50%);\r\n            z-index: 1000; display: flex; flex-direction: column; align-items: center;\r\n            gap: 8px; padding: 14px 10px; border-radius: 28px;\r\n            backdrop-filter: blur(40px) saturate(180%);\r\n            -webkit-backdrop-filter: blur(40px) saturate(180%);\r\n            background: var(--nav-bg); border: 1px solid var(--border);\r\n            box-shadow: var(--shadow-nav); transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n        .nav-pill::before {\r\n            content: ''; position: absolute; inset: -2px; border-radius: 30px; padding: 1px;\r\n            background: linear-gradient(180deg, var(--accent), transparent 40%, transparent 60%, var(--accent-light));\r\n            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n            mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n            -webkit-mask-composite: xor; mask-composite: exclude;\r\n            opacity: 0.3; pointer-events: none; transition: opacity 0.4s;\r\n        }\r\n        .nav-pill:hover::before { opacity: 0.7; }\r\n        .nav-pill::after {\r\n            content: ''; position: absolute; inset: -8px; border-radius: 36px;\r\n            background: radial-gradient(circle at 50% 50%, var(--accent-glow), transparent 70%);\r\n            opacity: 0; z-index: -1; filter: blur(20px);\r\n            transition: opacity 0.5s; pointer-events: none;\r\n        }\r\n        .nav-pill:hover::after { opacity: 0.5; }\r\n\r\n        .nav-pill-logo {\r\n            width: 48px; height: 48px; display: flex; align-items: center;\r\n            justify-content: center; background: transparent; border: none;\r\n            transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n            cursor: pointer; text-decoration: none; position: relative;\r\n            margin-bottom: 4px;\r\n        }\r\n        .nav-pill-logo:hover { transform: scale(1.12) rotate(-4deg); }\r\n        .nav-pill-logo img {\r\n            width: 48px; height: 48px; object-fit: contain;\r\n            filter: drop-shadow(0 4px 12px var(--accent-glow));\r\n            transition: filter 0.35s;\r\n        }\r\n        .nav-pill-logo:hover img {\r\n            filter: drop-shadow(0 6px 18px var(--accent)) drop-shadow(0 0 8px var(--accent-light));\r\n        }\r\n        .nav-pill-logo .logo-light { display: none; }\r\n        [data-theme=\"light\"] .nav-pill-logo .logo-dark { display: none; }\r\n        [data-theme=\"light\"] .nav-pill-logo .logo-light { display: block; }\r\n\r\n        .nav-pill-divider {\r\n            width: 28px; height: 1px; margin: 4px 0;\r\n            background: linear-gradient(90deg, transparent, var(--border-strong), transparent);\r\n        }\r\n\r\n        .nav-item {\r\n            position: relative; width: 46px; height: 46px; border-radius: 14px;\r\n            display: flex; align-items: center; justify-content: center;\r\n            text-decoration: none; border: 1px solid transparent; color: var(--muted);\r\n            transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n            background: var(--nav-item-bg); cursor: pointer;\r\n        }\r\n        .nav-item::before {\r\n            content: ''; position: absolute; inset: 0; border-radius: 14px;\r\n            background: linear-gradient(135deg, var(--accent), var(--accent-light));\r\n            opacity: 0; transition: opacity 0.3s; z-index: 0;\r\n        }\r\n        .nav-item i, .nav-item svg {\r\n            position: relative; z-index: 1; font-size: 1rem; transition: transform 0.3s;\r\n        }\r\n        .nav-item:hover {\r\n            color: #fff; border-color: var(--border-strong); transform: translateX(2px);\r\n            box-shadow: 0 6px 18px -4px var(--accent-glow);\r\n        }\r\n        .nav-item:hover::before { opacity: 1; }\r\n        .nav-item:hover i, .nav-item:hover svg { transform: scale(1.15); }\r\n        .nav-item:focus-visible { outline: 2px solid var(--accent-light); outline-offset: 3px; }\r\n\r\n        .nav-item.active {\r\n            color: #fff; border-color: var(--border-strong);\r\n            box-shadow: 0 6px 18px -4px var(--accent-glow);\r\n        }\r\n        .nav-item.active::before { opacity: 1; }\r\n        .nav-item.active::after {\r\n            content: ''; position: absolute; left: -10px; top: 50%;\r\n            transform: translateY(-50%); width: 4px; height: 22px; border-radius: 4px;\r\n            background: linear-gradient(180deg, var(--accent), var(--accent-light));\r\n            box-shadow: 0 0 10px var(--accent);\r\n        }\r\n\r\n        .nav-item-label {\r\n            position: absolute; left: calc(100% + 14px); top: 50%;\r\n            transform: translateY(-50%) translateX(-8px); white-space: nowrap;\r\n            padding: 8px 14px; border-radius: 10px; font-size: 12px; font-weight: 700;\r\n            letter-spacing: 0.3px; pointer-events: none; opacity: 0;\r\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n            background: var(--bg-secondary); color: var(--text);\r\n            border: 1px solid var(--border); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n        }\r\n        .nav-item-label::before {\r\n            content: ''; position: absolute; left: -5px; top: 50%;\r\n            transform: translateY(-50%) rotate(45deg); width: 10px; height: 10px;\r\n            background: var(--bg-secondary);\r\n            border-left: 1px solid var(--border); border-bottom: 1px solid var(--border);\r\n        }\r\n        .nav-item:hover .nav-item-label { opacity: 1; transform: translateY(-50%) translateX(0); }\r\n\r\n        \/* ===== THEME TOGGLE PILL (from Code 1) ===== *\/\r\n        .theme-pill {\r\n            position: fixed; right: 24px; top: 50%; transform: translateY(-50%);\r\n            z-index: 1000; display: flex; flex-direction: column; align-items: center;\r\n            gap: 12px; backdrop-filter: blur(40px) saturate(180%);\r\n            -webkit-backdrop-filter: blur(40px) saturate(180%);\r\n            background: var(--nav-bg); border: 1px solid var(--border);\r\n            border-radius: 40px; padding: 16px 12px; cursor: pointer;\r\n            transition: all 0.4s; box-shadow: var(--shadow-nav);\r\n        }\r\n        .theme-pill:hover { border-color: var(--border-strong); box-shadow: 0 0 35px var(--accent-glow); }\r\n        .theme-pill:focus-visible { outline: 2px solid var(--accent-light); outline-offset: 3px; }\r\n        .pill-track { width: 28px; height: 56px; border-radius: 14px; background: var(--toggle-bg); position: relative; overflow: hidden; transition: background 0.3s; }\r\n        .pill-knob {\r\n            width: 24px; height: 24px; border-radius: 50%;\r\n            background: var(--toggle-knob); position: absolute; top: 2px; left: 2px;\r\n            transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n            box-shadow: 0 2px 8px rgba(0,0,0,0.25);\r\n        }\r\n        [data-theme=\"light\"] .pill-knob { top: 30px; }\r\n        .theme-pill span { font-size: 1.1rem; transition: opacity 0.3s; }\r\n\r\n        \/* ===== CONTAINER & HERO (adapted) ===== *\/\r\n        .container { max-width: 1240px; margin: 0 auto; padding: 0 20px; }\r\n        .hero { padding: 100px 0 60px; text-align: center; }\r\n        .hero-badge {\r\n            display: inline-flex; align-items: center; gap: 0.5rem;\r\n            padding: 0.4rem 1rem; border-radius: 50px;\r\n            background: rgba(16, 185, 129, 0.1); border: 1px solid var(--border);\r\n            color: var(--accent-light); font-size: 0.78rem; font-weight: 700;\r\n            letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 1.5rem;\r\n        }\r\n        [data-theme=\"light\"] .hero-badge { color: var(--accent-deep); background: rgba(5, 150, 105, 0.08); }\r\n        .hero h1 {\r\n            font-family: 'Outfit', sans-serif; font-size: clamp(2.2rem, 5.5vw, 4rem);\r\n            font-weight: 900; line-height: 1.05; letter-spacing: -0.02em;\r\n            background: linear-gradient(135deg, var(--text-strong), var(--accent-light));\r\n            -webkit-background-clip: text; background-clip: text; color: transparent;\r\n            margin-bottom: 1.2rem;\r\n        }\r\n        [data-theme=\"light\"] .hero h1 {\r\n            background: linear-gradient(135deg, var(--text-strong) 30%, var(--accent));\r\n            -webkit-background-clip: text; background-clip: text; color: transparent;\r\n        }\r\n        .hero p {\r\n            max-width: 900px; margin: 0 auto; color: var(--muted);\r\n            font-size: clamp(0.92rem, 1.6vw, 1.08rem); line-height: 1.55; padding: 0 1rem;\r\n        }\r\n        .glow-line { width: 90px; height: 3px; margin: 1.5rem auto 0; border-radius: 4px; background: linear-gradient(90deg, var(--accent), var(--accent-light)); box-shadow: 0 0 14px var(--accent); }\r\n\r\n        \/* ===== TICKET & CONTACT LAYOUT ===== *\/\r\n        .ticket-contact-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 380px;\r\n            gap: 2rem;\r\n            margin-bottom: 4rem;\r\n            align-items: start;\r\n        }\r\n        .ticket-card, .contact-card-panel {\r\n            background: var(--bg-glass);\r\n            backdrop-filter: blur(18px);\r\n            border: 1px solid var(--border);\r\n            border-radius: 24px;\r\n            padding: 2rem;\r\n            box-shadow: var(--shadow-card);\r\n            transition: border-color 0.3s, box-shadow 0.3s;\r\n        }\r\n        .ticket-card:hover, .contact-card-panel:hover {\r\n            border-color: var(--border-strong);\r\n            box-shadow: 0 30px 55px -20px var(--accent-glow);\r\n        }\r\n\r\n        \/* Form styles *\/\r\n        .form-group { margin-bottom: 1.5rem; }\r\n        .form-label {\r\n            display: block; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.3px;\r\n            color: var(--muted); margin-bottom: 0.4rem; text-transform: uppercase;\r\n        }\r\n        .ticket-input, .ticket-select, .ticket-textarea {\r\n            width: 100%; padding: 0.9rem 1rem; border-radius: 14px;\r\n            background: rgba(255, 255, 255, 0.04); border: 1px solid var(--border-soft);\r\n            color: var(--text); font-family: inherit; font-size: 0.95rem;\r\n            transition: all 0.3s; outline: none;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) inset;\r\n        }\r\n        .ticket-input:focus, .ticket-select:focus, .ticket-textarea:focus {\r\n            border-color: var(--border-strong);\r\n            box-shadow: 0 0 0 4px var(--accent-glow), inset 0 4px 12px rgba(0,0,0,0.1);\r\n        }\r\n        .ticket-select { cursor: pointer; appearance: none; background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2310b981' d='M6 8.825L1.175 4 2.238 2.938 6 6.7 9.763 2.937 10.825 4z'\/%3E%3C\/svg%3E\"); background-repeat: no-repeat; background-position: right 1rem center; padding-right: 2.5rem; }\r\n        .ticket-textarea { min-height: 120px; resize: vertical; }\r\n        .category-buttons {\r\n            display: flex; flex-wrap: wrap; gap: 0.6rem; margin-bottom: 1.5rem;\r\n        }\r\n        .cat-option {\r\n            display: flex; align-items: center; gap: 0.5rem;\r\n            padding: 0.65rem 1.1rem; border-radius: 50px;\r\n            background: rgba(255, 255, 255, 0.03); border: 1px solid var(--border-soft);\r\n            color: var(--muted); font-size: 0.85rem; font-weight: 600;\r\n            cursor: pointer; transition: all 0.3s;\r\n        }\r\n        .cat-option i { font-size: 0.9rem; }\r\n        .cat-option:hover { border-color: var(--border-strong); color: var(--text-strong); }\r\n        .cat-option.active {\r\n            background: linear-gradient(135deg, var(--accent), var(--accent-light));\r\n            border-color: transparent; color: #fff;\r\n            box-shadow: 0 8px 20px -6px var(--accent-glow);\r\n        }\r\n        .upload-zone {\r\n            border: 2px dashed var(--border-soft); border-radius: 16px; padding: 2rem;\r\n            text-align: center; cursor: pointer; transition: 0.3s;\r\n            background: rgba(255,255,255,0.02);\r\n        }\r\n        .upload-zone:hover, .upload-zone.dragover {\r\n            border-color: var(--border-strong); background: var(--bg-card-hover);\r\n        }\r\n        .upload-zone i { font-size: 2rem; color: var(--accent); margin-bottom: 0.5rem; }\r\n        .btn-ticket {\r\n            width: 100%; padding: 1rem; border-radius: 16px; border: none;\r\n            background: linear-gradient(135deg, var(--accent), var(--accent-light));\r\n            color: #fff; font-weight: 700; font-size: 1rem; cursor: pointer;\r\n            transition: all 0.3s; box-shadow: 0 10px 25px -8px var(--accent-glow);\r\n            display: flex; align-items: center; justify-content: center; gap: 0.5rem;\r\n        }\r\n        .btn-ticket:hover { transform: translateY(-2px); box-shadow: 0 15px 35px -10px var(--accent-glow); }\r\n\r\n        \/* Contact cards on right side (reuse c-card from Code 1) *\/\r\n        .contact-side-grid { display: flex; flex-direction: column; gap: 1.2rem; }\r\n        .c-card-sm {\r\n            display: flex; align-items: center; gap: 1rem;\r\n            padding: 1.2rem; border-radius: 16px;\r\n            background: rgba(255,255,255,0.03); border: 1px solid var(--border-soft);\r\n            transition: all 0.3s; text-decoration: none; color: inherit;\r\n        }\r\n        .c-card-sm:hover { border-color: var(--border-strong); background: var(--bg-card-hover); transform: translateX(4px); }\r\n        .c-card-sm .icon-circle {\r\n            width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center;\r\n            background: linear-gradient(145deg, var(--accent), var(--accent-deep));\r\n            color: #fff; font-size: 1.2rem; flex-shrink: 0;\r\n        }\r\n        .c-card-sm .wa-circle { background: linear-gradient(145deg, #25D366, #128C7E); }\r\n        .c-card-sm .content strong { display: block; font-size: 0.95rem; color: var(--text-strong); }\r\n        .c-card-sm .content span { font-size: 0.8rem; color: var(--muted); }\r\n\r\n        \/* FAQ mini (reuse from Code 1) *\/\r\n        .faq-section { margin-bottom: 80px; }\r\n        .faq-title {\r\n            font-family: 'Outfit', sans-serif; font-size: clamp(1.8rem, 4vw, 2.6rem);\r\n            font-weight: 900; line-height: 1.1; letter-spacing: -0.02em;\r\n            background: linear-gradient(135deg, var(--text-strong), var(--accent-light));\r\n            -webkit-background-clip: text; background-clip: text; color: transparent;\r\n            text-align: center; margin-bottom: 2rem;\r\n        }\r\n        .faq-item {\r\n            background: var(--bg-glass); backdrop-filter: blur(16px); border: 1px solid var(--border-soft);\r\n            border-radius: 18px; margin-bottom: 0.9rem; transition: all 0.35s;\r\n        }\r\n        .faq-item.open { border-color: var(--border-strong); box-shadow: 0 20px 45px -18px var(--accent-glow); }\r\n        .faq-question {\r\n            display: flex; align-items: center; gap: 1rem; width: 100%; padding: 1.2rem 1.4rem;\r\n            background: transparent; border: none; cursor: pointer; text-align: left;\r\n            font-family: inherit; color: var(--text-strong); font-size: 1rem; font-weight: 600;\r\n        }\r\n        .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.5s cubic-bezier(0.4,0,0.2,1); }\r\n        .faq-answer-inner { padding: 0.2rem 1.4rem 1.4rem 4.8rem; color: var(--muted); font-size: 0.93rem; line-height: 1.7; }\r\n\r\n        \/* ===== FOOTER (from Code 1) ===== *\/\r\n        .footer {\r\n            position: relative; margin-top: 6rem; padding: 5rem 0 2.2rem;\r\n            border-top: none; overflow: hidden; isolation: isolate;\r\n        }\r\n        .footer::before {\r\n            content: ''; position: absolute; inset: 0;\r\n            background: linear-gradient(180deg, transparent 0%, rgba(16, 185, 129, 0.025) 40%, rgba(16, 185, 129, 0.04) 100%),\r\n                        radial-gradient(ellipse 80% 60% at 50% 100%, rgba(16, 185, 129, 0.06), transparent 70%);\r\n            z-index: -2; pointer-events: none;\r\n        }\r\n        .footer-top-line {\r\n            position: absolute; top: 0; left: 0; right: 0; height: 1px;\r\n            background: linear-gradient(90deg, transparent 0%, rgba(16,185,129,0.1) 25%, rgba(16,185,129,0.5) 50%, rgba(16,185,129,0.1) 75%, transparent 100%);\r\n        }\r\n        .footer-inner { max-width: 1100px; margin: 0 auto; padding: 0 24px; text-align: center; }\r\n        .footer-brand img { height: 48px; width: auto; max-width: 220px; }\r\n        .footer-links { display: flex; flex-wrap: wrap; gap: 0.5rem 2rem; justify-content: center; margin: 1.5rem 0 2rem; }\r\n        .footer-links a { color: var(--muted); font-size: 0.9rem; font-weight: 500; text-decoration: none; transition: color 0.25s; }\r\n        .footer-links a:hover { color: var(--text-strong); }\r\n        .footer-divider { width: 60%; max-width: 400px; height: 1px; background: linear-gradient(90deg, transparent, var(--border-strong), transparent); margin: 1.5rem auto; border: none; }\r\n        .footer-copy { font-size: 0.82rem; color: var(--muted); }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 900px) {\r\n            .ticket-contact-grid { grid-template-columns: 1fr; }\r\n            .contact-side-grid { flex-direction: row; flex-wrap: wrap; gap: 1rem; }\r\n            .c-card-sm { flex: 1 1 160px; }\r\n        }\r\n        @media (max-width: 768px) {\r\n            .nav-pill { left: 50%; top: auto; bottom: 14px; transform: translateX(-50%); flex-direction: row; padding: 9px 11px; border-radius: 22px; }\r\n            .nav-pill-logo { width: 38px; height: 38px; }\r\n            .nav-pill-logo img { width: 38px; height: 38px; }\r\n            .nav-pill-divider { width: 1px; height: 26px; margin: 0 4px; }\r\n            .nav-item { width: 38px; height: 38px; border-radius: 11px; }\r\n            .nav-item.active::after { display: none; }\r\n            .nav-item-label { display: none; }\r\n            .theme-pill { right: 14px; top: 14px; bottom: auto; transform: none; flex-direction: row; padding: 7px 11px; border-radius: 22px; }\r\n            .pill-track { width: 42px; height: 22px; }\r\n            .pill-knob { width: 18px; height: 18px; }\r\n            [data-theme=\"light\"] .pill-knob { top: 2px; left: 22px; }\r\n            .container { padding: 0 18px; }\r\n            .hero { padding: 70px 0 35px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- VERTICAL NAV PILL (exactly from Code 1, with active ticket link) -->\r\n    <nav class=\"nav-pill\" aria-label=\"Main navigation\">\r\n        <a href=\"https:\/\/aiscamhunter.com\/\" class=\"nav-pill-logo\" title=\"AIScamHunter Home\" aria-label=\"AIScamHunter Home\">\r\n            <img decoding=\"async\" src=\"https:\/\/aiscamhunter.com\/wp-content\/uploads\/2026\/05\/icon128-dark.png\" alt=\"AIScamHunter\" class=\"logo-dark\">\r\n            <img decoding=\"async\" src=\"https:\/\/aiscamhunter.com\/wp-content\/uploads\/2026\/05\/icon128.png\" alt=\"AIScamHunter\" class=\"logo-light\">\r\n        <\/a>\r\n        <div class=\"nav-pill-divider\" aria-hidden=\"true\"><\/div>\r\n\r\n        <a href=\"https:\/\/aiscamhunter.com\/documentation\/\" class=\"nav-item\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Documentation\">\r\n            <i class=\"fas fa-book\" aria-hidden=\"true\"><\/i>\r\n            <span class=\"nav-item-label\">Documentation<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/aiscamhunter.com\/help-center\/\" class=\"nav-item\" aria-label=\"Help Center\">\r\n            <i class=\"fas fa-circle-question\" aria-hidden=\"true\"><\/i>\r\n            <span class=\"nav-item-label\">Help Center<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/aiscamhunter.com\/c\/\" class=\"nav-item\" aria-label=\"FAQ & Community\">\r\n            <i class=\"fas fa-comments\" aria-hidden=\"true\"><\/i>\r\n            <span class=\"nav-item-label\">FAQ & Community<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/aiscamhunter.com\/contact\/\" class=\"nav-item active\" aria-label=\"Submit Ticket\" aria-current=\"page\">\r\n            <i class=\"fas fa-ticket\" aria-hidden=\"true\"><\/i>\r\n            <span class=\"nav-item-label\">Submit Ticket<\/span>\r\n        <\/a>\r\n    <\/nav>\r\n\r\n    <!-- THEME TOGGLE PILL (exactly from Code 1) -->\r\n    <div class=\"theme-pill\" onclick=\"toggleTheme()\" role=\"button\" tabindex=\"0\" aria-label=\"Toggle dark\/light theme\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();toggleTheme();}\">\r\n        <span aria-hidden=\"true\">\ud83c\udf19<\/span>\r\n        <div class=\"pill-track\"><div class=\"pill-knob\"><\/div><\/div>\r\n        <span aria-hidden=\"true\">\u2600\ufe0f<\/span>\r\n    <\/div>\r\n\r\n    <main class=\"container\">\r\n        <!-- HERO -->\r\n        <section class=\"hero\">\r\n            <div class=\"hero-badge\"><i class=\"fas fa-shield-halved\"><\/i> Priority Support<\/div>\r\n            <h1>Submit a Ticket<\/h1>\r\n            <p>Every report sharpens our AI. False positives, missed scams, bugs \u2014 your voice directly shapes the shield.<\/p>\r\n            <div class=\"glow-line\" aria-hidden=\"true\"><\/div>\r\n        <\/section>\r\n\r\n        <!-- TICKET & CONTACT GRID -->\r\n        <div class=\"ticket-contact-grid\">\r\n            <!-- LEFT: Ticket Form -->\r\n            <div class=\"ticket-card\">\r\n                <h2 style=\"font-family: 'Outfit', sans-serif; font-size: 1.8rem; font-weight: 700; margin-bottom: 1.8rem;\">\r\n                    <span style=\"background: linear-gradient(135deg, var(--text-strong), var(--accent-light)); -webkit-background-clip: text; background-clip: text; color: transparent;\">Report an issue<\/span>\r\n                <\/h2>\r\n                <form id=\"ticketForm\">\r\n                    <!-- Category selection -->\r\n                    <div class=\"form-group\">\r\n                        <span class=\"form-label\">Issue Category<\/span>\r\n                        <div class=\"category-buttons\" id=\"categoryButtons\">\r\n                            <button type=\"button\" class=\"cat-option active\" data-cat=\"false-positive\"><i class=\"fas fa-shield\"><\/i> False Positive<\/button>\r\n                            <button type=\"button\" class=\"cat-option\" data-cat=\"missed-scam\"><i class=\"fas fa-fish\"><\/i> Missed Scam<\/button>\r\n                            <button type=\"button\" class=\"cat-option\" data-cat=\"bug\"><i class=\"fas fa-bug\"><\/i> Bug Report<\/button>\r\n                            <button type=\"button\" class=\"cat-option\" data-cat=\"feature\"><i class=\"fas fa-lightbulb\"><\/i> Feature Request<\/button>\r\n                            <button type=\"button\" class=\"cat-option\" data-cat=\"privacy\"><i class=\"fas fa-user-shield\"><\/i> Privacy<\/button>\r\n                            <button type=\"button\" class=\"cat-option\" data-cat=\"other\"><i class=\"fas fa-ellipsis\"><\/i> Other<\/button>\r\n                        <\/div>\r\n                        <input type=\"hidden\" name=\"category\" id=\"categoryInput\" value=\"false-positive\">\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\">\r\n                        <label class=\"form-label\" for=\"email\">Your email *<\/label>\r\n                        <input type=\"email\" id=\"email\" name=\"email\" required class=\"ticket-input\" placeholder=\"you@example.com\">\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\">\r\n                        <label class=\"form-label\" for=\"url\">Suspicious URL (if applicable)<\/label>\r\n                        <input type=\"url\" id=\"url\" name=\"url\" class=\"ticket-input\" placeholder=\"https:\/\/...\">\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\">\r\n                        <label class=\"form-label\" for=\"description\">Detailed description *<\/label>\r\n                        <textarea id=\"description\" name=\"description\" rows=\"4\" required class=\"ticket-textarea\" placeholder=\"Describe what happened, steps to reproduce...\"><\/textarea>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\">\r\n                        <label class=\"form-label\">Attachments (screenshots, logs)<\/label>\r\n                        <div class=\"upload-zone\" id=\"uploadZone\">\r\n                            <i class=\"fas fa-cloud-upload-alt\"><\/i>\r\n                            <p style=\"font-weight: 600; margin-bottom: 0.3rem;\">Drag & drop files here or click to browse<\/p>\r\n                            <span style=\"font-size: 0.8rem; color: var(--muted);\">Max 10 MB per file \u00b7 JPG, PNG, PDF<\/span>\r\n                            <input type=\"file\" id=\"fileInput\" multiple accept=\".jpg,.jpeg,.png,.pdf\" style=\"display: none;\">\r\n                        <\/div>\r\n                        <div id=\"fileList\" style=\"margin-top: 0.8rem; display: flex; flex-wrap: wrap; gap: 0.5rem;\"><\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\" style=\"display: flex; align-items: center; gap: 1rem;\">\r\n                        <label class=\"form-label\" style=\"margin-bottom: 0;\">Priority<\/label>\r\n                        <select name=\"priority\" class=\"ticket-select\" style=\"width: auto; padding-right: 2rem;\">\r\n                            <option value=\"normal\">Normal<\/option>\r\n                            <option value=\"high\">High<\/option>\r\n                            <option value=\"critical\">Critical<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n\r\n                    <button type=\"submit\" class=\"btn-ticket\">\r\n                        <i class=\"fas fa-paper-plane\"><\/i> Submit Ticket\r\n                    <\/button>\r\n                <\/form>\r\n            <\/div>\r\n\r\n            <!-- RIGHT: Contact Details & Info -->\r\n            <div class=\"contact-card-panel\">\r\n                <h3 style=\"font-family: 'Outfit', sans-serif; font-size: 1.5rem; font-weight: 700; margin-bottom: 1.5rem;\">\r\n                    <span style=\"background: linear-gradient(135deg, var(--text-strong), var(--accent-light)); -webkit-background-clip: text; background-clip: text; color: transparent;\">Contact us<\/span>\r\n                <\/h3>\r\n                <div class=\"contact-side-grid\">\r\n                    <a href=\"https:\/\/wa.me\/34641469771\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"c-card-sm\">\r\n                        <div class=\"icon-circle wa-circle\"><i class=\"fab fa-whatsapp\"><\/i><\/div>\r\n                        <div class=\"content\">\r\n                            <strong>WhatsApp<\/strong>\r\n                            <span>Chat instantly \u00b7 replies in minutes<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n                    <a href=\"tel:+34951550227\" class=\"c-card-sm\">\r\n                        <div class=\"icon-circle\"><i class=\"fas fa-headset\"><\/i><\/div>\r\n                        <div class=\"content\">\r\n                            <strong>+34 951 550 227<\/strong>\r\n                            <span>Mon\u2013Fri, 9AM\u20136PM CET<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n                    <a href=\"mailto:support@aiscamhunter.com\" class=\"c-card-sm\">\r\n                        <div class=\"icon-circle\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n                        <div class=\"content\">\r\n                            <strong>Email<\/strong>\r\n                            <span>support@aiscamhunter.com<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/aiscamhunter.com\/documentation\/\" target=\"_blank\" class=\"c-card-sm\">\r\n                        <div class=\"icon-circle\"><i class=\"fas fa-book-open\"><\/i><\/div>\r\n                        <div class=\"content\">\r\n                            <strong>Knowledge Base<\/strong>\r\n                            <span>Guides, API docs & more<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                <div style=\"margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--border-soft);\">\r\n                    <div style=\"display: flex; align-items: center; gap: 0.8rem; margin-bottom: 1rem;\">\r\n                        <i class=\"fas fa-clock\" style=\"color: var(--accent);\"><\/i>\r\n                        <span style=\"font-size: 0.9rem; color: var(--muted);\"><strong style=\"color: var(--text-strong);\">Avg. response:<\/strong> 4 hours (critical tickets prioritized)<\/span>\r\n                    <\/div>\r\n                    <div style=\"display: flex; align-items: center; gap: 0.8rem;\">\r\n                        <i class=\"fas fa-shield-check\" style=\"color: var(--accent);\"><\/i>\r\n                        <span style=\"font-size: 0.9rem; color: var(--muted);\"><strong style=\"color: var(--text-strong);\">98%<\/strong> satisfaction \u00b7 1.2K tickets resolved<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- HOW IT WORKS (simple timeline) -->\r\n        <section style=\"margin-bottom: 5rem;\">\r\n            <h2 class=\"faq-title\">How we handle your ticket<\/h2>\r\n            <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1.5rem; margin-top: 2rem;\">\r\n                <div style=\"background: var(--bg-glass); backdrop-filter: blur(12px); border: 1px solid var(--border); border-radius: 20px; padding: 2rem 1.5rem; text-align: center;\">\r\n                    <div style=\"font-size: 2.2rem; margin-bottom: 0.8rem;\">\ud83d\udce8<\/div>\r\n                    <h4 style=\"font-weight: 700; margin-bottom: 0.4rem;\">1. Submit<\/h4>\r\n                    <p style=\"font-size: 0.85rem; color: var(--muted);\">AI pre\u2011analyzes your report for patterns.<\/p>\r\n                <\/div>\r\n                <div style=\"background: var(--bg-glass); backdrop-filter: blur(12px); border: 1px solid var(--border); border-radius: 20px; padding: 2rem 1.5rem; text-align: center;\">\r\n                    <div style=\"font-size: 2.2rem; margin-bottom: 0.8rem;\">\ud83d\udd0d<\/div>\r\n                    <h4 style=\"font-weight: 700; margin-bottom: 0.4rem;\">2. Triage<\/h4>\r\n                    <p style=\"font-size: 0.85rem; color: var(--muted);\">Categorized & prioritized by severity.<\/p>\r\n                <\/div>\r\n                <div style=\"background: var(--bg-glass); backdrop-filter: blur(12px); border: 1px solid var(--border); border-radius: 20px; padding: 2rem 1.5rem; text-align: center;\">\r\n                    <div style=\"font-size: 2.2rem; margin-bottom: 0.8rem;\">\ud83d\udee0\ufe0f<\/div>\r\n                    <h4 style=\"font-weight: 700; margin-bottom: 0.4rem;\">3. Fix<\/h4>\r\n                    <p style=\"font-size: 0.85rem; color: var(--muted);\">Our team deploys the update globally.<\/p>\r\n                <\/div>\r\n                <div style=\"background: var(--bg-glass); backdrop-filter: blur(12px); border: 1px solid var(--border); border-radius: 20px; padding: 2rem 1.5rem; text-align: center;\">\r\n                    <div style=\"font-size: 2.2rem; margin-bottom: 0.8rem;\">\ud83d\udcec<\/div>\r\n                    <h4 style=\"font-weight: 700; margin-bottom: 0.4rem;\">4. Notify<\/h4>\r\n                    <p style=\"font-size: 0.85rem; color: var(--muted);\">You get confirmation & resolution details.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- FAQ MINI (accordion from Code 1 style) -->\r\n        <section class=\"faq-section\">\r\n            <h2 class=\"faq-title\">Ticket FAQ<\/h2>\r\n            <div class=\"faq-layout\" style=\"max-width: 800px; margin: 0 auto;\">\r\n                <article class=\"faq-item\">\r\n                    <button class=\"faq-question\" aria-expanded=\"false\">\r\n                        <span class=\"faq-q-text\" style=\"flex:1;\">\ud83d\udccc What happens after I submit a ticket?<\/span>\r\n                        <span class=\"faq-chevron\" style=\"width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--nav-item-bg);\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/button>\r\n                    <div class=\"faq-answer\"><div class=\"faq-answer-inner\">You'll receive an email confirmation with a ticket ID. Our team reviews it within 4 hours.<\/div><\/div>\r\n                <\/article>\r\n                <article class=\"faq-item\">\r\n                    <button class=\"faq-question\" aria-expanded=\"false\">\r\n                        <span class=\"faq-q-text\" style=\"flex:1;\">\ud83d\udd52 How fast are false positives fixed?<\/span>\r\n                        <span class=\"faq-chevron\" style=\"width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--nav-item-bg);\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/button>\r\n                    <div class=\"faq-answer\"><div class=\"faq-answer-inner\">False positives are urgent \u2014 usually resolved in under 2 hours and pushed to all extensions.<\/div><\/div>\r\n                <\/article>\r\n                <article class=\"faq-item\">\r\n                    <button class=\"faq-question\" aria-expanded=\"false\">\r\n                        <span class=\"faq-q-text\" style=\"flex:1;\">\ud83d\udd12 Is my data safe?<\/span>\r\n                        <span class=\"faq-chevron\" style=\"width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--nav-item-bg);\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/button>\r\n                    <div class=\"faq-answer\"><div class=\"faq-answer-inner\">Yes. All ticket data is end\u2011to\u2011end encrypted and never shared with third parties.<\/div><\/div>\r\n                <\/article>\r\n            <\/div>\r\n        <\/section>\r\n    <\/main>\r\n\r\n    <!-- FOOTER (exactly from Code 1) -->\r\n    <footer class=\"footer\">\r\n        <span class=\"footer-top-line\" aria-hidden=\"true\"><\/span>\r\n        <div class=\"footer-inner\">\r\n            <a href=\"https:\/\/aiscamhunter.com\/\" class=\"footer-brand\" aria-label=\"AIScamHunter Home\">\r\n                <img decoding=\"async\" src=\"https:\/\/aiscamhunter.com\/wp-content\/uploads\/2026\/06\/logo-dark.png\" alt=\"AIScamHunter\">\r\n            <\/a>\r\n            <nav class=\"footer-links\" aria-label=\"Footer\">\r\n                <a href=\"https:\/\/aiscamhunter.com\/help-center\/\" target=\"_blank\" rel=\"noopener noreferrer\">Help Center<\/a>\r\n                <a href=\"https:\/\/aiscamhunter.com\/c\/\" target=\"_blank\" rel=\"noopener noreferrer\">FAQ & Community<\/a>\r\n                <a href=\"https:\/\/aiscamhunter.com\/privacy\/\" target=\"_blank\" rel=\"noopener noreferrer\">Privacy Policy<\/a>\r\n                <a href=\"https:\/\/aiscamhunter.com\/terms\/\" target=\"_blank\" rel=\"noopener noreferrer\">Terms &amp; Conditions<\/a>\r\n            <\/nav>\r\n            <hr class=\"footer-divider\" aria-hidden=\"true\">\r\n            <p class=\"footer-copy\"><strong style=\"background: linear-gradient(135deg, var(--accent), var(--accent-light)); -webkit-background-clip: text; background-clip: text; color: transparent;\">AIScamHunter<\/strong> \u00a9 2026 All rights reserved.<\/p>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <script>\r\n        \/\/ ---------- Theme toggle (from Code 1) ----------\r\n        function toggleTheme() {\r\n            const html = document.documentElement;\r\n            const next = html.getAttribute('data-theme') === 'dark' ? 'light' : 'dark';\r\n            html.setAttribute('data-theme', next);\r\n            try { localStorage.setItem('aiscamhunter-theme', next); } catch(e) {}\r\n        }\r\n        (function() {\r\n            let saved = 'dark';\r\n            try { saved = localStorage.getItem('aiscamhunter-theme') || 'dark'; } catch(e) {}\r\n            document.documentElement.setAttribute('data-theme', saved);\r\n        })();\r\n\r\n        \/\/ ---------- FAQ accordion (from Code 1) ----------\r\n        document.querySelectorAll('.faq-item').forEach(item => {\r\n            const btn = item.querySelector('.faq-question');\r\n            const answer = item.querySelector('.faq-answer');\r\n            if (!btn || !answer) return;\r\n            btn.addEventListener('click', () => {\r\n                const isOpen = item.classList.contains('open');\r\n                if (isOpen) {\r\n                    item.classList.remove('open');\r\n                    btn.setAttribute('aria-expanded', 'false');\r\n                    answer.style.maxHeight = '0';\r\n                } else {\r\n                    item.classList.add('open');\r\n                    btn.setAttribute('aria-expanded', 'true');\r\n                    answer.style.maxHeight = answer.scrollHeight + 'px';\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ ---------- Category buttons ----------\r\n        const catButtons = document.querySelectorAll('.cat-option');\r\n        const categoryInput = document.getElementById('categoryInput');\r\n        catButtons.forEach(btn => {\r\n            btn.addEventListener('click', () => {\r\n                catButtons.forEach(b => b.classList.remove('active'));\r\n                btn.classList.add('active');\r\n                categoryInput.value = btn.dataset.cat;\r\n            });\r\n        });\r\n\r\n        \/\/ ---------- File upload with drag & drop ----------\r\n        const uploadZone = document.getElementById('uploadZone');\r\n        const fileInput = document.getElementById('fileInput');\r\n        const fileList = document.getElementById('fileList');\r\n        let filesArray = [];\r\n\r\n        uploadZone.addEventListener('click', () => fileInput.click());\r\n        uploadZone.addEventListener('dragover', (e) => { e.preventDefault(); uploadZone.classList.add('dragover'); });\r\n        uploadZone.addEventListener('dragleave', () => uploadZone.classList.remove('dragover'));\r\n        uploadZone.addEventListener('drop', (e) => {\r\n            e.preventDefault();\r\n            uploadZone.classList.remove('dragover');\r\n            handleFiles(e.dataTransfer.files);\r\n        });\r\n        fileInput.addEventListener('change', () => handleFiles(fileInput.files));\r\n\r\n        function handleFiles(fileListInput) {\r\n            for (let file of fileListInput) {\r\n                if (!filesArray.some(f => f.name === file.name && f.size === file.size)) {\r\n                    filesArray.push(file);\r\n                }\r\n            }\r\n            renderFileList();\r\n        }\r\n        function renderFileList() {\r\n            fileList.innerHTML = filesArray.map((file, idx) => `\r\n                <div style=\"display:flex;align-items:center;gap:0.5rem;background:rgba(255,255,255,0.05);padding:0.4rem 0.8rem;border-radius:8px;border:1px solid var(--border-soft);\">\r\n                    <i class=\"fas fa-paperclip\" style=\"color:var(--accent);\"><\/i>\r\n                    <span style=\"font-size:0.8rem;\">${file.name}<\/span>\r\n                    <button type=\"button\" data-idx=\"${idx}\" style=\"background:none;border:none;color:var(--muted);cursor:pointer;\">&times;<\/button>\r\n                <\/div>\r\n            `).join('');\r\n            document.querySelectorAll('#fileList button').forEach(btn => {\r\n                btn.addEventListener('click', (e) => {\r\n                    const idx = e.target.dataset.idx;\r\n                    filesArray.splice(idx, 1);\r\n                    renderFileList();\r\n                });\r\n            });\r\n        }\r\n\r\n        \/\/ ---------- Form submission demo ----------\r\n        document.getElementById('ticketForm').addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            const email = document.getElementById('email').value;\r\n            const ticketId = 'TKT-' + Math.random().toString(36).substring(2, 10).toUpperCase();\r\n            const formContainer = document.querySelector('.ticket-card');\r\n            formContainer.innerHTML = `\r\n                <div style=\"text-align:center; padding: 2rem;\">\r\n                    <div style=\"font-size:3rem;\">\u2705<\/div>\r\n                    <h3 style=\"font-size:1.8rem;font-weight:800;background:linear-gradient(135deg, var(--text-strong), var(--accent-light));-webkit-background-clip:text;background-clip:text;color:transparent;\">Ticket Created!<\/h3>\r\n                    <div style=\"display:inline-block;padding:0.5rem 1.5rem;border-radius:999px;border:1px solid var(--accent);background:rgba(16,185,129,0.1);margin:1rem 0;font-family:monospace;font-size:1.2rem;color:var(--accent);\">${ticketId}<\/div>\r\n                    <p style=\"color:var(--muted);margin-bottom:1.5rem;\">Confirmation sent to <strong>${email}<\/strong>. We'll reply within 4 hours.<\/p>\r\n                    <button onclick=\"location.reload()\" class=\"btn-ticket\" style=\"max-width:200px;margin:0 auto;\">Open Another Ticket<\/button>\r\n                <\/div>\r\n            `;\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Submit a Ticket \u00b7 AIScamHunter Documentation Help Center FAQ &#038; Community Submit Ticket \ud83c\udf19 \u2600\ufe0f Priority Support Submit a Ticket Every report sharpens our AI. False positives, missed scams, bugs \u2014 your voice directly shapes the shield. Report an issue Issue Category False Positive Missed Scam Bug Report Feature Request Privacy Other Your email * [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-64","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aiscamhunter.com\/it\/wp-json\/wp\/v2\/pages\/64","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aiscamhunter.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aiscamhunter.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aiscamhunter.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aiscamhunter.com\/it\/wp-json\/wp\/v2\/comments?post=64"}],"version-history":[{"count":16,"href":"https:\/\/aiscamhunter.com\/it\/wp-json\/wp\/v2\/pages\/64\/revisions"}],"predecessor-version":[{"id":381,"href":"https:\/\/aiscamhunter.com\/it\/wp-json\/wp\/v2\/pages\/64\/revisions\/381"}],"wp:attachment":[{"href":"https:\/\/aiscamhunter.com\/it\/wp-json\/wp\/v2\/media?parent=64"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}