{"id":10,"date":"2026-07-18T17:22:49","date_gmt":"2026-07-18T17:22:49","guid":{"rendered":"http:\/\/tiraparafora.pt\/inicio\/"},"modified":"2026-10-13T20:25:37","modified_gmt":"2026-10-13T19:25:37","slug":"inicio","status":"publish","type":"page","link":"https:\/\/tiraparafora.pt\/en_us\/","title":{"rendered":"In\u00edcio"},"content":{"rendered":"\n<div id=\"tpf-home-v3\">\n\n  <style>\n    \/* =========================================================\n       TIRA PARA FORA \u2014 HOMEPAGE V3\n       Complete, self-contained HTML \/ CSS \/ JavaScript\n       ========================================================= *\/\n\n    #tpf-home-v3 {\n      --tpf-bg: #05070d;\n      --tpf-card: #11141d;\n      --tpf-card-2: #171a25;\n      --tpf-white: #ffffff;\n      --tpf-text: #e7e9f1;\n      --tpf-muted: #a4a9b8;\n      --tpf-red: #ef3155;\n      --tpf-pink: #ff5c9a;\n      --tpf-purple: #a844c8;\n      --tpf-blue: #3d76ed;\n      --tpf-discord: #5865f2;\n      --tpf-border: rgba(255,255,255,.10);\n\n      width: 100%;\n      margin: 0;\n      padding: 0;\n      overflow: hidden;\n      background: var(--tpf-bg);\n      color: var(--tpf-text);\n      font-family: inherit;\n      line-height: 1.65;\n      isolation: isolate;\n    }\n\n    #tpf-home-v3 *,\n    #tpf-home-v3 *::before,\n    #tpf-home-v3 *::after {\n      box-sizing: border-box;\n    }\n\n    #tpf-home-v3 img {\n      display: block;\n      max-width: 100%;\n    }\n\n    #tpf-home-v3 a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    #tpf-home-v3 button {\n      font: inherit;\n    }\n\n    #tpf-home-v3 .tpf-container {\n      width: min(1180px, calc(100% - 40px));\n      margin-inline: auto;\n    }\n\n    #tpf-home-v3 .tpf-section {\n      position: relative;\n      padding: 82px 0;\n    }\n\n    #tpf-home-v3 .tpf-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n      margin-bottom: 15px;\n      color: #ff719e;\n      font-size: 11px;\n      font-weight: 850;\n      letter-spacing: 2.2px;\n      text-transform: uppercase;\n    }\n\n    #tpf-home-v3 .tpf-eyebrow::before {\n      content: \"\";\n      width: 22px;\n      height: 2px;\n      border-radius: 2px;\n      background: linear-gradient(90deg, var(--tpf-red), var(--tpf-purple));\n    }\n\n    #tpf-home-v3 .tpf-section-heading {\n      max-width: 780px;\n      margin-bottom: 35px;\n    }\n\n    #tpf-home-v3 .tpf-section-heading h2 {\n      margin: 0 0 13px;\n      color: var(--tpf-white);\n      font-size: clamp(30px, 4vw, 46px);\n      font-weight: 850;\n      letter-spacing: -1.7px;\n      line-height: 1.12;\n    }\n\n    #tpf-home-v3 .tpf-section-heading p {\n      max-width: 720px;\n      margin: 0;\n      color: var(--tpf-muted);\n      font-size: 16px;\n    }\n\n    #tpf-home-v3 .tpf-gradient-text {\n      background: linear-gradient(100deg, #ff557d 5%, #c65be8 52%, #6b9bff 100%);\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n    }\n\n    #tpf-home-v3 .tpf-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      min-height: 48px;\n      padding: 13px 21px;\n      border: 1px solid transparent;\n      border-radius: 13px;\n      font-size: 14px;\n      font-weight: 800;\n      line-height: 1.3;\n      text-align: center;\n      transition: transform .2s ease, border-color .2s ease, filter .2s ease;\n    }\n\n    #tpf-home-v3 .tpf-btn:hover {\n      transform: translateY(-2px);\n      filter: brightness(1.08);\n    }\n\n    #tpf-home-v3 .tpf-btn-primary {\n      color: #fff;\n      background: linear-gradient(105deg, #ed3159, #a844c8);\n      box-shadow: 0 10px 30px rgba(239,49,85,.18);\n    }\n\n    #tpf-home-v3 .tpf-btn-secondary {\n      color: #fff;\n      background: rgba(255,255,255,.055);\n      border-color: rgba(255,255,255,.16);\n    }\n\n    #tpf-home-v3 .tpf-btn-discord {\n      color: #fff;\n      background: linear-gradient(105deg, #5865f2, #7b65ed);\n      box-shadow: 0 10px 28px rgba(88,101,242,.22);\n    }\n\n    #tpf-home-v3 .tpf-card {\n      min-width: 0;\n      border: 1px solid var(--tpf-border);\n      border-radius: 25px;\n      background: linear-gradient(145deg, rgba(25,28,41,.96), rgba(13,16,25,.98));\n      box-shadow: 0 18px 45px rgba(0,0,0,.15);\n    }\n\n    #tpf-home-v3 .tpf-icon-art {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 57px;\n      height: 57px;\n      flex: 0 0 auto;\n      border: 1px solid rgba(255,255,255,.14);\n      border-radius: 18px;\n      background:\n        radial-gradient(circle at 25% 15%, rgba(255,255,255,.18), transparent 45%),\n        linear-gradient(145deg, rgba(239,49,85,.28), rgba(168,68,200,.23) 55%, rgba(61,118,237,.22));\n      color: #fff;\n    }\n\n    #tpf-home-v3 .tpf-icon-art svg {\n      width: 27px;\n      height: 27px;\n    }\n\n    #tpf-home-v3 .tpf-card h3 {\n      color: var(--tpf-white);\n    }\n\n    \/* HERO *\/\n\n    #tpf-home-v3 .tpf-hero {\n      position: relative;\n      display: flex;\n      align-items: center;\n      min-height: 680px;\n      padding: 90px 0 74px;\n      overflow: hidden;\n      background:\n        radial-gradient(ellipse at 76% 25%, rgba(168,68,200,.20), transparent 34%),\n        radial-gradient(ellipse at 18% 80%, rgba(239,49,85,.15), transparent 38%),\n        linear-gradient(140deg, #080912, #05070d 58%, #0b0b17);\n    }\n\n    #tpf-home-v3 .tpf-hero::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n      opacity: .22;\n      background-image:\n        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);\n      background-size: 48px 48px;\n      mask-image: linear-gradient(to bottom, #000, transparent 90%);\n    }\n\n    #tpf-home-v3 .tpf-hero-inner {\n      position: relative;\n      z-index: 1;\n      display: grid;\n      grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr);\n      align-items: center;\n      gap: 48px;\n    }\n\n    #tpf-home-v3 .tpf-hero-copy {\n      padding: 15px 0;\n    }\n\n    #tpf-home-v3 .tpf-hero-kicker {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n      margin-bottom: 23px;\n      padding: 8px 12px;\n      border: 1px solid rgba(255,255,255,.12);\n      border-radius: 999px;\n      background: rgba(255,255,255,.045);\n      color: #e9ddec;\n      font-size: 11px;\n      font-weight: 800;\n      letter-spacing: 1.3px;\n      text-transform: uppercase;\n    }\n\n    #tpf-home-v3 .tpf-live-dot {\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background: #52e0a0;\n      box-shadow: 0 0 12px rgba(82,224,160,.6);\n    }\n\n    #tpf-home-v3 .tpf-hero h1 {\n      max-width: 720px;\n      margin: 0 0 23px;\n      color: #fff;\n      font-size: clamp(42px, 6.3vw, 76px);\n      font-weight: 900;\n      letter-spacing: -3.4px;\n      line-height: .99;\n    }\n\n    #tpf-home-v3 .tpf-hero-copy > p {\n      max-width: 620px;\n      margin: 0 0 28px;\n      color: #b9bdcc;\n      font-size: 17px;\n      line-height: 1.8;\n    }\n\n    #tpf-home-v3 .tpf-hero-actions {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n    }\n\n    #tpf-home-v3 .tpf-hero-visual {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 390px;\n    }\n\n    #tpf-home-v3 .tpf-hero-glow {\n      position: absolute;\n      width: min(410px, 90%);\n      aspect-ratio: 1;\n      border-radius: 50%;\n      background: linear-gradient(135deg, rgba(239,49,85,.22), rgba(168,68,200,.18), rgba(61,118,237,.20));\n      filter: blur(40px);\n    }\n\n    #tpf-home-v3 .tpf-hero-logo-wrap {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: min(390px, 100%);\n      min-height: 300px;\n    }\n\n    #tpf-home-v3 .tpf-hero-logo {\n      width: 100%;\n      max-width: 390px;\n      max-height: 390px;\n      object-fit: contain;\n      filter: drop-shadow(0 25px 45px rgba(0,0,0,.35));\n    }\n\n    #tpf-home-v3 .tpf-hero-floating {\n      position: absolute;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 12px 15px;\n      border: 1px solid rgba(255,255,255,.14);\n      border-radius: 15px;\n      background: rgba(16,19,31,.86);\n      box-shadow: 0 15px 35px rgba(0,0,0,.24);\n      backdrop-filter: blur(12px);\n    }\n\n    #tpf-home-v3 .tpf-hero-floating strong {\n      display: block;\n      color: #fff;\n      font-size: 13px;\n      line-height: 1.3;\n    }\n\n    #tpf-home-v3 .tpf-hero-floating small {\n      display: block;\n      color: #a9afc0;\n      font-size: 11px;\n    }\n\n    #tpf-home-v3 .tpf-floating-one {\n      top: 10%;\n      right: -1%;\n    }\n\n    #tpf-home-v3 .tpf-floating-two {\n      bottom: 8%;\n      left: 0;\n    }\n\n    #tpf-home-v3 .tpf-mini-icon {\n      display: grid;\n      place-items: center;\n      width: 37px;\n      height: 37px;\n      border-radius: 12px;\n      color: #fff;\n      background: linear-gradient(135deg, #ef3155, #a844c8);\n    }\n\n    #tpf-home-v3 .tpf-mini-icon svg {\n      width: 20px;\n      height: 20px;\n    }\n\n    \/* QUICK LINKS *\/\n\n    #tpf-home-v3 .tpf-quicklinks {\n      position: relative;\n      z-index: 3;\n      margin-top: -1px;\n      padding: 0 0 32px;\n      background: var(--tpf-bg);\n    }\n\n    #tpf-home-v3 .tpf-quicklinks-grid {\n      display: grid;\n      grid-template-columns: repeat(6, minmax(0, 1fr));\n      gap: 12px;\n    }\n\n    #tpf-home-v3 .tpf-quicklink {\n      display: flex;\n      align-items: center;\n      gap: 11px;\n      min-width: 0;\n      padding: 16px 13px;\n      border: 1px solid var(--tpf-border);\n      border-radius: 17px;\n      background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));\n      transition: transform .2s ease, border-color .2s ease, background .2s ease;\n    }\n\n    #tpf-home-v3 .tpf-quicklink:hover {\n      transform: translateY(-3px);\n      border-color: rgba(255,92,154,.4);\n      background: rgba(255,255,255,.07);\n    }\n\n    #tpf-home-v3 .tpf-quicklink-icon {\n      display: grid;\n      place-items: center;\n      width: 38px;\n      height: 38px;\n      flex: 0 0 auto;\n      border-radius: 12px;\n      background: linear-gradient(135deg, rgba(239,49,85,.28), rgba(168,68,200,.24), rgba(61,118,237,.24));\n      color: #fff;\n    }\n\n    #tpf-home-v3 .tpf-quicklink-icon svg {\n      width: 20px;\n      height: 20px;\n    }\n\n    #tpf-home-v3 .tpf-quicklink span {\n      color: #f1f2f7;\n      font-size: 12px;\n      font-weight: 800;\n      line-height: 1.3;\n    }\n\n    \/* PLATFORM STRIP *\/\n\n    #tpf-home-v3 .tpf-platform-strip {\n      padding: 29px 0;\n      border-top: 1px solid rgba(255,255,255,.055);\n      border-bottom: 1px solid rgba(255,255,255,.055);\n      background: #080a12;\n    }\n\n    #tpf-home-v3 .tpf-platform-inner {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 28px;\n    }\n\n    #tpf-home-v3 .tpf-platform-label {\n      color: #969bad;\n      font-size: 10px;\n      font-weight: 850;\n      letter-spacing: 1.7px;\n      text-transform: uppercase;\n      white-space: nowrap;\n    }\n\n    #tpf-home-v3 .tpf-platforms {\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n      flex-wrap: wrap;\n      gap: 22px;\n    }\n\n    #tpf-home-v3 .tpf-platform {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      color: #d8dbe6;\n      font-size: 12px;\n      font-weight: 750;\n    }\n\n    #tpf-home-v3 .tpf-platform img {\n      width: 23px;\n      height: 23px;\n      object-fit: contain;\n    }\n\n    \/* STATISTICS *\/\n\n    #tpf-home-v3 .tpf-stats {\n      padding: 37px 0 42px;\n    }\n\n    #tpf-home-v3 .tpf-stats-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 16px;\n    }\n\n    #tpf-home-v3 .tpf-stat {\n      display: flex;\n      align-items: center;\n      gap: 18px;\n      padding: 22px;\n      border: 1px solid var(--tpf-border);\n      border-radius: 21px;\n      background: linear-gradient(140deg, rgba(255,255,255,.05), rgba(255,255,255,.015));\n    }\n\n    #tpf-home-v3 .tpf-stat .tpf-icon-art {\n      width: 64px;\n      height: 64px;\n      border-radius: 20px;\n    }\n\n    #tpf-home-v3 .tpf-stat strong {\n      display: block;\n      color: #fff;\n      font-size: clamp(28px, 3vw, 37px);\n      font-weight: 900;\n      letter-spacing: -1px;\n      line-height: 1.1;\n    }\n\n    #tpf-home-v3 .tpf-stat p {\n      margin: 6px 0 0;\n      color: #aab0c0;\n      font-size: 13px;\n    }\n\n    #tpf-home-v3 .tpf-stat-platform-icons {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 5px;\n      margin-top: 8px;\n    }\n\n    #tpf-home-v3 .tpf-stat-platform-icons img {\n      width: 17px;\n      height: 17px;\n      object-fit: contain;\n    }\n\n    \/* MARQUEE *\/\n\n    #tpf-home-v3 .tpf-marquee {\n      overflow: hidden;\n      padding: 15px 0;\n      border-top: 1px solid rgba(255,255,255,.07);\n      border-bottom: 1px solid rgba(255,255,255,.07);\n      background: linear-gradient(90deg, rgba(239,49,85,.09), rgba(168,68,200,.09), rgba(61,118,237,.09));\n    }\n\n    #tpf-home-v3 .tpf-marquee-track {\n      display: flex;\n      width: max-content;\n      animation: tpf-marquee-scroll 32s linear infinite;\n    }\n\n    #tpf-home-v3 .tpf-marquee-line {\n      display: flex;\n      align-items: center;\n      gap: 28px;\n      padding-right: 28px;\n      color: #dfe1eb;\n      font-size: 11px;\n      font-weight: 850;\n      letter-spacing: 1.8px;\n      text-transform: uppercase;\n      white-space: nowrap;\n    }\n\n    #tpf-home-v3 .tpf-marquee-line span:nth-child(3n+1) {\n      color: #ff739b;\n    }\n\n    #tpf-home-v3 .tpf-marquee-line span:nth-child(3n+2) {\n      color: #c57be8;\n    }\n\n    #tpf-home-v3 .tpf-marquee-line span:nth-child(3n) {\n      color: #7ea3ff;\n    }\n\n    @keyframes tpf-marquee-scroll {\n      from { transform: translateX(0); }\n      to { transform: translateX(-50%); }\n    }\n\n    \/* INTRO *\/\n\n    #tpf-home-v3 .tpf-intro-grid {\n      display: grid;\n      grid-template-columns: minmax(0, 1.1fr) minmax(290px, .9fr);\n      gap: 40px;\n      align-items: center;\n    }\n\n    #tpf-home-v3 .tpf-intro-copy > p {\n      max-width: 690px;\n      margin: 0 0 17px;\n      color: #b4b9c8;\n      font-size: 16px;\n    }\n\n    #tpf-home-v3 .tpf-intro-copy strong {\n      color: #fff;\n    }\n\n    #tpf-home-v3 .tpf-intro-highlights {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 12px;\n      margin-top: 28px;\n    }\n\n    #tpf-home-v3 .tpf-highlight {\n      display: flex;\n      align-items: center;\n      gap: 11px;\n      padding: 13px;\n      border: 1px solid rgba(255,255,255,.08);\n      border-radius: 15px;\n      background: rgba(255,255,255,.025);\n      color: #e1e4ed;\n      font-size: 13px;\n      font-weight: 750;\n    }\n\n    #tpf-home-v3 .tpf-highlight svg {\n      width: 21px;\n      height: 21px;\n      flex: 0 0 auto;\n      color: #ff709e;\n    }\n\n    #tpf-home-v3 .tpf-intro-panel {\n      position: relative;\n      padding: 28px;\n      overflow: hidden;\n    }\n\n    #tpf-home-v3 .tpf-intro-panel::after {\n      content: \"\";\n      position: absolute;\n      top: -85px;\n      right: -85px;\n      width: 190px;\n      height: 190px;\n      border-radius: 50%;\n      background: rgba(168,68,200,.19);\n      filter: blur(35px);\n      pointer-events: none;\n    }\n\n    #tpf-home-v3 .tpf-intro-panel h3 {\n      position: relative;\n      z-index: 1;\n      margin: 0 0 12px;\n      font-size: 23px;\n      font-weight: 850;\n    }\n\n    #tpf-home-v3 .tpf-intro-panel > p {\n      position: relative;\n      z-index: 1;\n      margin: 0 0 21px;\n      color: #aeb4c5;\n      font-size: 14px;\n    }\n\n    #tpf-home-v3 .tpf-principles {\n      position: relative;\n      z-index: 1;\n      display: grid;\n      gap: 13px;\n      margin: 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    #tpf-home-v3 .tpf-principles li {\n      display: flex;\n      align-items: flex-start;\n      gap: 10px;\n      color: #e2e5ee;\n      font-size: 13px;\n    }\n\n    #tpf-home-v3 .tpf-principles svg {\n      width: 18px;\n      height: 18px;\n      flex: 0 0 auto;\n      margin-top: 2px;\n      color: #6de0b0;\n    }\n\n    \/* EVENTS *\/\n\n    #tpf-home-v3 .tpf-events-section {\n      background:\n        radial-gradient(ellipse at 8% 50%, rgba(239,49,85,.08), transparent 40%),\n        linear-gradient(180deg, rgba(255,255,255,.012), transparent);\n    }\n\n    #tpf-home-v3 .tpf-event-feature {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) minmax(260px, .72fr);\n      gap: 0;\n      overflow: hidden;\n      border: 1px solid rgba(255,255,255,.12);\n      border-radius: 28px;\n      background: linear-gradient(125deg, #191322, #101725 70%, #0e1422);\n    }\n\n    #tpf-home-v3 .tpf-event-main {\n      padding: clamp(25px, 4vw, 43px);\n    }\n\n    #tpf-home-v3 .tpf-event-label {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 17px;\n      color: #ff87ac;\n      font-size: 11px;\n      font-weight: 850;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n    }\n\n    #tpf-home-v3 .tpf-event-main h3 {\n      margin: 0 0 14px;\n      color: #fff;\n      font-size: clamp(30px, 4vw, 45px);\n      font-weight: 900;\n      letter-spacing: -1.6px;\n      line-height: 1.1;\n    }\n\n    #tpf-home-v3 .tpf-event-main > p {\n      max-width: 580px;\n      margin: 0 0 22px;\n      color: #b5bbca;\n      font-size: 15px;\n    }\n\n    #tpf-home-v3 .tpf-event-meta {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-bottom: 25px;\n    }\n\n    #tpf-home-v3 .tpf-event-meta span {\n      display: inline-flex;\n      align-items: center;\n      gap: 7px;\n      padding: 9px 12px;\n      border: 1px solid rgba(255,255,255,.1);\n      border-radius: 11px;\n      background: rgba(255,255,255,.035);\n      color: #e6e8f0;\n      font-size: 12px;\n      font-weight: 750;\n    }\n\n    #tpf-home-v3 .tpf-event-meta svg {\n      width: 16px;\n      height: 16px;\n      color: #ff7ca4;\n    }\n\n    #tpf-home-v3 .tpf-event-side {\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      min-height: 310px;\n      padding: 32px;\n      overflow: hidden;\n      border-left: 1px solid rgba(255,255,255,.08);\n      background:\n        radial-gradient(circle at 50% 10%, rgba(168,68,200,.23), transparent 48%),\n        linear-gradient(150deg, rgba(239,49,85,.10), rgba(61,118,237,.12));\n    }\n\n    #tpf-home-v3 .tpf-event-side::before {\n      content: \"PORTO\";\n      position: absolute;\n      right: -8px;\n      bottom: -17px;\n      color: rgba(255,255,255,.035);\n      font-size: 76px;\n      font-weight: 950;\n      letter-spacing: -5px;\n      pointer-events: none;\n    }\n\n    #tpf-home-v3 .tpf-event-datebox {\n      position: relative;\n      z-index: 1;\n      display: grid;\n      place-items: center;\n      width: 110px;\n      height: 118px;\n      margin-bottom: 24px;\n      border: 1px solid rgba(255,255,255,.15);\n      border-radius: 21px;\n      background: rgba(12,15,25,.55);\n      text-align: center;\n      backdrop-filter: blur(12px);\n    }\n\n    #tpf-home-v3 .tpf-event-datebox small {\n      color: #ff87ac;\n      font-size: 12px;\n      font-weight: 900;\n      letter-spacing: 2px;\n    }\n\n    #tpf-home-v3 .tpf-event-datebox strong {\n      color: #fff;\n      font-size: 43px;\n      font-weight: 950;\n      line-height: 1;\n    }\n\n    #tpf-home-v3 .tpf-event-datebox span {\n      color: #aab1c3;\n      font-size: 11px;\n      font-weight: 800;\n      text-transform: uppercase;\n    }\n\n    #tpf-home-v3 .tpf-countdown-label {\n      position: relative;\n      z-index: 1;\n      margin-bottom: 11px;\n      color: #aeb5c7;\n      font-size: 10px;\n      font-weight: 850;\n      letter-spacing: 1.4px;\n      text-transform: uppercase;\n    }\n\n    #tpf-home-v3 .tpf-countdown {\n      position: relative;\n      z-index: 1;\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 7px;\n      max-width: 290px;\n    }\n\n    #tpf-home-v3 .tpf-countdown-item {\n      padding: 10px 5px;\n      border: 1px solid rgba(255,255,255,.10);\n      border-radius: 11px;\n      background: rgba(8,10,18,.45);\n      text-align: center;\n    }\n\n    #tpf-home-v3 .tpf-countdown-item strong {\n      display: block;\n      color: #fff;\n      font-size: 23px;\n      font-weight: 900;\n      line-height: 1.2;\n    }\n\n    #tpf-home-v3 .tpf-countdown-item span {\n      color: #aeb4c4;\n      font-size: 9px;\n      font-weight: 800;\n      text-transform: uppercase;\n    }\n\n    #tpf-home-v3 .tpf-countdown-note {\n      position: relative;\n      z-index: 1;\n      margin: 12px 0 0;\n      color: #aeb4c4;\n      font-size: 11px;\n    }\n\n    \/* DISCORD *\/\n\n    #tpf-home-v3 .tpf-discord-section {\n      padding-top: 76px;\n      padding-bottom: 76px;\n    }\n\n    #tpf-home-v3 .tpf-discord-card {\n      position: relative;\n      display: grid;\n      grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);\n      align-items: center;\n      gap: 38px;\n      padding: clamp(28px, 5vw, 54px);\n      overflow: hidden;\n      border: 1px solid rgba(110,121,255,.25);\n      border-radius: 29px;\n      background:\n        radial-gradient(ellipse at 12% 50%, rgba(88,101,242,.15), transparent 45%),\n        linear-gradient(135deg, #101321, #0d111c);\n    }\n\n    #tpf-home-v3 .tpf-discord-brand {\n      text-align: center;\n    }\n\n    #tpf-home-v3 .tpf-discord-logo {\n      width: 112px;\n      height: 112px;\n      margin: 0 auto 19px;\n      object-fit: contain;\n      background: transparent;\n      filter: drop-shadow(0 10px 24px rgba(88,101,242,.2));\n    }\n\n    #tpf-home-v3 .tpf-discord-brand h3 {\n      margin: 0 0 8px;\n      color: #fff;\n      font-size: 28px;\n      font-weight: 900;\n      letter-spacing: -.8px;\n    }\n\n    #tpf-home-v3 .tpf-discord-brand p {\n      max-width: 340px;\n      margin: 0 auto;\n      color: #aab1c3;\n      font-size: 14px;\n    }\n\n    #tpf-home-v3 .tpf-discord-live {\n      min-width: 0;\n      text-align: center;\n    }\n\n    #tpf-home-v3 .tpf-discord-status {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 12px;\n      color: #aeb6ff;\n      font-size: 11px;\n      font-weight: 850;\n      letter-spacing: 1.8px;\n      text-transform: uppercase;\n    }\n\n    #tpf-home-v3 .tpf-discord-status .tpf-live-dot {\n      background: #62e5ac;\n    }\n\n    #tpf-home-v3 .tpf-discord-count {\n      display: block;\n      margin: 0;\n      color: #7c88ff;\n      font-size: clamp(64px, 10vw, 105px);\n      font-weight: 950;\n      letter-spacing: -5px;\n      line-height: .98;\n      text-shadow: 0 0 38px rgba(88,101,242,.22);\n    }\n\n    #tpf-home-v3 .tpf-discord-count-label {\n      margin: 10px 0 7px;\n      color: #f1f2ff;\n      font-size: 17px;\n      font-weight: 850;\n    }\n\n    #tpf-home-v3 .tpf-discord-updated {\n      margin: 0 0 22px;\n      color: #8f97ad;\n      font-size: 11px;\n    }\n\n    #tpf-home-v3 .tpf-discord-error {\n      color: #aab1c3;\n      font-size: 13px;\n    }\n\n    \/* GROUPS *\/\n\n    #tpf-home-v3 .tpf-groups-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 17px;\n    }\n\n    #tpf-home-v3 .tpf-group-card {\n      display: flex;\n      flex-direction: column;\n      min-width: 0;\n      padding: 25px;\n      transition: transform .22s ease, border-color .22s ease;\n    }\n\n    #tpf-home-v3 .tpf-group-card:hover {\n      transform: translateY(-4px);\n      border-color: rgba(255,92,154,.30);\n    }\n\n    #tpf-home-v3 .tpf-group-top {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 12px;\n      margin-bottom: 20px;\n    }\n\n    #tpf-home-v3 .tpf-group-card .tpf-icon-art {\n      width: 61px;\n      height: 61px;\n      border-radius: 19px;\n    }\n\n    #tpf-home-v3 .tpf-group-tag {\n      padding: 6px 9px;\n      border: 1px solid rgba(255,255,255,.10);\n      border-radius: 999px;\n      background: rgba(255,255,255,.035);\n      color: #c8ccda;\n      font-size: 10px;\n      font-weight: 850;\n      letter-spacing: .5px;\n      text-transform: uppercase;\n    }\n\n    #tpf-home-v3 .tpf-group-card h3 {\n      margin: 0 0 9px;\n      font-size: 21px;\n      font-weight: 850;\n      letter-spacing: -.4px;\n    }\n\n    #tpf-home-v3 .tpf-group-card > p {\n      flex: 1;\n      margin: 0 0 20px;\n      color: #aab0c0;\n      font-size: 13px;\n    }\n\n    #tpf-home-v3 .tpf-group-footer {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      padding-top: 16px;\n      border-top: 1px solid rgba(255,255,255,.075);\n    }\n\n    #tpf-home-v3 .tpf-group-footer span {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      color: #c8cddd;\n      font-size: 11px;\n      font-weight: 750;\n    }\n\n    #tpf-home-v3 .tpf-group-footer svg {\n      width: 15px;\n      height: 15px;\n      color: #ff739e;\n    }\n\n    #tpf-home-v3 .tpf-groups-cta {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 25px;\n      margin-top: 24px;\n      padding: 24px 27px;\n      border: 1px solid rgba(255,255,255,.10);\n      border-radius: 20px;\n      background: linear-gradient(105deg, rgba(239,49,85,.09), rgba(168,68,200,.08), rgba(61,118,237,.08));\n    }\n\n    #tpf-home-v3 .tpf-groups-cta h3 {\n      margin: 0 0 5px;\n      color: #fff;\n      font-size: 19px;\n    }\n\n    #tpf-home-v3 .tpf-groups-cta p {\n      margin: 0;\n      color: #aab0c0;\n      font-size: 13px;\n    }\n\n    \/* MEMBER PORTAL *\/\n\n    #tpf-home-v3 .tpf-portal-layout {\n      display: grid;\n      grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);\n      gap: 25px;\n      align-items: stretch;\n    }\n\n    #tpf-home-v3 .tpf-portal-feature {\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      justify-content: center;\n      min-height: 370px;\n      padding: 35px;\n      overflow: hidden;\n      background:\n        radial-gradient(circle at 85% 12%, rgba(168,68,200,.24), transparent 40%),\n        linear-gradient(145deg, #211326, #101321 80%);\n    }\n\n    #tpf-home-v3 .tpf-portal-feature .tpf-icon-art {\n      width: 72px;\n      height: 72px;\n      margin-bottom: 24px;\n      border-radius: 23px;\n    }\n\n    #tpf-home-v3 .tpf-portal-feature h3 {\n      margin: 0 0 13px;\n      font-size: 31px;\n      font-weight: 900;\n      letter-spacing: -1px;\n      line-height: 1.1;\n    }\n\n    #tpf-home-v3 .tpf-portal-feature p {\n      margin: 0 0 24px;\n      color: #b5b7c8;\n      font-size: 14px;\n    }\n\n    #tpf-home-v3 .tpf-portal-features {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 12px;\n    }\n\n    #tpf-home-v3 .tpf-portal-feature-item {\n      display: flex;\n      align-items: flex-start;\n      gap: 13px;\n      padding: 18px;\n      border: 1px solid rgba(255,255,255,.09);\n      border-radius: 17px;\n      background: rgba(255,255,255,.025);\n    }\n\n    #tpf-home-v3 .tpf-portal-feature-item .tpf-icon-art {\n      width: 43px;\n      height: 43px;\n      border-radius: 14px;\n    }\n\n    #tpf-home-v3 .tpf-portal-feature-item .tpf-icon-art svg {\n      width: 21px;\n      height: 21px;\n    }\n\n    #tpf-home-v3 .tpf-portal-feature-item h4 {\n      margin: 2px 0 4px;\n      color: #fff;\n      font-size: 14px;\n      font-weight: 850;\n    }\n\n    #tpf-home-v3 .tpf-portal-feature-item p {\n      margin: 0;\n      color: #9fa6b8;\n      font-size: 12px;\n      line-height: 1.5;\n    }\n\n    \/* TPF AWARDS *\/\n\n    #tpf-home-v3 .tpf-awards-card {\n      position: relative;\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) minmax(220px, .55fr);\n      align-items: center;\n      gap: 25px;\n      padding: clamp(27px, 4.5vw, 47px);\n      overflow: hidden;\n      border: 1px solid rgba(255,92,154,.19);\n      border-radius: 28px;\n      background:\n        radial-gradient(ellipse at 85% 35%, rgba(168,68,200,.20), transparent 42%),\n        linear-gradient(130deg, #191322, #101522 70%, #10101b);\n    }\n\n    #tpf-home-v3 .tpf-awards-copy {\n      position: relative;\n      z-index: 1;\n    }\n\n    #tpf-home-v3 .tpf-awards-copy h3 {\n      margin: 0 0 13px;\n      color: #fff;\n      font-size: clamp(30px, 4vw, 43px);\n      font-weight: 900;\n      letter-spacing: -1.4px;\n      line-height: 1.1;\n    }\n\n    #tpf-home-v3 .tpf-awards-copy > p {\n      max-width: 630px;\n      margin: 0 0 22px;\n      color: #b1b6c7;\n      font-size: 14px;\n    }\n\n    #tpf-home-v3 .tpf-awards-categories {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 9px;\n      margin-bottom: 24px;\n    }\n\n    #tpf-home-v3 .tpf-awards-categories span {\n      padding: 8px 11px;\n      border: 1px solid rgba(255,255,255,.12);\n      border-radius: 11px;\n      background: rgba(255,255,255,.045);\n      color: #f1dce9;\n      font-size: 12px;\n      font-weight: 800;\n    }\n\n    #tpf-home-v3 .tpf-awards-visual {\n      position: relative;\n      display: grid;\n      place-items: center;\n      min-height: 250px;\n    }\n\n    #tpf-home-v3 .tpf-awards-orbit {\n      position: absolute;\n      width: 220px;\n      height: 220px;\n      border: 1px solid rgba(255,255,255,.10);\n      border-radius: 50%;\n      box-shadow: 0 0 0 25px rgba(255,255,255,.018), 0 0 0 50px rgba(255,255,255,.012);\n    }\n\n    #tpf-home-v3 .tpf-awards-trophy {\n      position: relative;\n      display: grid;\n      place-items: center;\n      width: 142px;\n      height: 142px;\n      border: 1px solid rgba(255,255,255,.17);\n      border-radius: 39px;\n      background: linear-gradient(145deg, rgba(255,92,154,.28), rgba(168,68,200,.32), rgba(61,118,237,.23));\n      box-shadow: 0 20px 55px rgba(0,0,0,.28);\n      transform: rotate(-5deg);\n    }\n\n    #tpf-home-v3 .tpf-awards-trophy svg {\n      width: 76px;\n      height: 76px;\n      color: #ffe4a8;\n      filter: drop-shadow(0 8px 15px rgba(255,191,87,.17));\n    }\n\n    #tpf-home-v3 .tpf-awards-note {\n      margin: 13px 0 0;\n      color: #8f96a9;\n      font-size: 11px;\n    }\n\n    \/* SUPPORT *\/\n\n    #tpf-home-v3 .tpf-support-card {\n      position: relative;\n      display: grid;\n      grid-template-columns: 95px minmax(0, 1fr) auto;\n      align-items: center;\n      gap: 25px;\n      padding: clamp(25px, 4vw, 40px);\n      overflow: hidden;\n      border: 1px solid rgba(255,255,255,.11);\n      border-radius: 26px;\n      background:\n        radial-gradient(ellipse at 10% 50%, rgba(239,49,85,.12), transparent 45%),\n        radial-gradient(ellipse at 90% 20%, rgba(168,68,200,.12), transparent 40%),\n        linear-gradient(135deg, #151521, #0e111a);\n    }\n\n    #tpf-home-v3 .tpf-support-icon {\n      display: grid;\n      place-items: center;\n      width: 88px;\n      height: 88px;\n      border: 1px solid rgba(255,255,255,.13);\n      border-radius: 26px;\n      background: linear-gradient(140deg, rgba(239,49,85,.24), rgba(168,68,200,.26), rgba(61,118,237,.22));\n    }\n\n    #tpf-home-v3 .tpf-support-icon svg {\n      width: 43px;\n      height: 43px;\n      color: #fff;\n    }\n\n    #tpf-home-v3 .tpf-support-copy h3 {\n      margin: 0 0 8px;\n      color: #fff;\n      font-size: 25px;\n      font-weight: 900;\n      letter-spacing: -.7px;\n    }\n\n    #tpf-home-v3 .tpf-support-copy p {\n      max-width: 670px;\n      margin: 0;\n      color: #aeb4c4;\n      font-size: 14px;\n    }\n\n    \/* TESTIMONIAL *\/\n\n    #tpf-home-v3 .tpf-quote-card {\n      position: relative;\n      max-width: 900px;\n      margin: 0 auto;\n      padding: 38px;\n      border: 1px solid rgba(255,255,255,.09);\n      border-radius: 25px;\n      background:\n        radial-gradient(ellipse at 15% 0%, rgba(239,49,85,.09), transparent 55%),\n        rgba(255,255,255,.025);\n      text-align: center;\n    }\n\n    #tpf-home-v3 .tpf-quote-mark {\n      display: block;\n      margin-bottom: 9px;\n      color: #ff719e;\n      font-family: Georgia, serif;\n      font-size: 58px;\n      line-height: .8;\n    }\n\n    #tpf-home-v3 .tpf-quote-card blockquote {\n      margin: 0 auto 18px;\n      color: #f3f3f8;\n      font-size: clamp(20px, 3vw, 28px);\n      font-weight: 750;\n      letter-spacing: -.5px;\n      line-height: 1.4;\n    }\n\n    #tpf-home-v3 .tpf-quote-card p {\n      margin: 0;\n      color: #9299ad;\n      font-size: 11px;\n      font-weight: 800;\n      letter-spacing: 1.2px;\n      text-transform: uppercase;\n    }\n\n    \/* SAFETY *\/\n\n    #tpf-home-v3 .tpf-safety-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 15px;\n    }\n\n    #tpf-home-v3 .tpf-safety-item {\n      padding: 23px;\n      border: 1px solid rgba(255,255,255,.085);\n      border-radius: 19px;\n      background: rgba(255,255,255,.025);\n    }\n\n    #tpf-home-v3 .tpf-safety-item .tpf-icon-art {\n      width: 48px;\n      height: 48px;\n      margin-bottom: 17px;\n      border-radius: 15px;\n    }\n\n    #tpf-home-v3 .tpf-safety-item h3 {\n      margin: 0 0 8px;\n      font-size: 16px;\n      font-weight: 850;\n    }\n\n    #tpf-home-v3 .tpf-safety-item p {\n      margin: 0;\n      color: #a5acbd;\n      font-size: 13px;\n    }\n\n    \/* WEB APP *\/\n\n    #tpf-home-v3 .tpf-app-card {\n      display: flex;\n      align-items: center;\n      gap: 22px;\n      padding: 24px 27px;\n      border: 1px solid rgba(255,255,255,.09);\n      border-radius: 22px;\n      background: linear-gradient(110deg, rgba(61,118,237,.09), rgba(168,68,200,.07), rgba(239,49,85,.07));\n    }\n\n    #tpf-home-v3 .tpf-app-icon {\n      display: grid;\n      place-items: center;\n      width: 64px;\n      height: 64px;\n      flex: 0 0 auto;\n      border: 1px solid rgba(255,255,255,.13);\n      border-radius: 20px;\n      background: linear-gradient(145deg, #ed3159, #a844c8 55%, #3d76ed);\n      box-shadow: 0 10px 25px rgba(168,68,200,.18);\n    }\n\n    #tpf-home-v3 .tpf-app-icon svg {\n      width: 30px;\n      height: 30px;\n      color: #fff;\n    }\n\n    #tpf-home-v3 .tpf-app-copy {\n      flex: 1;\n      min-width: 0;\n    }\n\n    #tpf-home-v3 .tpf-app-copy h3 {\n      margin: 0 0 5px;\n      color: #fff;\n      font-size: 19px;\n      font-weight: 900;\n    }\n\n    #tpf-home-v3 .tpf-app-copy p {\n      margin: 0;\n      color: #a8afc0;\n      font-size: 13px;\n    }\n\n    \/* TPF STORIES \u2014 LAST CONTENT SECTION *\/\n\n    #tpf-home-v3 .tpf-stories-section {\n      background:\n        radial-gradient(ellipse at 90% 45%, rgba(168,68,200,.09), transparent 40%),\n        linear-gradient(180deg, transparent, rgba(255,255,255,.012));\n    }\n\n    #tpf-home-v3 .tpf-story-card {\n      display: grid;\n      grid-template-columns: minmax(220px, .72fr) minmax(0, 1.28fr);\n      align-items: stretch;\n      gap: 0;\n      overflow: hidden;\n      border: 1px solid rgba(255,255,255,.10);\n      border-radius: 27px;\n      background: linear-gradient(140deg, #151724, #10131d);\n    }\n\n    #tpf-home-v3 .tpf-story-media {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 250px;\n      padding: 24px;\n      overflow: hidden;\n      background:\n        radial-gradient(circle at 50% 50%, rgba(168,68,200,.17), transparent 65%),\n        rgba(255,255,255,.02);\n    }\n\n    #tpf-home-v3 .tpf-story-media img {\n      width: 100%;\n      max-width: 310px;\n      max-height: 250px;\n      object-fit: contain;\n      border-radius: 13px;\n    }\n\n    #tpf-home-v3 .tpf-story-copy {\n      padding: clamp(24px, 4vw, 39px);\n    }\n\n    #tpf-home-v3 .tpf-story-label {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 12px;\n      color: #ff7da6;\n      font-size: 10px;\n      font-weight: 850;\n      letter-spacing: 1.7px;\n      text-transform: uppercase;\n    }\n\n    #tpf-home-v3 .tpf-story-copy h3 {\n      margin: 0 0 13px;\n      color: #fff;\n      font-size: clamp(23px, 3.2vw, 34px);\n      font-weight: 900;\n      letter-spacing: -1px;\n      line-height: 1.16;\n    }\n\n    #tpf-home-v3 .tpf-story-copy > p {\n      margin: 0 0 21px;\n      color: #aeb4c4;\n      font-size: 14px;\n    }\n\n    #tpf-home-v3 .tpf-story-meta {\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 13px;\n      margin-bottom: 23px;\n      color: #8f97aa;\n      font-size: 11px;\n      font-weight: 750;\n    }\n\n    #tpf-home-v3 .tpf-story-meta span {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    #tpf-home-v3 .tpf-story-meta svg {\n      width: 15px;\n      height: 15px;\n      color: #c77ae8;\n    }\n\n    \/* FINAL CTA *\/\n\n    #tpf-home-v3 .tpf-final-cta {\n      position: relative;\n      padding: 77px 0 88px;\n      overflow: hidden;\n      border-top: 1px solid rgba(255,255,255,.07);\n      background:\n        radial-gradient(ellipse at 20% 90%, rgba(239,49,85,.17), transparent 45%),\n        radial-gradient(ellipse at 80% 5%, rgba(61,118,237,.14), transparent 45%),\n        #080a12;\n      text-align: center;\n    }\n\n    #tpf-home-v3 .tpf-final-cta h2 {\n      max-width: 780px;\n      margin: 0 auto 17px;\n      color: #fff;\n      font-size: clamp(34px, 5vw, 54px);\n      font-weight: 950;\n      letter-spacing: -2px;\n      line-height: 1.08;\n    }\n\n    #tpf-home-v3 .tpf-final-cta p {\n      max-width: 680px;\n      margin: 0 auto 27px;\n      color: #aeb4c4;\n      font-size: 15px;\n    }\n\n    #tpf-home-v3 .tpf-final-actions {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 12px;\n    }\n\n    #tpf-home-v3 .tpf-footer-note {\n      margin: 28px 0 0;\n      color: #777f93;\n      font-size: 11px;\n    }\n\n    \/* RESPONSIVE *\/\n\n    @media (max-width: 1050px) {\n      #tpf-home-v3 .tpf-quicklinks-grid {\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n      }\n\n      #tpf-home-v3 .tpf-hero-inner {\n        gap: 20px;\n      }\n\n      #tpf-home-v3 .tpf-hero-floating-one {\n        right: -2%;\n      }\n\n      #tpf-home-v3 .tpf-groups-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      #tpf-home-v3 .tpf-platform-inner {\n        align-items: flex-start;\n        flex-direction: column;\n        gap: 16px;\n      }\n\n      #tpf-home-v3 .tpf-platforms {\n        justify-content: flex-start;\n      }\n    }\n\n    @media (max-width: 760px) {\n      #tpf-home-v3 .tpf-section {\n        padding: 59px 0;\n      }\n\n      #tpf-home-v3 .tpf-hero {\n        min-height: auto;\n        padding: 62px 0 42px;\n      }\n\n      #tpf-home-v3 .tpf-hero-inner {\n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n\n      #tpf-home-v3 .tpf-hero h1 {\n        font-size: clamp(43px, 11vw, 66px);\n        letter-spacing: -2.5px;\n      }\n\n      #tpf-home-v3 .tpf-hero-copy > p {\n        font-size: 15px;\n      }\n\n      #tpf-home-v3 .tpf-hero-visual {\n        min-height: 280px;\n        margin-top: 10px;\n      }\n\n      #tpf-home-v3 .tpf-hero-logo-wrap {\n        min-height: 270px;\n      }\n\n      #tpf-home-v3 .tpf-hero-logo {\n        max-width: 290px;\n        max-height: 290px;\n      }\n\n      #tpf-home-v3 .tpf-floating-one {\n        top: 0;\n        right: 0;\n      }\n\n      #tpf-home-v3 .tpf-floating-two {\n        bottom: 0;\n        left: 0;\n      }\n\n      #tpf-home-v3 .tpf-quicklinks-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 9px;\n      }\n\n      #tpf-home-v3 .tpf-quicklink {\n        padding: 12px 10px;\n      }\n\n      #tpf-home-v3 .tpf-quicklink span {\n        font-size: 11px;\n      }\n\n      #tpf-home-v3 .tpf-stats-grid {\n        grid-template-columns: 1fr;\n      }\n\n      #tpf-home-v3 .tpf-stat {\n        padding: 18px;\n      }\n\n      #tpf-home-v3 .tpf-intro-grid,\n      #tpf-home-v3 .tpf-event-feature,\n      #tpf-home-v3 .tpf-discord-card,\n      #tpf-home-v3 .tpf-portal-layout,\n      #tpf-home-v3 .tpf-awards-card,\n      #tpf-home-v3 .tpf-story-card {\n        grid-template-columns: 1fr;\n      }\n\n      #tpf-home-v3 .tpf-intro-highlights {\n        grid-template-columns: 1fr 1fr;\n      }\n\n      #tpf-home-v3 .tpf-event-side {\n        min-height: auto;\n        border-top: 1px solid rgba(255,255,255,.08);\n        border-left: 0;\n      }\n\n      #tpf-home-v3 .tpf-discord-card {\n        gap: 30px;\n      }\n\n      #tpf-home-v3 .tpf-groups-grid {\n        grid-template-columns: 1fr;\n      }\n\n      #tpf-home-v3 .tpf-groups-cta {\n        align-items: flex-start;\n        flex-direction: column;\n      }\n\n      #tpf-home-v3 .tpf-portal-features {\n        grid-template-columns: 1fr 1fr;\n      }\n\n      #tpf-home-v3 .tpf-awards-visual {\n        min-height: 190px;\n      }\n\n      #tpf-home-v3 .tpf-awards-orbit {\n        width: 175px;\n        height: 175px;\n      }\n\n      #tpf-home-v3 .tpf-awards-trophy {\n        width: 112px;\n        height: 112px;\n        border-radius: 31px;\n      }\n\n      #tpf-home-v3 .tpf-awards-trophy svg {\n        width: 60px;\n        height: 60px;\n      }\n\n      #tpf-home-v3 .tpf-support-card {\n        grid-template-columns: 66px minmax(0, 1fr);\n        gap: 17px;\n      }\n\n      #tpf-home-v3 .tpf-support-icon {\n        width: 64px;\n        height: 64px;\n        border-radius: 20px;\n      }\n\n      #tpf-home-v3 .tpf-support-icon svg {\n        width: 32px;\n        height: 32px;\n      }\n\n      #tpf-home-v3 .tpf-support-copy h3 {\n        font-size: 21px;\n      }\n\n      #tpf-home-v3 .tpf-support-card > .tpf-btn {\n        grid-column: 1 \/ -1;\n        width: 100%;\n      }\n\n      #tpf-home-v3 .tpf-story-media {\n        min-height: 190px;\n      }\n\n      #tpf-home-v3 .tpf-story-media img {\n        max-height: 205px;\n      }\n\n      #tpf-home-v3 .tpf-safety-grid {\n        grid-template-columns: 1fr;\n      }\n\n      #tpf-home-v3 .tpf-app-card {\n        align-items: flex-start;\n        flex-wrap: wrap;\n        padding: 21px;\n      }\n\n      #tpf-home-v3 .tpf-app-card > .tpf-btn {\n        width: 100%;\n      }\n    }\n\n    @media (max-width: 430px) {\n      #tpf-home-v3 .tpf-container {\n        width: min(100% - 28px, 1180px);\n      }\n\n      #tpf-home-v3 .tpf-hero-actions .tpf-btn {\n        width: 100%;\n      }\n\n      #tpf-home-v3 .tpf-hero-floating {\n        padding: 9px 10px;\n      }\n\n      #tpf-home-v3 .tpf-hero-floating strong {\n        font-size: 11px;\n      }\n\n      #tpf-home-v3 .tpf-hero-floating small {\n        font-size: 10px;\n      }\n\n      #tpf-home-v3 .tpf-intro-highlights,\n      #tpf-home-v3 .tpf-portal-features {\n        grid-template-columns: 1fr;\n      }\n\n      #tpf-home-v3 .tpf-platforms {\n        gap: 14px;\n      }\n\n      #tpf-home-v3 .tpf-stat {\n        gap: 14px;\n      }\n\n      #tpf-home-v3 .tpf-quote-card {\n        padding: 27px 21px;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      #tpf-home-v3 *,\n      #tpf-home-v3 *::before,\n      #tpf-home-v3 *::after {\n        animation-duration: .01ms !important;\n        animation-iteration-count: 1 !important;\n        scroll-behavior: auto !important;\n        transition-duration: .01ms !important;\n      }\n    }\n\n\n    \/* HERO: centred copy with the logo faded behind it *\/\n    #tpf-home-v3 .tpf-hero { position:relative; overflow:hidden; padding:62px 0 38px; }\n    #tpf-home-v3 .tpf-hero::before { content:\"\"; position:absolute; inset:0; z-index:0; background:radial-gradient(ellipse at 50% 45%,rgba(168,68,200,.12),transparent 49%),radial-gradient(ellipse at 12% 88%,rgba(239,49,85,.10),transparent 38%); pointer-events:none; }\n    #tpf-home-v3 .tpf-hero-inner { display:block; position:relative; z-index:1; }\n    #tpf-home-v3 .tpf-hero-copy { position:relative; z-index:3; max-width:930px; margin:0 auto; padding:22px 0 14px; text-align:center; }\n    #tpf-home-v3 .tpf-hero-kicker { margin:0 auto 20px; }\n    #tpf-home-v3 .tpf-hero h1 { max-width:100%; margin:0 auto 20px; text-align:center; }\n    #tpf-home-v3 .tpf-hero-copy>p { max-width:760px; margin:0 auto 25px; text-align:center; }\n    #tpf-home-v3 .tpf-hero-actions { justify-content:center; }\n    #tpf-home-v3 .tpf-hero-visual { position:absolute; z-index:1; inset:0; display:flex; align-items:center; justify-content:center; min-height:0; pointer-events:none; }\n    #tpf-home-v3 .tpf-hero-glow { width:min(470px,78vw); opacity:.42; filter:blur(54px); }\n    #tpf-home-v3 .tpf-hero-logo-wrap { position:absolute; inset:0; width:100%; min-height:0; display:flex; align-items:center; justify-content:center; }\n    #tpf-home-v3 .tpf-hero-logo { width:min(370px,70vw); max-width:370px; max-height:370px; opacity:.16; filter:saturate(.8) drop-shadow(0 15px 35px rgba(0,0,0,.24)); }\n    #tpf-home-v3 .tpf-hero-floating { display:none!important; }\n    \/* Eight quick links with separate colour palettes *\/\n    #tpf-home-v3 .tpf-quicklinks { padding:0 0 24px; }\n    #tpf-home-v3 .tpf-quicklinks-grid { grid-template-columns:repeat(8,minmax(0,1fr)); gap:10px; }\n    #tpf-home-v3 .tpf-quicklink { gap:9px; padding:13px 10px; }\n    #tpf-home-v3 .tpf-quicklink-icon { width:39px; height:39px; border-radius:13px; background:linear-gradient(145deg,var(--quick-a,#e83e82),var(--quick-b,#6439a8)); box-shadow:0 7px 18px rgba(0,0,0,.22); }\n    #tpf-home-v3 .tpf-quicklink:nth-child(1) .tpf-quicklink-icon { --quick-a:#f0448d; --quick-b:#8a35b5; }\n    #tpf-home-v3 .tpf-quicklink:nth-child(2) .tpf-quicklink-icon { --quick-a:#6478f5; --quick-b:#3848b8; }\n    #tpf-home-v3 .tpf-quicklink:nth-child(3) .tpf-quicklink-icon { --quick-a:#29b6a6; --quick-b:#167b79; }\n    #tpf-home-v3 .tpf-quicklink:nth-child(4) .tpf-quicklink-icon { --quick-a:#4a8ce8; --quick-b:#3150a7; }\n    #tpf-home-v3 .tpf-quicklink:nth-child(5) .tpf-quicklink-icon { --quick-a:#a75be8; --quick-b:#6337a4; }\n    #tpf-home-v3 .tpf-quicklink:nth-child(6) .tpf-quicklink-icon { --quick-a:#d15aa6; --quick-b:#743b9f; }\n    #tpf-home-v3 .tpf-quicklink:nth-child(7) .tpf-quicklink-icon { --quick-a:#20b8cf; --quick-b:#3269bd; }\n    #tpf-home-v3 .tpf-quicklink:nth-child(8) .tpf-quicklink-icon { --quick-a:#f15b87; --quick-b:#8e3caa; }\n    #tpf-home-v3 .tpf-quicklink-icon svg { width:20px; height:20px; }\n    #tpf-home-v3 .tpf-quicklink>span:last-child { font-size:11px; }\n    \/* Keep original platforms strip *\/\n    #tpf-home-v3 .tpf-platform-strip { padding:22px 0; }\n    \/* New sections *\/\n    #tpf-home-v3 .tpf-expansion-card,#tpf-home-v3 .tpf-shop-card,#tpf-home-v3 .tpf-partners-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,.45fr); align-items:center; gap:28px; padding:clamp(24px,4vw,42px); border:1px solid rgba(255,255,255,.10); border-radius:24px; background:linear-gradient(120deg,rgba(255,255,255,.045),rgba(255,255,255,.015)); }\n    #tpf-home-v3 .tpf-expansion-copy h2,#tpf-home-v3 .tpf-shop-copy h2,#tpf-home-v3 .tpf-partners-card h2 { margin:0 0 14px; font-size:clamp(27px,3.5vw,39px); line-height:1.12; letter-spacing:-1.2px; color:#fff; }\n    #tpf-home-v3 .tpf-expansion-copy p,#tpf-home-v3 .tpf-shop-copy p,#tpf-home-v3 .tpf-partners-card p { color:#adb3c3; margin:0 0 22px; }\n    #tpf-home-v3 .tpf-expansion-art,#tpf-home-v3 .tpf-partners-art { display:flex; align-items:center; justify-content:center; gap:12px; min-height:150px; color:#fff; }\n    #tpf-home-v3 .tpf-expansion-art span,#tpf-home-v3 .tpf-partners-art span { display:grid; place-items:center; width:66px; height:66px; border:1px solid rgba(255,255,255,.12); border-radius:20px; background:linear-gradient(145deg,rgba(239,49,85,.22),rgba(168,68,200,.20),rgba(61,118,237,.18)); font-size:28px; }\n    #tpf-home-v3 .tpf-shop-art { display:grid; grid-template-columns:repeat(2,78px); justify-content:center; gap:12px; }\n    #tpf-home-v3 .tpf-shop-art span { display:grid; place-items:center; width:78px; height:78px; border:1px solid rgba(255,255,255,.10); border-radius:22px; color:#fff; font-size:30px; background:linear-gradient(145deg,rgba(236,72,153,.18),rgba(59,130,246,.15)); }\n    #tpf-home-v3 .tpf-shop-art svg { width:36px; height:36px; }\n    #tpf-home-v3 .tpf-shop-art span:nth-child(2) { background:linear-gradient(145deg,rgba(59,130,246,.18),rgba(20,184,166,.15)); }\n    #tpf-home-v3 .tpf-shop-art span:nth-child(3) { background:linear-gradient(145deg,rgba(168,85,247,.18),rgba(236,72,153,.15)); }\n    #tpf-home-v3 .tpf-shop-art span:nth-child(4) { background:linear-gradient(145deg,rgba(245,158,11,.13),rgba(236,72,153,.15)); }\n    @media(max-width:1100px){#tpf-home-v3 .tpf-quicklinks-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}\n    @media(max-width:760px){#tpf-home-v3 .tpf-hero{padding:42px 0 30px;}#tpf-home-v3 .tpf-hero-logo{width:min(300px,76vw);opacity:.13;}#tpf-home-v3 .tpf-hero h1{font-size:clamp(35px,8vw,52px);}#tpf-home-v3 .tpf-hero-copy>p{font-size:14px;}#tpf-home-v3 .tpf-quicklinks-grid{grid-template-columns:repeat(2,minmax(0,1fr));}#tpf-home-v3 .tpf-platform-inner{align-items:flex-start;flex-direction:column;}#tpf-home-v3 .tpf-platforms{justify-content:flex-start;gap:13px;}#tpf-home-v3 .tpf-expansion-card,#tpf-home-v3 .tpf-shop-card,#tpf-home-v3 .tpf-partners-card{grid-template-columns:1fr;}#tpf-home-v3 .tpf-expansion-art,#tpf-home-v3 .tpf-partners-art{min-height:95px;}#tpf-home-v3 .tpf-shop-art{grid-template-columns:repeat(4,minmax(0,64px));}#tpf-home-v3 .tpf-shop-art span{width:64px;height:64px;border-radius:17px;}}\n\n  <\/style>\n\n  <!-- =======================================================\n       HERO\n       ======================================================= -->\n\n  <section class=\"tpf-hero\">\n    <div class=\"tpf-container tpf-hero-inner\">\n\n      <div class=\"tpf-hero-copy\">\n        <div class=\"tpf-hero-kicker\">\n          <span class=\"tpf-live-dot\"><\/span>\n          Uma comunidade. V\u00e1rios espa\u00e7os. Pessoas reais.\n        <\/div>\n\n        <h1>\n          A tua comunidade.\n          <span class=\"tpf-gradient-text\">\u00c0 tua maneira.<\/span>\n        <\/h1>\n\n        <p>\n          A Tira Para Fora re\u00fane pessoas, grupos e atividades numa comunidade LGBTQ+\n          adulta, organizada e com espa\u00e7o para diferentes interesses. Descobre os grupos,\n          participa nas conversas e acompanha o que acontece dentro e fora da comunidade.\n        <\/p>\n\n        <div class=\"tpf-hero-actions\">\n          <a class=\"tpf-btn tpf-btn-primary\" href=\"\/registo\/\">\n            Criar conta e registar\n            <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"><\/path><\/svg>\n          <\/a>\n\n          <a class=\"tpf-btn tpf-btn-secondary\" href=\"\/login\/\">\n            Login do Member Portal\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"tpf-hero-visual\" aria-label=\"Tira Para Fora\">\n        <div class=\"tpf-hero-glow\"><\/div>\n\n        <div class=\"tpf-hero-logo-wrap\">\n          <img decoding=\"async\" class=\"tpf-hero-logo\" src=\"https:\/\/tiraparafora.pt\/wp-content\/uploads\/2026\/10\/TIRA-PARA-FORA-Graffiti-Logo.png\" alt=\"Tira Para Fora\" fetchpriority=\"high\">\n        <\/div>\n\n<\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- QUICK LINKS -->\n\n  <nav class=\"tpf-quicklinks\" aria-label=\"Acessos r\u00e1pidos\">\n    <div class=\"tpf-container tpf-quicklinks-grid\">\n\n      <a class=\"tpf-quicklink\" href=\"\/registo\/\">\n        <span class=\"tpf-quicklink-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M19 8v6M22 11h-6\"><\/path><\/svg><\/span>\n        <span>Registo<\/span>\n      <\/a>\n\n      <a class=\"tpf-quicklink\" href=\"\/login\/\">\n        <span class=\"tpf-quicklink-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M10 17l5-5-5-5M15 12H3\"><\/path><path d=\"M12 3h7a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-7\"><\/path><\/svg><\/span>\n        <span>Iniciar sess\u00e3o<\/span>\n      <\/a>\n\n      <a class=\"tpf-quicklink\" href=\"\/eventos\/\">\n        <span class=\"tpf-quicklink-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"><\/rect><path d=\"M16 3v4M8 3v4M3 11h18\"><\/path><\/svg><\/span>\n        <span>Eventos<\/span>\n      <\/a>\n\n      <a class=\"tpf-quicklink\" href=\"\/regras\/\">\n        <span class=\"tpf-quicklink-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M12 22s8-4 8-11V5l-8-3-8 3v6c0 7 8 11 8 11Z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg><\/span>\n        <span>Regras<\/span>\n      <\/a>\n\n      <a class=\"tpf-quicklink\" href=\"\/tpf-stories\/\">\n        <span class=\"tpf-quicklink-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"><\/path><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2Z\"><\/path><\/svg><\/span>\n        <span>TPF Stories<\/span>\n      <\/a>\n\n      <a class=\"tpf-quicklink\" href=\"\/portal\/\">\n        <span class=\"tpf-quicklink-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\"><\/rect><path d=\"M9 3v18M9 9h12\"><\/path><\/svg><\/span>\n        <span>Member Portal<\/span>\n      <\/a>\n\n\n      <a class=\"tpf-quicklink\" href=\"https:\/\/shop.tiraparafora.pt\/\">\n        <span class=\"tpf-quicklink-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M3 8h18l-1.5 12h-15L3 8Z\"><\/path><path d=\"M8 9V6a4 4 0 0 1 8 0v3\"><\/path><\/svg><\/span>\n        <span>TPF Shop<\/span>\n      <\/a>\n\n      <a class=\"tpf-quicklink\" href=\"https:\/\/tiraparafora.pt\/apoia-a-comunidade\/\">\n        <span class=\"tpf-quicklink-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8l1.1 1.1L12 21l7.8-7.5 1.1-1.1a5.5 5.5 0 0 0-.1-7.8Z\"><\/path><\/svg><\/span>\n        <span>Apoiar<\/span>\n      <\/a>\n\n    <\/div>\n  <\/nav>\n\n  <!-- PLATFORMS -->\n\n  <section class=\"tpf-platform-strip\" aria-label=\"Plataformas da comunidade\">\n    <div class=\"tpf-container tpf-platform-inner\">\n      <div class=\"tpf-platform-label\">A comunidade em v\u00e1rias plataformas<\/div>\n\n      <div class=\"tpf-platforms\">\n        <span class=\"tpf-platform\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/telegram\/26A5E4\" alt=\"\">Telegram<\/span>\n        <span class=\"tpf-platform\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/whatsapp\/25D366\" alt=\"\">WhatsApp<\/span>\n        <span class=\"tpf-platform\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/discord\/5865F2\" alt=\"\">Discord<\/span>\n        <span class=\"tpf-platform\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/snapchat\/FFFC00\" alt=\"\">Snapchat<\/span>\n        <span class=\"tpf-platform\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/instagram\/E4405F\" alt=\"\">Instagram<\/span>\n        <span class=\"tpf-platform\"><img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/signal\/3A76F0\" alt=\"\">Signal<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- STATISTICS -->\n\n  <section class=\"tpf-stats\">\n    <div class=\"tpf-container tpf-stats-grid\">\n\n      <div class=\"tpf-stat\">\n        <div class=\"tpf-icon-art\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\n        <\/div>\n        <div>\n          <strong>550+<\/strong>\n          <p>Membros na comunidade<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"tpf-stat\">\n        <div class=\"tpf-icon-art\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"2\"><\/rect><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"2\"><\/rect><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"2\"><\/rect><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"2\"><\/rect><\/svg>\n        <\/div>\n        <div>\n          <strong>12<\/strong>\n          <p>Grupos e espa\u00e7os da comunidade<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"tpf-stat\">\n        <div class=\"tpf-icon-art\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 2v20M2 12h20\"><\/path><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><\/svg>\n        <\/div>\n        <div>\n          <strong>6<\/strong>\n          <p>Plataformas dispon\u00edveis<\/p>\n          <div class=\"tpf-stat-platform-icons\" aria-label=\"Telegram, WhatsApp, Discord, Snapchat, Instagram e Signal\">\n            <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/telegram\/26A5E4\" alt=\"Telegram\">\n            <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/whatsapp\/25D366\" alt=\"WhatsApp\">\n            <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/discord\/5865F2\" alt=\"Discord\">\n            <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/snapchat\/FFFC00\" alt=\"Snapchat\">\n            <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/instagram\/E4405F\" alt=\"Instagram\">\n            <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/signal\/3A76F0\" alt=\"Signal\">\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- MARQUEE -->\n\n  <div class=\"tpf-marquee\" aria-hidden=\"true\">\n    <div class=\"tpf-marquee-track\">\n      <div class=\"tpf-marquee-line\">\n        <span>Comunidade<\/span><span>\u2726<\/span><span>Eventos<\/span><span>\u2726<\/span><span>Conversas<\/span><span>\u2726<\/span><span>Amizades<\/span><span>\u2726<\/span><span>Gaming<\/span><span>\u2726<\/span><span>Participa\u00e7\u00e3o<\/span><span>\u2726<\/span>\n      <\/div>\n      <div class=\"tpf-marquee-line\">\n        <span>Comunidade<\/span><span>\u2726<\/span><span>Eventos<\/span><span>\u2726<\/span><span>Conversas<\/span><span>\u2726<\/span><span>Amizades<\/span><span>\u2726<\/span><span>Gaming<\/span><span>\u2726<\/span><span>Participa\u00e7\u00e3o<\/span><span>\u2726<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- INTRODUCTION -->\n\n  <section class=\"tpf-section\">\n    <div class=\"tpf-container tpf-intro-grid\">\n\n      <div class=\"tpf-intro-copy\">\n        <div class=\"tpf-eyebrow\">Mais do que um grupo<\/div>\n        <div class=\"tpf-section-heading\">\n          <h2>Uma comunidade com <span class=\"tpf-gradient-text\">v\u00e1rias formas de participar.<\/span><\/h2>\n        <\/div>\n\n        <p>\n          A Tira Para Fora foi criada para reunir pessoas com interesses diferentes,\n          numa estrutura organizada e com espa\u00e7os pr\u00f3prios para cada tipo de participa\u00e7\u00e3o.\n        <\/p>\n\n        <p>\n          Aqui podes acompanhar conversas, partilhar conte\u00fados, encontrar pessoas com\n          interesses em comum, jogar, participar em atividades ou conhecer outros membros\n          nas sa\u00eddas da comunidade.\n        <\/p>\n\n        <p>\n          <strong>Cada grupo tem as suas pr\u00f3prias regras e crit\u00e9rios de acesso.<\/strong>\n          O registo no site permite solicitar a entrada nos espa\u00e7os dispon\u00edveis e acompanhar\n          as funcionalidades reservadas aos membros.\n        <\/p>\n\n        <div class=\"tpf-intro-highlights\">\n          <div class=\"tpf-highlight\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M20 7 10 17l-5-5\"><\/path><\/svg>\n            Diferentes interesses\n          <\/div>\n          <div class=\"tpf-highlight\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M20 7 10 17l-5-5\"><\/path><\/svg>\n            Grupos organizados\n          <\/div>\n          <div class=\"tpf-highlight\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M20 7 10 17l-5-5\"><\/path><\/svg>\n            Atividades presenciais\n          <\/div>\n          <div class=\"tpf-highlight\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M20 7 10 17l-5-5\"><\/path><\/svg>\n            Portal para membros\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tpf-card tpf-intro-panel\">\n        <h3>Um espa\u00e7o para cada interesse<\/h3>\n        <p>\n          A comunidade combina diferentes grupos e funcionalidades, mantendo regras\n          claras para ajudar a garantir uma participa\u00e7\u00e3o respons\u00e1vel.\n        <\/p>\n\n        <ul class=\"tpf-principles\">\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"m5 12 4 4L19 6\"><\/path><\/svg><span>Espa\u00e7os com objetivos e crit\u00e9rios pr\u00f3prios.<\/span><\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"m5 12 4 4L19 6\"><\/path><\/svg><span>Registo e verifica\u00e7\u00e3o de membros atrav\u00e9s do site.<\/span><\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"m5 12 4 4L19 6\"><\/path><\/svg><span>Informa\u00e7\u00e3o centralizada no Member Portal.<\/span><\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"m5 12 4 4L19 6\"><\/path><\/svg><span>Eventos, vota\u00e7\u00f5es e iniciativas da comunidade.<\/span><\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- UPCOMING EVENT: SINGLE FEATURE -->\n\n\n\n  <!-- REAL COMMUNITY MOMENTS: full-image editorial gallery -->\n  <style>\n    #tpf-home-v3 .tpf-real-life-section {\n      padding-top: 42px;\n      padding-bottom: 48px;\n      background:\n        radial-gradient(ellipse at 12% 35%, rgba(239,49,85,.07), transparent 42%),\n        radial-gradient(ellipse at 90% 75%, rgba(61,118,237,.07), transparent 40%);\n    }\n    #tpf-home-v3 .tpf-real-life-heading {\n      max-width: 780px;\n      margin: 0 0 25px;\n    }\n    #tpf-home-v3 .tpf-real-life-heading h2 {\n      margin: 0 0 13px;\n      color: #fff;\n      font-size: clamp(30px, 4vw, 46px);\n      font-weight: 850;\n      letter-spacing: -1.7px;\n      line-height: 1.12;\n    }\n    #tpf-home-v3 .tpf-real-life-heading p {\n      max-width: 720px;\n      margin: 0;\n      color: var(--tpf-muted);\n      font-size: 16px;\n    }\n\n    \/* Every image keeps its full original frame; no fixed-height cropping. *\/\n    #tpf-home-v3 .tpf-real-life-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      align-items: start;\n      gap: 16px;\n    }\n    #tpf-home-v3 .tpf-real-life-photo {\n      display: flex;\n      flex-direction: column;\n      min-width: 0;\n      margin: 0;\n      overflow: hidden;\n      border: 1px solid rgba(255,255,255,.11);\n      border-radius: 18px;\n      background: rgba(255,255,255,.025);\n    }\n    #tpf-home-v3 .tpf-real-life-photo img {\n      display: block;\n      width: 100%;\n      height: auto;\n      max-height: none;\n      object-fit: contain;\n      object-position: center;\n      background: #11141d;\n    }\n    #tpf-home-v3 .tpf-real-life-photo figcaption {\n      position: static;\n      padding: 12px 14px 14px;\n      color: rgba(255,255,255,.86);\n      font-size: 12px;\n      line-height: 1.4;\n      font-weight: 750;\n      letter-spacing: .1px;\n      background: rgba(255,255,255,.025);\n    }\n    @media (min-width: 1000px) {\n      #tpf-home-v3 .tpf-real-life-grid {\n        grid-template-columns: repeat(12, minmax(0, 1fr));\n        gap: 16px;\n      }\n      #tpf-home-v3 .tpf-real-life-photo:nth-child(1) { grid-column: span 7; }\n      #tpf-home-v3 .tpf-real-life-photo:nth-child(2) { grid-column: span 5; }\n      #tpf-home-v3 .tpf-real-life-photo:nth-child(3) { grid-column: span 5; }\n      #tpf-home-v3 .tpf-real-life-photo:nth-child(4) { grid-column: span 4; }\n      #tpf-home-v3 .tpf-real-life-photo:nth-child(5) { grid-column: span 3; }\n      #tpf-home-v3 .tpf-real-life-photo:nth-child(6) { grid-column: span 4; }\n      #tpf-home-v3 .tpf-real-life-photo:nth-child(7) { grid-column: span 12; }\n    }\n    @media (max-width: 600px) {\n      #tpf-home-v3 .tpf-real-life-section { padding-top: 32px; padding-bottom: 38px; }\n      #tpf-home-v3 .tpf-real-life-grid {\n        grid-template-columns: minmax(0, 1fr);\n        gap: 12px;\n      }\n      #tpf-home-v3 .tpf-real-life-photo { border-radius: 14px; }\n      #tpf-home-v3 .tpf-real-life-photo img { width: 100%; height: auto; }\n      #tpf-home-v3 .tpf-real-life-photo figcaption { padding: 10px 12px 12px; }\n    }\n  <\/style>\n\n  <section class=\"tpf-section tpf-real-life-section\" aria-labelledby=\"tpf-real-life-title\">\n    <div class=\"tpf-container\">\n      <div class=\"tpf-real-life-heading\">\n        <div class=\"tpf-eyebrow\">Pessoas reais. Momentos reais.<\/div>\n        <h2 id=\"tpf-real-life-title\">A comunidade tamb\u00e9m acontece <span class=\"tpf-gradient-text\">fora do ecr\u00e3.<\/span><\/h2>\n        <p>Sa\u00eddas, encontros, anivers\u00e1rios, refei\u00e7\u00f5es e mem\u00f3rias partilhadas. A Tira Para Fora \u00e9 feita pelas pessoas que aparecem, participam e d\u00e3o vida \u00e0 comunidade.<\/p>\n      <\/div>\n\n      <div class=\"tpf-real-life-grid\">\n        <figure class=\"tpf-real-life-photo\">\n          <img src=\"https:\/\/tiraparafora.pt\/wp-content\/uploads\/2026\/10\/Vibrant-Porto-Pride-Festival-Group-Portrait.png\" alt=\"Membros da Tira Para Fora juntos no Porto Pride\" loading=\"lazy\" decoding=\"async\">\n          <figcaption>Juntos no Porto Pride<\/figcaption>\n        <\/figure>\n        <figure class=\"tpf-real-life-photo\">\n          <img src=\"https:\/\/tiraparafora.pt\/wp-content\/uploads\/2026\/10\/Neon-Birthday-Sparkler-Celebration.png\" alt=\"Celebra\u00e7\u00e3o de anivers\u00e1rio entre membros da comunidade\" loading=\"lazy\" decoding=\"async\">\n          <figcaption>Celebrar juntos<\/figcaption>\n        <\/figure>\n        <figure class=\"tpf-real-life-photo\">\n          <img src=\"https:\/\/tiraparafora.pt\/wp-content\/uploads\/2026\/10\/Nighttime-Balcony-Gathering.png\" alt=\"Membros da comunidade numa sa\u00edda \u00e0 noite\" loading=\"lazy\" decoding=\"async\">\n          <figcaption>Sa\u00eddas que criam mem\u00f3rias<\/figcaption>\n        <\/figure>\n        <figure class=\"tpf-real-life-photo\">\n          <img src=\"https:\/\/tiraparafora.pt\/wp-content\/uploads\/2026\/10\/Warm-Group-Dinner-Selfie-at-a-Rustic-Restaurant.png\" alt=\"Grupo de amigos da Tira Para Fora durante um jantar\" loading=\"lazy\" decoding=\"async\">\n          <figcaption>Jantares de grupo<\/figcaption>\n        <\/figure>\n        <figure class=\"tpf-real-life-photo\">\n          <img src=\"https:\/\/tiraparafora.pt\/wp-content\/uploads\/2026\/10\/Four-Friends-Oceanfront-Mirror-Selfie.png\" alt=\"Amigos a tirar uma fotografia juntos\" loading=\"lazy\" decoding=\"async\">\n          <figcaption>Amizades pelo caminho<\/figcaption>\n        <\/figure>\n<figure class=\"tpf-real-life-photo\">\n          <img src=\"https:\/\/tiraparafora.pt\/wp-content\/uploads\/2026\/10\/Friends-Night-Out-in-a-Historic-Alley.png\" alt=\"Membros da comunidade numa sa\u00edda \u00e0 noite pelas ruas hist\u00f3ricas\" loading=\"lazy\" decoding=\"async\">\n          <figcaption>Hist\u00f3rias que conta pela foto<\/figcaption>\n        \n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"tpf-section tpf-events-section\">\n    <div class=\"tpf-container\">\n\n      <div class=\"tpf-section-heading\">\n        <div class=\"tpf-eyebrow\">Encontros e atividades<\/div>\n        <h2>Tamb\u00e9m nos encontramos <span class=\"tpf-gradient-text\">fora do ecr\u00e3.<\/span><\/h2>\n        <p>\n          As sa\u00eddas permitem aos membros conhecerem-se pessoalmente e partilharem\n          momentos fora das plataformas digitais.\n        <\/p>\n      <\/div>\n\n      <div class=\"tpf-event-feature\">\n        <div class=\"tpf-event-main\">\n          <div class=\"tpf-event-label\">\n            <span class=\"tpf-live-dot\"><\/span>\n            Pr\u00f3xima sa\u00edda em destaque\n          <\/div>\n\n          <h3>Sa\u00edda <span class=\"tpf-gradient-text\">Porto<\/span><\/h3>\n\n          <p>\n            Uma oportunidade para encontrar outros membros, conversar e participar\n            numa atividade presencial da Tira Para Fora. Consulta os detalhes e as\n            condi\u00e7\u00f5es de participa\u00e7\u00e3o na p\u00e1gina de eventos.\n          <\/p>\n\n          <div class=\"tpf-event-meta\">\n            <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"><\/rect><path d=\"M16 3v4M8 3v4M3 11h18\"><\/path><\/svg>24 de outubro de 2026<\/span>\n            <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"2.5\"><\/circle><\/svg>Porto<\/span>\n          <\/div>\n\n          <a class=\"tpf-btn tpf-btn-primary\" href=\"\/eventos\/\">\n            Consultar eventos\n            <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"><\/path><\/svg>\n          <\/a>\n        <\/div>\n\n        <div class=\"tpf-event-side\">\n          <div class=\"tpf-event-datebox\">\n            <small>OUTUBRO<\/small>\n            <strong>24<\/strong>\n            <span>2026<\/span>\n          <\/div>\n\n          <div class=\"tpf-countdown-label\">Contagem decrescente<\/div>\n          <div class=\"tpf-countdown\" id=\"tpf-countdown\">\n            <div class=\"tpf-countdown-item\"><strong data-unit=\"days\">&#8212;<\/strong><span>Dias<\/span><\/div>\n            <div class=\"tpf-countdown-item\"><strong data-unit=\"hours\">&#8212;<\/strong><span>Horas<\/span><\/div>\n            <div class=\"tpf-countdown-item\"><strong data-unit=\"minutes\">&#8212;<\/strong><span>Minutos<\/span><\/div>\n            <div class=\"tpf-countdown-item\"><strong data-unit=\"seconds\">&#8212;<\/strong><span>Segundos<\/span><\/div>\n          <\/div>\n          <p class=\"tpf-countdown-note\" id=\"tpf-countdown-note\">A preparar a contagem para o pr\u00f3ximo encontro.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- DISCORD LIVE COUNTER -->\n\n  <section class=\"tpf-section tpf-discord-section\">\n    <div class=\"tpf-container\">\n\n      <div class=\"tpf-discord-card\">\n        <div class=\"tpf-discord-brand\">\n          <img decoding=\"async\" class=\"tpf-discord-logo\" src=\"https:\/\/cdn.simpleicons.org\/discord\/5865F2\" alt=\"Discord\" loading=\"lazy\">\n          <h3>Tira Para Fora no Discord<\/h3>\n          <p>\n            Junta-te \u00e0 comunidade no Discord para acompanhar conversas,\n            encontrar outros membros e descobrir os espa\u00e7os dedicados.\n          <\/p>\n        <\/div>\n\n        <div class=\"tpf-discord-live\">\n          <div class=\"tpf-discord-status\">\n            <span class=\"tpf-live-dot\"><\/span>\n            Estado do servidor\n          <\/div>\n\n          <strong class=\"tpf-discord-count\" id=\"tpf-discord-count\">\u2014<\/strong>\n          <div class=\"tpf-discord-count-label\">membros online<\/div>\n          <p class=\"tpf-discord-updated\" id=\"tpf-discord-updated\">A consultar o estado do servidor\u2026<\/p>\n\n          <a class=\"tpf-btn tpf-btn-discord\" href=\"https:\/\/discord.com\/invite\/JGmDsuKb\" target=\"_blank\" rel=\"noopener noreferrer\">\n            Entrar no Discord\n            <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M19.73 5.05A18.2 18.2 0 0 0 15.26 3.7l-.22.45a16.8 16.8 0 0 1 4.03 1.28 13.7 13.7 0 0 0-13.98 0 16.8 16.8 0 0 1 4.03-1.28l-.22-.45a18.2 18.2 0 0 0-4.47 1.35C1.62 9.2.85 13.25 1.23 17.24a18.3 18.3 0 0 0 5.48 2.77l1.18-1.92c-.65-.24-1.27-.54-1.85-.9l.45-.35a13.1 13.1 0 0 0 11.02 0l.45.35c-.58.36-1.2.66-1.85.9l1.18 1.92a18.3 18.3 0 0 0 5.48-2.77c.45-4.63-.77-8.64-3.04-12.19ZM8.7 14.1c-1.07 0-1.94-.97-1.94-2.16S7.6 9.78 8.7 9.78s1.96.98 1.94 2.16c0 1.19-.86 2.16-1.94 2.16Zm6.6 0c-1.07 0-1.94-.97-1.94-2.16s.86-2.16 1.94-2.16 1.96.98 1.94 2.16c0 1.19-.86 2.16-1.94 2.16Z\"><\/path><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- COMMUNITY GROUPS -->\n\n  <section class=\"tpf-section\">\n    <div class=\"tpf-container\">\n\n      <div class=\"tpf-section-heading\">\n        <div class=\"tpf-eyebrow\">Encontra o teu espa\u00e7o<\/div>\n        <h2>Uma comunidade, <span class=\"tpf-gradient-text\">v\u00e1rios grupos.<\/span><\/h2>\n        <p>\n          Existem diferentes espa\u00e7os e plataformas para acompanhar a comunidade.\n          A disponibilidade e os crit\u00e9rios de acesso variam consoante cada grupo.\n        <\/p>\n      <\/div>\n\n      <div class=\"tpf-groups-grid\">\n\n        <article class=\"tpf-card tpf-group-card\">\n          <div class=\"tpf-group-top\">\n            <div class=\"tpf-icon-art\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M21 11.5a8.4 8.4 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.4 8.4 0 0 1-3.8-.9L3 21l1.9-5.7a8.4 8.4 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.4 8.4 0 0 1 3.8-.9h.5a8.5 8.5 0 0 1 8 8v.5Z\"><\/path><\/svg>\n            <\/div>\n            <span class=\"tpf-group-tag\">Geral<\/span>\n          <\/div>\n          <h3>Tira Fora Geral<\/h3>\n          <p>\n            O espa\u00e7o principal para acompanhar as conversas da comunidade,\n            partilhar conte\u00fados e manter contacto com os restantes membros.\n          <\/p>\n          <div class=\"tpf-group-footer\">\n            <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M20 7 10 17l-5-5\"><\/path><\/svg>Comunidade<\/span>\n            <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M20 7 10 17l-5-5\"><\/path><\/svg>Conversas<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"tpf-card tpf-group-card\">\n          <div class=\"tpf-group-top\">\n            <div class=\"tpf-icon-art\" style=\"background:linear-gradient(145deg,rgba(37,211,102,.24),rgba(61,118,237,.18))\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M21 11.5a8.4 8.4 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.4 8.4 0 0 1-3.8-.9L3 21l1.9-5.7a8.4 8.4 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.4 8.4 0 0 1 3.8-.9h.5a8.5 8.5 0 0 1 8 8v.5Z\"><\/path><\/svg>\n            <\/div>\n            <span class=\"tpf-group-tag\">WhatsApp<\/span>\n          <\/div>\n          <h3>Tira Para Amigos<\/h3>\n          <p>\n            Um espa\u00e7o de contacto mais pr\u00f3ximo para membros que participam\n            nas atividades e que cumprem os crit\u00e9rios de acesso do grupo.\n          <\/p>\n          <div class=\"tpf-group-footer\">\n            <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M20 7 10 17l-5-5\"><\/path><\/svg>Contacto<\/span>\n            <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M20 7 10 17l-5-5\"><\/path><\/svg>Acesso condicionado<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"tpf-card tpf-group-card\">\n          <div class=\"tpf-group-top\">\n            <div class=\"tpf-icon-art\" style=\"background:linear-gradient(145deg,rgba(88,101,242,.32),rgba(168,68,200,.23))\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"m6 4 12 16M18 4 6 20M3 9h18M3 15h18\"><\/path><\/svg>\n            <\/div>\n            <span class=\"tpf-group-tag\">Gaming<\/span>\n          <\/div>\n          <h3>Tira Para Gamers<\/h3>\n          <p>\n            Para quem gosta de videojogos, quer encontrar outros jogadores,\n            combinar partidas e participar nas conversas de gaming.\n          <\/p>\n          <div class=\"tpf-group-footer\">\n            <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M20 7 10 17l-5-5\"><\/path><\/svg>Jogos<\/span>\n            <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M20 7 10 17l-5-5\"><\/path><\/svg>Discord<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"tpf-card tpf-group-card\">\n          <div class=\"tpf-group-top\">\n            <div class=\"tpf-icon-art\" style=\"background:linear-gradient(145deg,rgba(38,165,228,.25),rgba(61,118,237,.2))\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"m22 2-7 20-4-9-9-4 20-7Z\"><\/path><path d=\"M22 2 11 13\"><\/path><\/svg>\n            <\/div>\n            <span class=\"tpf-group-tag\">Telegram<\/span>\n          <\/div>\n          <h3>Tira Fora Telegram<\/h3>\n          <p>\n            Um dos espa\u00e7os da comunidade para acompanhar publica\u00e7\u00f5es,\n            participar nas conversas e manter contacto com outros membros.\n          <\/p>\n          <div class=\"tpf-group-footer\">\n            <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M20 7 10 17l-5-5\"><\/path><\/svg>Publica\u00e7\u00f5es<\/span>\n            <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M20 7 10 17l-5-5\"><\/path><\/svg>Conversas<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"tpf-card tpf-group-card\">\n          <div class=\"tpf-group-top\">\n            <div class=\"tpf-icon-art\" style=\"background:linear-gradient(145deg,rgba(255,252,0,.17),rgba(168,68,200,.2))\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"4\"><\/rect><path d=\"M9 18h6\"><\/path><\/svg>\n            <\/div>\n            <span class=\"tpf-group-tag\">Snapchat<\/span>\n          <\/div>\n          <h3>Tira Fora Snapchat<\/h3>\n          <p>\n            Um espa\u00e7o adicional para membros que utilizam o Snapchat e\n            cumprem as regras de acesso e participa\u00e7\u00e3o da comunidade.\n          <\/p>\n          <div class=\"tpf-group-footer\">\n            <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M20 7 10 17l-5-5\"><\/path><\/svg>Snapchat<\/span>\n            <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M20 7 10 17l-5-5\"><\/path><\/svg>Regras pr\u00f3prias<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"tpf-card tpf-group-card\">\n          <div class=\"tpf-group-top\">\n            <div class=\"tpf-icon-art\" style=\"background:linear-gradient(145deg,rgba(228,64,95,.25),rgba(168,68,200,.24))\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"><\/rect><circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle><path d=\"M17.5 6.5h.01\"><\/path><\/svg>\n            <\/div>\n            <span class=\"tpf-group-tag\">Instagram<\/span>\n          <\/div>\n          <h3>Tira Fora Instagram<\/h3>\n          <p>\n            Um espa\u00e7o para partilha de conte\u00fados atrav\u00e9s do Instagram,\n            com regras espec\u00edficas para publica\u00e7\u00f5es e mensagens privadas.\n          <\/p>\n          <div class=\"tpf-group-footer\">\n            <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M20 7 10 17l-5-5\"><\/path><\/svg>Partilha<\/span>\n            <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M20 7 10 17l-5-5\"><\/path><\/svg>Regras pr\u00f3prias<\/span>\n          <\/div>\n        <\/article>\n\n      <\/div>\n\n      <div class=\"tpf-groups-cta\">\n        <div>\n          <h3>Queres conhecer os espa\u00e7os dispon\u00edveis?<\/h3>\n          <p>Consulta as regras, regista-te e solicita acesso aos grupos adequados aos teus interesses.<\/p>\n        <\/div>\n        <a class=\"tpf-btn tpf-btn-primary\" href=\"\/registo\/\">Ver como participar<\/a>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- MEMBER PORTAL -->\n\n  <section class=\"tpf-section\">\n    <div class=\"tpf-container\">\n\n      <div class=\"tpf-section-heading\">\n        <div class=\"tpf-eyebrow\">A tua \u00e1rea de membro<\/div>\n        <h2>Conhece o <span class=\"tpf-gradient-text\">Member Portal.<\/span><\/h2>\n        <p>\n          Depois de teres acesso, podes consultar as funcionalidades da comunidade\n          num \u00fanico espa\u00e7o, com ferramentas e informa\u00e7\u00e3o reservadas aos membros.\n        <\/p>\n      <\/div>\n\n      <div class=\"tpf-portal-layout\">\n\n        <div class=\"tpf-card tpf-portal-feature\">\n          <div class=\"tpf-icon-art\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\"><\/rect><path d=\"M9 3v18M9 9h12\"><\/path><\/svg>\n          <\/div>\n          <h3>A comunidade, num s\u00f3 lugar.<\/h3>\n          <p>\n            Gere o teu perfil, descobre membros, acompanha interesses e consulta\n            os recursos dispon\u00edveis atrav\u00e9s do portal.\n          <\/p>\n          <a class=\"tpf-btn tpf-btn-primary\" href=\"\/portal\/\">\n            Abrir Member Portal\n            <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"><\/path><\/svg>\n          <\/a>\n        <\/div>\n\n        <div class=\"tpf-portal-features\">\n\n          <div class=\"tpf-portal-feature-item\">\n            <div class=\"tpf-icon-art\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"8\" r=\"4\"><\/circle><path d=\"M4 21a8 8 0 0 1 16 0\"><\/path><\/svg><\/div>\n            <div><h4>Perfil<\/h4><p>Consulta e gere a informa\u00e7\u00e3o do teu perfil.<\/p><\/div>\n          <\/div>\n\n          <div class=\"tpf-portal-feature-item\">\n            <div class=\"tpf-icon-art\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle><path d=\"M2 20a7 7 0 0 1 14 0M16 5a3 3 0 0 1 0 6M18 14a6 6 0 0 1 4 6\"><\/path><\/svg><\/div>\n            <div><h4>Membros<\/h4><p>Descobre outros membros da comunidade.<\/p><\/div>\n          <\/div>\n\n          <div class=\"tpf-portal-feature-item\">\n            <div class=\"tpf-icon-art\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8l1.1 1.1L12 21l7.8-7.5 1.1-1.1a5.5 5.5 0 0 0-.1-7.8Z\"><\/path><\/svg><\/div>\n            <div><h4>TPF-Like<\/h4><p>Consulta interesses e matches dispon\u00edveis.<\/p><\/div>\n          <\/div>\n\n          <div class=\"tpf-portal-feature-item\">\n            <div class=\"tpf-icon-art\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"><\/rect><path d=\"M16 3v4M8 3v4M3 11h18\"><\/path><path d=\"M8 15h2M14 15h2\"><\/path><\/svg><\/div>\n            <div><h4>Anivers\u00e1rios<\/h4><p>Acompanha os anivers\u00e1rios dos membros.<\/p><\/div>\n          <\/div>\n\n          <div class=\"tpf-portal-feature-item\">\n            <div class=\"tpf-icon-art\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M5 3h14v18l-7-4-7 4V3Z\"><\/path><path d=\"M9 8h6M9 12h6\"><\/path><\/svg><\/div>\n            <div><h4>Bilhetes e RSVPs<\/h4><p>Consulta os recursos relacionados com eventos.<\/p><\/div>\n          <\/div>\n\n          <div class=\"tpf-portal-feature-item\">\n            <div class=\"tpf-icon-art\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M4 4h16v16H4z\"><\/path><path d=\"M8 8h8M8 12h8M8 16h5\"><\/path><\/svg><\/div>\n            <div><h4>Comunidade<\/h4><p>Acede aos links e \u00e0 informa\u00e7\u00e3o \u00fatil.<\/p><\/div>\n          <\/div>\n\n          <div class=\"tpf-portal-feature-item\">\n            <div class=\"tpf-icon-art\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"m12 3 2.7 5.5 6.1.9-4.4 4.3 1 6.1-5.4-2.9-5.4 2.9 1-6.1-4.4-4.3 6.1-.9L12 3Z\"><\/path><\/svg><\/div>\n            <div><h4>Vota\u00e7\u00f5es<\/h4><p>Participa nas vota\u00e7\u00f5es e iniciativas.<\/p><\/div>\n          <\/div>\n\n          <div class=\"tpf-portal-feature-item\">\n            <div class=\"tpf-icon-art\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M12 11v5M12 7h.01\"><\/path><\/svg><\/div>\n            <div><h4>Informa\u00e7\u00e3o<\/h4><p>Consulta conte\u00fados e avisos da comunidade.<\/p><\/div>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- TPF AWARDS -->\n\n  <section class=\"tpf-section\">\n    <div class=\"tpf-container\">\n\n      <div class=\"tpf-awards-card\">\n\n        <div class=\"tpf-awards-copy\">\n          <div class=\"tpf-eyebrow\">Vota\u00e7\u00f5es e reconhecimento<\/div>\n          <h3>Chegaram os <span class=\"tpf-gradient-text\">TPF Awards.<\/span><\/h3>\n          <p>\n            As competi\u00e7\u00f5es mensais da comunidade d\u00e3o aos membros a oportunidade\n            de votar em diferentes categorias, reconhecer participantes e acompanhar\n            os resultados das vota\u00e7\u00f5es.\n          <\/p>\n\n          <div class=\"tpf-awards-categories\">\n            <span>Gay do M\u00eas<\/span>\n            <span>Vota\u00e7\u00f5es da comunidade<\/span>\n            <span>Novas categorias<\/span>\n          <\/div>\n\n          <a class=\"tpf-btn tpf-btn-primary\" href=\"\/login\/\">\n            Entrar para participar\n            <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"><\/path><\/svg>\n          <\/a>\n\n          <p class=\"tpf-awards-note\">A participa\u00e7\u00e3o, os pr\u00e9mios e as condi\u00e7\u00f5es de cada competi\u00e7\u00e3o est\u00e3o sujeitos aos respetivos termos e condi\u00e7\u00f5es.<\/p>\n        <\/div>\n\n        <div class=\"tpf-awards-visual\" aria-hidden=\"true\">\n          <div class=\"tpf-awards-orbit\"><\/div>\n          <div class=\"tpf-awards-trophy\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M8 21h8M12 17v4M7 4h10v5a5 5 0 0 1-10 0V4Z\"><\/path><path d=\"M7 6H4v3a4 4 0 0 0 4 4M17 6h3v3a4 4 0 0 1-4 4\"><\/path><\/svg>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SUPPORT \/ DONATIONS -->\n\n  <section class=\"tpf-section\">\n    <div class=\"tpf-container\">\n\n      <div class=\"tpf-support-card\">\n        <div class=\"tpf-support-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" aria-hidden=\"true\"><path d=\"M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8l1.1 1.1L12 21l7.8-7.5 1.1-1.1a5.5 5.5 0 0 0-.1-7.8Z\"><\/path><\/svg>\n        <\/div>\n\n        <div class=\"tpf-support-copy\">\n          <h3>Ajuda a comunidade a continuar a crescer.<\/h3>\n          <p>\n            A manuten\u00e7\u00e3o de uma comunidade organizada implica tempo, ferramentas e custos.\n            Se valorizas o projeto e quiseres contribuir para a sua continuidade, descobre\n            como podes apoiar a Tira Para Fora.\n          <\/p>\n        <\/div>\n\n        <a class=\"tpf-btn tpf-btn-primary\" href=\"https:\/\/tiraparafora.pt\/apoia-a-comunidade\/\">\n          Apoiar a comunidade\n          <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"><\/path><\/svg>\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- COMMUNITY FEEDBACK -->\n\n  <section class=\"tpf-section\">\n    <div class=\"tpf-container\">\n      <div class=\"tpf-quote-card\">\n        <span class=\"tpf-quote-mark\" aria-hidden=\"true\">\u201c<\/span>\n        <blockquote>\n          A comunidade n\u00e3o acontece apenas online. Tamb\u00e9m cresce atrav\u00e9s das pessoas que decidem participar.\n        <\/blockquote>\n        <p>Uma ideia partilhada pelos membros que t\u00eam participado nas sa\u00eddas<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SAFETY AND RESPONSIBILITY -->\n\n  <section class=\"tpf-section\">\n    <div class=\"tpf-container\">\n\n      <div class=\"tpf-section-heading\">\n        <div class=\"tpf-eyebrow\">Participa\u00e7\u00e3o respons\u00e1vel<\/div>\n        <h2>Uma comunidade melhor come\u00e7a <span class=\"tpf-gradient-text\">com todos.<\/span><\/h2>\n        <p>\n          A organiza\u00e7\u00e3o e a seguran\u00e7a dependem de regras claras, respeito pelos outros\n          membros e responsabilidade na utiliza\u00e7\u00e3o dos espa\u00e7os da comunidade.\n        <\/p>\n      <\/div>\n\n      <div class=\"tpf-safety-grid\">\n\n        <div class=\"tpf-safety-item\">\n          <div class=\"tpf-icon-art\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M12 22s8-4 8-11V5l-8-3-8 3v6c0 7 8 11 8 11Z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n          <\/div>\n          <h3>Conhece as regras<\/h3>\n          <p>Consulta as regras gerais e os crit\u00e9rios espec\u00edficos dos grupos antes de participar.<\/p>\n        <\/div>\n\n        <div class=\"tpf-safety-item\">\n          <div class=\"tpf-icon-art\" style=\"background:linear-gradient(145deg,rgba(61,118,237,.25),rgba(168,68,200,.2))\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"m17 11 2 2 4-4\"><\/path><\/svg>\n          <\/div>\n          <h3>Respeita os membros<\/h3>\n          <p>Respeita os limites, a privacidade e as decis\u00f5es de cada pessoa.<\/p>\n        <\/div>\n\n        <div class=\"tpf-safety-item\">\n          <div class=\"tpf-icon-art\" style=\"background:linear-gradient(145deg,rgba(37,211,102,.19),rgba(61,118,237,.2))\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M21 15a4 4 0 0 1-4 4H7l-4 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4Z\"><\/path><path d=\"M8 10h8M8 14h5\"><\/path><\/svg>\n          <\/div>\n          <h3>Contacta a administra\u00e7\u00e3o<\/h3>\n          <p>Se tiveres d\u00favidas ou identificares um problema, utiliza os canais de contacto da comunidade.<\/p>\n        <\/div>\n\n      <\/div>\n\n      <div style=\"margin-top:22px\">\n        <a class=\"tpf-btn tpf-btn-secondary\" href=\"\/regras\/\">Consultar as regras da comunidade<\/a>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- WEB APP: COMPACT FEATURE -->\n\n  <section class=\"tpf-section\">\n    <div class=\"tpf-container\">\n\n      <div class=\"tpf-app-card\">\n        <div class=\"tpf-app-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"3\"><\/rect><path d=\"M9 6h6M11 18h2\"><\/path><\/svg>\n        <\/div>\n\n        <div class=\"tpf-app-copy\">\n          <h3>A comunidade tamb\u00e9m no teu telem\u00f3vel.<\/h3>\n          <p>\n            Acede ao site e ao Member Portal atrav\u00e9s do navegador do teu dispositivo.\n            Consulta as op\u00e7\u00f5es dispon\u00edveis para manter a comunidade mais acess\u00edvel.\n          <\/p>\n        <\/div>\n\n        <a class=\"tpf-btn tpf-btn-secondary\" href=\"\/portal\/\">Abrir portal<\/a>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- COMMUNITY EXPANSION -->\n  <section class=\"tpf-section tpf-community-expansion\"><div class=\"tpf-container\"><div class=\"tpf-expansion-card\">\n    <div class=\"tpf-expansion-art\" aria-hidden=\"true\"><span>\u2640<\/span><span>\u2642<\/span><span>\u2726<\/span><\/div>\n    <div class=\"tpf-expansion-copy\"><div class=\"tpf-eyebrow\">Uma comunidade em evolu\u00e7\u00e3o<\/div><h2>Mais diversidade. <span class=\"tpf-gradient-text\">Mais formas de pertencer.<\/span><\/h2>\n    <p>A Tira Para Fora est\u00e1 a preparar-se para acolher uma comunidade mais mista e diversificada, incluindo mulheres que gostam de mulheres. Queremos continuar a criar espa\u00e7os organizados, respeitadores e com objetivos claros, onde pessoas diferentes possam encontrar o seu lugar.<\/p><\/div>\n  <\/div><\/div><\/section>\n\n  <!-- TPF SHOP -->\n  <section class=\"tpf-section tpf-shop-section\"><div class=\"tpf-container\"><div class=\"tpf-shop-card\">\n    <div class=\"tpf-shop-art\" aria-hidden=\"true\"><span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M3 8h18l-1.5 12h-15L3 8Z\"><\/path><path d=\"M8 9V6a4 4 0 0 1 8 0v3\"><\/path><\/svg><\/span><span>\ud83c\udff3\ufe0f\u200d\ud83c\udf08<\/span><span>\u2726<\/span><span>\u2665<\/span><\/div>\n    <div class=\"tpf-shop-copy\"><div class=\"tpf-eyebrow\">TPF Shop \u00b7 Em breve<\/div><h2>Leva o teu orgulho <span class=\"tpf-gradient-text\">contigo.<\/span><\/h2>\n    <p>A TPF Shop est\u00e1 a chegar com bandeiras, leques, pins e outros artigos para mostrares o teu orgulho. A loja ser\u00e1 aberta ao p\u00fablico e os membros da comunidade ter\u00e3o acesso a descontos, mediante termos e condi\u00e7\u00f5es. Um espa\u00e7o simples para encontrares tudo num s\u00f3 lugar.<\/p>\n    <a class=\"tpf-btn tpf-btn-primary\" href=\"https:\/\/shop.tiraparafora.pt\/\">Visitar a TPF Shop <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"><\/path><\/svg><\/a><\/div>\n  <\/div><\/div><\/section>\n\n  <!-- PARTNERS AND SPONSORS -->\n  <section class=\"tpf-section tpf-partners-section\"><div class=\"tpf-container\"><div class=\"tpf-partners-card\"><div>\n    <div class=\"tpf-eyebrow\">Parcerias e patroc\u00ednios<\/div><h2>Crescemos melhor <span class=\"tpf-gradient-text\">em conjunto.<\/span><\/h2>\n    <p>A Tira Para Fora j\u00e1 conta com v\u00e1rios acordos de parceria e est\u00e1 aberta a novas colabora\u00e7\u00f5es com marcas, neg\u00f3cios e organiza\u00e7\u00f5es. Se tens interesse em estabelecer uma parceria ou patroc\u00ednio, entra em contacto connosco.<\/p>\n    <a class=\"tpf-btn tpf-btn-secondary\" href=\"\/contacto\/\">Propor uma parceria<\/a><\/div><div class=\"tpf-partners-art\" aria-hidden=\"true\"><span>\u2726<\/span><span>\u2194<\/span><span>\u2726<\/span><\/div>\n  <\/div><\/div><\/section>\n\n  <!-- TPF STORIES \u2014 LAST CONTENT SECTION BEFORE FINAL CTA -->\n\n  <section class=\"tpf-section tpf-stories-section\">\n    <div class=\"tpf-container\">\n\n      <div class=\"tpf-section-heading\">\n        <div class=\"tpf-eyebrow\">Hist\u00f3rias da comunidade<\/div>\n        <h2>Descobre a Tira Para Fora <span class=\"tpf-gradient-text\">por dentro.<\/span><\/h2>\n        <p>\n          Artigos, novidades e hist\u00f3rias sobre o desenvolvimento do projeto,\n          as pessoas e as iniciativas que fazem parte da comunidade.\n        <\/p>\n      <\/div>\n\n      <article class=\"tpf-story-card\">\n        <div class=\"tpf-story-media\">\n          <img decoding=\"async\" id=\"tpf-story-featured-image\" src=\"https:\/\/tiraparafora.pt\/wp-content\/uploads\/2026\/10\/TIRA-PARA-FORA-Graffiti-Logo.png\" alt=\"Tira Para Fora Stories\" loading=\"lazy\">\n        <\/div>\n\n        <div class=\"tpf-story-copy\">\n          <div class=\"tpf-story-label\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"><\/path><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2Z\"><\/path><\/svg>\n            TPF Stories\n          <\/div>\n\n          <h3 id=\"tpf-story-title\">3 Meses de Tira Para Fora: De um Grupo no Telegram a uma Comunidade<\/h3>\n\n          <p id=\"tpf-story-excerpt\">\n            Como um grupo no Telegram se transformou num projeto com diferentes\n            plataformas, espa\u00e7os de participa\u00e7\u00e3o, ferramentas e atividades para os membros.\n          <\/p>\n\n          <div class=\"tpf-story-meta\">\n            <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M12 6v6l4 2\"><\/path><\/svg>Hist\u00f3ria da comunidade<\/span>\n            <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M4 4h16v16H4z\"><\/path><path d=\"M8 8h8M8 12h8M8 16h5\"><\/path><\/svg>Artigo em destaque<\/span>\n          <\/div>\n\n          <a class=\"tpf-btn tpf-btn-primary\" id=\"tpf-story-link\" href=\"\/tpf-stories\/\">\n            Ler no TPF Stories\n            <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"><\/path><\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n\n    <\/div>\n  <\/section>\n\n  <!-- FINAL CTA -->\n\n  <section class=\"tpf-final-cta\">\n    <div class=\"tpf-container\">\n      <div class=\"tpf-eyebrow\" style=\"justify-content:center\">O pr\u00f3ximo passo \u00e9 teu<\/div>\n\n      <h2>Encontra o teu lugar na <span class=\"tpf-gradient-text\">Tira Para Fora.<\/span><\/h2>\n\n      <p>\n        Conhece os grupos, consulta as regras e cria a tua conta para come\u00e7ares\n        a descobrir os espa\u00e7os e as funcionalidades da comunidade.\n      <\/p>\n\n      <div class=\"tpf-final-actions\">\n        <a class=\"tpf-btn tpf-btn-primary\" href=\"\/registo\/\">Criar conta e registar<\/a>\n        <a class=\"tpf-btn tpf-btn-secondary\" href=\"\/regras\/\">Ler as regras<\/a>\n        <a class=\"tpf-btn tpf-btn-secondary\" href=\"\/eventos\/\">Ver eventos<\/a>\n      <\/div>\n\n      <p class=\"tpf-footer-note\">\n        Tira Para Fora \u00b7 Comunidade LGBTQ+ adulta \u00b7 Participa\u00e7\u00e3o sujeita \u00e0s regras e crit\u00e9rios de cada espa\u00e7o.\n      <\/p>\n    <\/div>\n  <\/section>\n\n  <!-- =======================================================\n       JAVASCRIPT\n       ======================================================= -->\n\n  <script>\n    (function () {\n      \"use strict\";\n\n      const root = document.getElementById(\"tpf-home-v3\");\n      if (!root) return;\n\n      \/* -------------------------------------------------------\n         DISCORD ONLINE COUNT\n         Uses the server's public Discord widget endpoint.\n         Only the online count is displayed; no usernames.\n         ------------------------------------------------------- *\/\n\n      const discordCount = root.querySelector(\"#tpf-discord-count\");\n      const discordUpdated = root.querySelector(\"#tpf-discord-updated\");\n      const discordEndpoint =\n        \"https:\/\/tira-para-fora-discord-bot.onrender.com\/status\";\n\n      async function updateDiscordCount() {\n        if (!discordCount || !discordUpdated) return;\n\n        try {\n          const response = await fetch(discordEndpoint, {\n            method: \"GET\",\n            mode: \"cors\",\n            cache: \"no-store\"\n          });\n\n          if (!response.ok) {\n            throw new Error(\"Discord widget unavailable\");\n          }\n\n          const data = await response.json();\n\n          const online = data.online ?? data.count ?? data.presence_count;\n          if (typeof online !== \"number\" || !Number.isFinite(online) || online < 0) {\n            throw new Error(\"Discord online count missing\");\n          }\n\n          discordCount.textContent =\n            new Intl.NumberFormat(\"pt-PT\").format(online);\n\n          discordUpdated.textContent =\n            \"Atualizado \u00e0s \" +\n            new Date().toLocaleTimeString(\"pt-PT\", {\n              hour: \"2-digit\",\n              minute: \"2-digit\"\n            });\n\n        } catch (error) {\n          discordCount.textContent = \"\u2014\";\n          discordUpdated.textContent =\n            \"N\u00e3o foi poss\u00edvel carregar a contagem neste momento.\";\n        }\n      }\n\n      updateDiscordCount();\n\n      \/* Refresh periodically while the page remains open. *\/\n      window.setInterval(updateDiscordCount, 30000);\n\n      \/* -------------------------------------------------------\n         EVENT COUNTDOWN\n         Event date: 24 October 2026.\n         The date is used as a calendar countdown; no event time\n         is assumed because a specific start time was not set.\n         ------------------------------------------------------- *\/\n\n      const countdown = root.querySelector(\"#tpf-countdown\");\n      const countdownNote = root.querySelector(\"#tpf-countdown-note\");\n\n      let tpfNextEventDate = new Date(2026, 9, 24, 0, 0, 0);\n\n      function updateCountdown() {\n        if (!countdown) return;\n\n        const now = new Date();\n        const eventDate = tpfNextEventDate;\n        const difference = eventDate.getTime() - now.getTime();\n\n        const units = {\n          days: countdown.querySelector('[data-unit=\"days\"]'),\n          hours: countdown.querySelector('[data-unit=\"hours\"]'),\n          minutes: countdown.querySelector('[data-unit=\"minutes\"]'),\n          seconds: countdown.querySelector('[data-unit=\"seconds\"]')\n        };\n\n        if (difference <= 0) {\n          Object.values(units).forEach(function (element) {\n            if (element) element.textContent = \"0\";\n          });\n\n          if (countdownNote) {\n            countdownNote.textContent =\n              \"A data anunciada j\u00e1 chegou ou j\u00e1 passou. Consulta a p\u00e1gina de eventos para atualiza\u00e7\u00f5es.\";\n          }\n          return;\n        }\n\n        const totalSeconds = Math.floor(difference \/ 1000);\n        const days = Math.floor(totalSeconds \/ 86400);\n        const hours = Math.floor((totalSeconds % 86400) \/ 3600);\n        const minutes = Math.floor((totalSeconds % 3600) \/ 60);\n        const seconds = totalSeconds % 60;\n\n        if (units.days) units.days.textContent = String(days);\n        if (units.hours) units.hours.textContent = String(hours).padStart(2, \"0\");\n        if (units.minutes) units.minutes.textContent = String(minutes).padStart(2, \"0\");\n        if (units.seconds) units.seconds.textContent = String(seconds).padStart(2, \"0\");\n\n        if (countdownNote) {\n          countdownNote.textContent =\n            \"Contagem at\u00e9 \" + eventDate.toLocaleDateString(\"pt-PT\", { day:\"numeric\", month:\"long\" }) + \". Confirma os detalhes na p\u00e1gina de eventos.\";\n        }\n      }\n\n      async function loadNextPublishedEvent() {\n        try {\n          const api = window.location.origin + \"\/wp-json\/tribe\/events\/v1\/events?per_page=5&#038;start_date=\" + encodeURIComponent(new Date().toISOString());\n          const response = await fetch(api, { cache: \"no-store\", headers: { \"Accept\": \"application\/json\" } });\n          if (!response.ok) return;\n          const payload = await response.json();\n          const events = Array.isArray(payload) ? payload : payload.events;\n          if (!Array.isArray(events) || !events.length) return;\n          const event = events.find(function (item) {\n            const d = new Date(item.start_date || item.start_date_details?.date || \"\");\n            return !Number.isNaN(d.getTime()) &#038;&#038; d.getTime() > Date.now();\n          });\n          if (!event) return;\n          const date = new Date(event.start_date || event.start_date_details?.date);\n          if (Number.isNaN(date.getTime())) return;\n          tpfNextEventDate = date;\n          const title = root.querySelector(\".tpf-event-main h3\");\n          if (title && (event.title || event.name)) title.textContent = event.title || event.name;\n          const dateMeta = root.querySelector(\".tpf-event-meta span\");\n          if (dateMeta) {\n            const svg = dateMeta.querySelector(\"svg\");\n            dateMeta.textContent = \"\";\n            if (svg) dateMeta.appendChild(svg);\n            dateMeta.appendChild(document.createTextNode(\" \" + date.toLocaleDateString(\"pt-PT\", { day:\"numeric\", month:\"long\", year:\"numeric\" })));\n          }\n          const month = root.querySelector(\".tpf-event-datebox small\");\n          const day = root.querySelector(\".tpf-event-datebox strong\");\n          const year = root.querySelector(\".tpf-event-datebox span\");\n          if (month) month.textContent = date.toLocaleDateString(\"pt-PT\", { month:\"long\" }).toUpperCase();\n          if (day) day.textContent = date.toLocaleDateString(\"pt-PT\", { day:\"2-digit\" });\n          if (year) year.textContent = String(date.getFullYear());\n          const link = root.querySelector(\".tpf-event-main .tpf-btn\");\n          if (link && event.url) link.href = event.url;\n          updateCountdown();\n        } catch (error) { \/* Use the fallback date if the events API is unavailable. *\/ }\n      }\n      loadNextPublishedEvent();\n      updateCountdown();\n      window.setInterval(updateCountdown, 1000);\n\n      \/* -------------------------------------------------------\n         TPF STORIES FEATURED IMAGE\n         Attempts to load the latest article data from the\n         WordPress REST API. The fallback image remains in place\n         if the post, image or API is unavailable.\n         ------------------------------------------------------- *\/\n\n      async function loadFeaturedStory() {\n        const image = root.querySelector(\"#tpf-story-featured-image\");\n        const title = root.querySelector(\"#tpf-story-title\");\n        const excerpt = root.querySelector(\"#tpf-story-excerpt\");\n        const link = root.querySelector(\"#tpf-story-link\");\n\n        if (!image || !title || !excerpt || !link) return;\n\n        const slug =\n          \"3-meses-de-tira-para-fora-de-um-grupo-no-telegram-a-uma-comunidade\";\n\n        const apiUrl =\n          window.location.origin +\n          \"\/wp-json\/wp\/v2\/posts?slug=\" +\n          encodeURIComponent(slug) +\n          \"&_embed\";\n\n        try {\n          const response = await fetch(apiUrl, {\n            method: \"GET\",\n            credentials: \"same-origin\"\n          });\n\n          if (!response.ok) return;\n\n          const posts = await response.json();\n          if (!Array.isArray(posts) || !posts.length) return;\n\n          const post = posts[0];\n\n          if (post.title && post.title.rendered) {\n            const temporaryTitle = document.createElement(\"div\");\n            temporaryTitle.innerHTML = post.title.rendered;\n            title.textContent = temporaryTitle.textContent || title.textContent;\n          }\n\n          if (post.excerpt && post.excerpt.rendered) {\n            const temporaryExcerpt = document.createElement(\"div\");\n            temporaryExcerpt.innerHTML = post.excerpt.rendered;\n            const plainExcerpt =\n              (temporaryExcerpt.textContent || \"\").replace(\/\\s+\/g, \" \").trim();\n\n            if (plainExcerpt) {\n              excerpt.textContent = plainExcerpt;\n            }\n          }\n\n          if (post.link) {\n            link.href = post.link;\n          }\n\n          const featuredMedia =\n            post._embedded &&\n            post._embedded[\"wp:featuredmedia\"] &&\n            post._embedded[\"wp:featuredmedia\"][0];\n\n          if (featuredMedia && featuredMedia.source_url) {\n            image.src = featuredMedia.source_url;\n            image.alt = title.textContent || \"Imagem do artigo TPF Stories\";\n          }\n\n        } catch (error) {\n          \/* Keep the built-in fallback content and image. *\/\n        }\n      }\n\n      loadFeaturedStory();\n\n    })();\n  <\/script>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Uma comunidade. V\u00e1rios espa\u00e7os. Pessoas reais. A tua comunidade. \u00c0 tua maneira. A Tira Para Fora re\u00fane pessoas, grupos e atividades numa comunidade LGBTQ+ adulta, organizada e com espa\u00e7o para [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_tec_requires_first_save":true,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"_tribe_blocks_recurrence_rules":"","_tribe_blocks_recurrence_description":"","_tribe_blocks_recurrence_exclusions":"","footnotes":"","_members_access_role":[],"_members_access_error":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"ticketed":false,"_links":{"self":[{"href":"https:\/\/tiraparafora.pt\/en_us\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tiraparafora.pt\/en_us\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tiraparafora.pt\/en_us\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tiraparafora.pt\/en_us\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tiraparafora.pt\/en_us\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":45,"href":"https:\/\/tiraparafora.pt\/en_us\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":993,"href":"https:\/\/tiraparafora.pt\/en_us\/wp-json\/wp\/v2\/pages\/10\/revisions\/993"}],"wp:attachment":[{"href":"https:\/\/tiraparafora.pt\/en_us\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}