{"id":5430,"date":"2026-03-10T21:21:00","date_gmt":"2026-03-10T19:21:00","guid":{"rendered":"https:\/\/filmmic.ro\/wp69\/?page_id=5430"},"modified":"2026-10-17T17:21:49","modified_gmt":"2026-10-17T14:21:49","slug":"voluntari","status":"publish","type":"page","link":"https:\/\/filmmic.ro\/wp69\/voluntari\/","title":{"rendered":"Voluntarii Filmmic"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5430\" class=\"elementor elementor-5430\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e58fab8 elementor-section-full_width elementor-section-height-min-height elementor-section-stretched elementor-section-height-default elementor-section-items-middle qodef-elementor-content-no\" data-id=\"e58fab8\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-da16f9e\" data-id=\"da16f9e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-40e4888 elementor-widget elementor-widget-html\" data-id=\"40e4888\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"site-header\">\r\n  <a href=\"https:\/\/filmmic.ro\/wp69\/\" class=\"site-header__logo\">\r\n    <div class=\"logo-fx-wrapper\">\r\n      <img decoding=\"async\" src=\"https:\/\/filmmic.ro\/wp69\/wp-content\/uploads\/2021\/09\/filmmic_logo_light.svg\" alt=\"Filmmic Logo\">\r\n      <div class=\"logo-scanner\"><\/div>\r\n    <\/div>\r\n  <\/a>\r\n\r\n  <div class=\"site-header__nav-wrapper\">\r\n    <input type=\"checkbox\" id=\"nav-toggle\" class=\"site-header__checkbox\">\r\n    \r\n    <div class=\"site-header__bar\">\r\n      <nav class=\"site-header__horizon\">\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/despre-filmmic\/\">Despre Festival<\/a>\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/regulament\/\">Regulament<\/a>\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/juriu\/\">Juriu<\/a>\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/finalisti-2026\/\">Finali\u0219ti 2026<\/a>\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/voluntari\/\">Voluntari<\/a>\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/inscrieri\/\">\u00censcrieri<\/a>\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/contact\/\">Contact<\/a>\r\n      <\/nav>\r\n\r\n      <label for=\"nav-toggle\" class=\"site-header__burger\" aria-label=\"Meniu\">\r\n        <span class=\"line\"><\/span>\r\n        <span class=\"line line--short\"><\/span>\r\n        <span class=\"line\"><\/span>\r\n      <\/label>\r\n    <\/div>\r\n\r\n    <div class=\"site-header__dropdown\">\r\n      <nav class=\"site-header__vertical\">\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/despre-filmmic\/\"><span class=\"num\">01<\/span> Despre Festival<\/a>\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/regulament\/\"><span class=\"num\">02<\/span> Regulament<\/a>\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/juriu\/\"><span class=\"num\">03<\/span> Juriu<\/a>\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/finalisti-2026\/\"><span class=\"num\">04<\/span> Finali\u0219ti 2026<\/a>\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/voluntari\/\"><span class=\"num\">05<\/span> Voluntari<\/a>\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/inscrieri\/\"><span class=\"num\">06<\/span> \u00censcrieri<\/a>\r\n        <a href=\"https:\/\/filmmic.ro\/wp69\/contact\/\"><span class=\"num\">07<\/span> Contact<\/a>\r\n      <\/nav>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@700&display=swap');\r\n\r\n.site-header {\r\n  --hdr-bg: #0c0c10;\r\n  --hdr-text: #ffffff;\r\n  --hdr-border: rgba(255, 255, 255, 0.4);\r\n  --hdr-font: 'Space Grotesk', sans-serif;\r\n  \r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  width: 100%;\r\n  font-family: var(--hdr-font);\r\n  position: relative;\r\n  z-index: 100;\r\n}\r\n.site-header__logo {\r\n  display: inline-flex;\r\n  margin: 10px 0 0 20px;\r\n  text-decoration: none;\r\n}\r\n\r\n.logo-fx-wrapper {\r\n  position: relative;\r\n  display: inline-block;\r\n  overflow: hidden;\r\n  padding: 4px;\r\n}\r\n\r\n.site-header__logo img {\r\n  height: 65px;\r\n  width: auto;\r\n  object-fit: contain;\r\n  display: block;\r\n  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s ease;\r\n}\r\n\r\n\/* Raza de lumin\u0103 cinematografic\u0103 (Scanner Sweep) *\/\r\n.logo-scanner {\r\n  position: absolute;\r\n  top: 0;\r\n  left: -150%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent 0%,\r\n    rgba(229, 9, 20, 0.2) 40%,\r\n    rgba(255, 255, 255, 0.6) 50%,\r\n    rgba(229, 9, 20, 0.2) 60%,\r\n    transparent 100%\r\n  );\r\n  transform: skewX(-25deg);\r\n  pointer-events: none;\r\n  animation: logoSweep 6s infinite ease-in-out;\r\n}\r\n\r\n@keyframes logoSweep {\r\n  0%, 70% {\r\n    left: -150%;\r\n  }\r\n  100% {\r\n    left: 150%;\r\n  }\r\n}\r\n\r\n\/* Efecte interactive la Hover *\/\r\n.site-header__logo:hover img {\r\n  transform: scale(1.04);\r\n  filter: drop-shadow(0 0 10px rgba(229, 9, 20, 0.8)) drop-shadow(0 0 20px rgba(229, 9, 20, 0.4));\r\n}\r\n\r\n.site-header__logo:hover .logo-scanner {\r\n  animation: logoSweepFast 0.8s ease-in-out;\r\n}\r\n\r\n@keyframes logoSweepFast {\r\n  0% { left: -150%; }\r\n  100% { left: 150%; }\r\n}\r\n\r\n.site-header__nav-wrapper {\r\n  position: relative;\r\n  display: inline-flex;\r\n  flex-direction: column;\r\n  align-items: flex-end;\r\n  margin-left: auto;\r\n}\r\n\r\n.site-header__checkbox {\r\n  position: absolute;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.site-header__bar {\r\n  display: flex;\r\n  align-items: center;\r\n  border: 1px solid var(--hdr-border);\r\n}\r\n\r\n.site-header__horizon {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.site-header__horizon a {\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 16px 20px;\r\n  color: var(--hdr-text);\r\n  text-decoration: none;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.5px;\r\n  text-transform: uppercase;\r\n  border-right: 1px solid rgba(255, 255, 255, 0.2);\r\n  white-space: nowrap;\r\n  transition: background 0.2s, color 0.2s;\r\n}\r\n\r\n.site-header__horizon a:hover {\r\n  background: var(--hdr-text);\r\n  color: var(--hdr-bg);\r\n}\r\n\r\n.site-header__burger {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: 5px;\r\n  padding: 16px 20px;\r\n  cursor: pointer;\r\n  transition: background 0.2s;\r\n}\r\n\r\n.site-header__burger .line {\r\n  display: block;\r\n  width: 24px;\r\n  height: 2px;\r\n  background: var(--hdr-text);\r\n  transition: transform 0.3s, opacity 0.3s, width 0.3s;\r\n}\r\n\r\n.site-header__burger .line--short {\r\n  width: 16px;\r\n  margin-left: auto;\r\n}\r\n\r\n.site-header__burger:hover {\r\n  background: var(--hdr-text);\r\n}\r\n\r\n.site-header__burger:hover .line {\r\n  background: var(--hdr-bg);\r\n}\r\n\r\n.site-header__checkbox:checked ~ .site-header__bar .site-header__burger {\r\n  background: var(--hdr-text);\r\n}\r\n\r\n.site-header__checkbox:checked ~ .site-header__bar .site-header__burger .line {\r\n  background: var(--hdr-bg);\r\n}\r\n\r\n.site-header__checkbox:checked ~ .site-header__bar .site-header__burger .line:nth-child(1) {\r\n  transform: translateY(7px) rotate(45deg);\r\n}\r\n\r\n.site-header__checkbox:checked ~ .site-header__bar .site-header__burger .line--short {\r\n  opacity: 0;\r\n}\r\n\r\n.site-header__checkbox:checked ~ .site-header__bar .site-header__burger .line:nth-child(3) {\r\n  transform: translateY(-7px) rotate(-45deg);\r\n  width: 24px;\r\n}\r\n\r\n.site-header__dropdown {\r\n  display: none;\r\n  position: absolute;\r\n  top: 100%;\r\n  right: 0;\r\n  width: 100%;\r\n  background: rgba(12, 12, 16, 0.95);\r\n  backdrop-filter: blur(12px);\r\n  border: 1px solid var(--hdr-border);\r\n  border-top: none;\r\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8);\r\n}\r\n\r\n.site-header__checkbox:checked ~ .site-header__dropdown {\r\n  display: block;\r\n}\r\n\r\n.site-header__vertical {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.site-header__vertical a {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  padding: 14px 20px;\r\n  color: var(--hdr-text);\r\n  text-decoration: none;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.5px;\r\n  text-transform: uppercase;\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.15);\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.site-header__vertical a:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.site-header__vertical .num {\r\n  font-size: 10px;\r\n  opacity: 0.5;\r\n  font-family: monospace;\r\n}\r\n\r\n.site-header__vertical a:hover {\r\n  background: var(--hdr-text);\r\n  color: var(--hdr-bg);\r\n  padding-left: 26px;\r\n}\r\n\r\n.site-header__vertical a:hover .num {\r\n  color: var(--hdr-bg);\r\n  opacity: 1;\r\n}\r\n\r\n@media (max-width: 992px) {\r\n  .site-header__horizon {\r\n    display: none;\r\n  }\r\n  \r\n  .site-header__dropdown {\r\n    min-width: 250px;\r\n  }\r\n  \r\n  .site-header__logo {\r\n    margin-left: 10px;\r\n  }\r\n  \r\n  .site-header__logo img {\r\n    height: 50px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('click', (e) => {\r\n  const wrapper = document.querySelector('.site-header__nav-wrapper');\r\n  const checkbox = document.getElementById('nav-toggle');\r\n  \r\n  if (checkbox?.checked && wrapper && !wrapper.contains(e.target)) {\r\n    checkbox.checked = false;\r\n  }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1ba4c51 elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"1ba4c51\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-73a7aa4\" data-id=\"73a7aa4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3950d2c elementor-widget elementor-widget-spacer\" data-id=\"3950d2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e30981d elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"e30981d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3b884f0\" data-id=\"3b884f0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7f368bd elementor-widget elementor-widget-html\" data-id=\"7f368bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@500&display=swap');\r\n\r\n.title-depts-final {\r\n    position: relative;\r\n    padding: 22px 50px;\r\n    margin: 40px auto;\r\n    max-width: 100%;\r\n    width: fit-content;\r\n    background: rgba(0, 0, 0, 0.4);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: default;\r\n    transition: all 0.4s ease;\r\n    backdrop-filter: blur(5px);\r\n}\r\n\r\n\/* Col\u021burile HUD ro\u0219ii rafinate *\/\r\n.h-corner {\r\n    position: absolute;\r\n    width: 20px;\r\n    height: 20px;\r\n    border: 2px solid #ff0050;\r\n    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);\r\n    opacity: 0.3;\r\n}\r\n.tl { top: -2px; left: -2px; border-right: none; border-bottom: none; }\r\n.tr { top: -2px; right: -2px; border-left: none; border-bottom: none; }\r\n.bl { bottom: -2px; left: -2px; border-right: none; border-top: none; }\r\n.br { bottom: -2px; right: -2px; border-left: none; border-top: none; }\r\n\r\n.title-depts-final:hover {\r\n    background: rgba(255, 0, 80, 0.05);\r\n    border-color: rgba(255, 0, 80, 0.5);\r\n    box-shadow: 0 0 30px rgba(255, 0, 80, 0.1);\r\n}\r\n\r\n.title-depts-final:hover .h-corner {\r\n    opacity: 1;\r\n    width: 45px;\r\n    height: 45px;\r\n}\r\n\r\n\/* Textul pe un singur r\u00e2nd (DIMENSIUNE IDENTIC\u0102) *\/\r\n.text-row {\r\n    font-family: \"Times New Roman\", Times, serif;\r\n    font-size: clamp(20px, 3.5vw, 36px); \r\n    font-weight: bold;\r\n    font-style: italic;\r\n    color: rgba(255, 255, 255, 0.9);\r\n    white-space: nowrap;\r\n    text-transform: uppercase;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin: 0;\r\n}\r\n\r\n.orbit-accent {\r\n    font-family: 'Orbitron', sans-serif;\r\n    color: #ff0050;\r\n    font-style: normal;\r\n    letter-spacing: 2.5px;\r\n    text-shadow: 0 0 10px rgba(255, 0, 80, 0.5);\r\n}\r\n\r\n\/* Emoji Dosare\/Departamente *\/\r\n.emoji-dept-ref {\r\n    font-size: 1.0em;\r\n    filter: drop-shadow(0 0 6px #ff0050);\r\n    transition: 0.4s;\r\n    font-style: normal;\r\n    transform: translateY(1px); \r\n    margin-right: 2px;\r\n}\r\n\r\n.title-depts-final:hover .emoji-dept-ref {\r\n    transform: scale(1.15) translateY(-3px);\r\n    filter: drop-shadow(0 0 10px #ff0050);\r\n}\r\n<\/style>\r\n\r\n<div class=\"title-depts-final\">\r\n    <div class=\"h-corner tl\"><\/div>\r\n    <div class=\"h-corner tr\"><\/div>\r\n    <div class=\"h-corner bl\"><\/div>\r\n    <div class=\"h-corner br\"><\/div>\r\n\r\n    <h2 class=\"text-row\">\r\n        <span class=\"emoji-dept-ref\">\ud83d\udcc2<\/span>\r\n        DEPARTAMENTELE <span class=\"orbit-accent\">FILMMIC<\/span>\r\n    <\/h2>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b42b535 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"b42b535\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3511aad\" data-id=\"3511aad\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-85fe2d6 elementor-widget elementor-widget-html\" data-id=\"85fe2d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@500;700&family=Syncopate:wght@700&display=swap');\r\n\r\n\/* CONTAINER PRINCIPAL HUD *\/\r\n.filmmic-dept-hud {\r\n    display: flex;\r\n    gap: 20px;\r\n    max-width: 1150px;\r\n    margin: 40px auto;\r\n    font-family: \"Syncopate\", sans-serif;\r\n    min-height: 480px;\r\n    color: #fff;\r\n    background: transparent;\r\n}\r\n\r\n\/* SIDEBAR MENU *\/\r\n.dept-nav {\r\n    flex: 0 0 280px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n}\r\n\r\n.dept-nav-btn {\r\n    position: relative;\r\n    padding: 20px;\r\n    background: rgba(15, 15, 15, 0.8);\r\n    border: 1px solid rgba(255, 255, 255, 0.05);\r\n    cursor: pointer;\r\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    text-transform: uppercase;\r\n    font-weight: bold;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    letter-spacing: 2px;\r\n    font-size: 13px;\r\n    overflow: hidden;\r\n}\r\n\r\n.dept-nav-btn::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0; top: 0; height: 100%; width: 0;\r\n    background: var(--c);\r\n    opacity: 0.1;\r\n    transition: 0.3s;\r\n}\r\n\r\n.dept-nav-btn:hover, .dept-nav-btn.active-dept {\r\n    background: rgba(255, 255, 255, 0.02);\r\n    transform: translateX(12px);\r\n    border-color: var(--c);\r\n    box-shadow: -8px 0 20px var(--c);\r\n    color: #fff;\r\n}\r\n\r\n.dept-nav-btn.active-dept::before { width: 100%; }\r\n\r\n\/* MONITORUL HUD CENTRAL *\/\r\n.dept-hud-screen {\r\n    flex: 1;\r\n    position: relative;\r\n    background: rgba(5, 5, 5, 0.9);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    padding: 50px 40px;\r\n    backdrop-filter: blur(20px);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    transition: all 0.5s ease;\r\n    box-shadow: inset 0 0 50px rgba(0,0,0,0.9);\r\n}\r\n\r\n.hud-corner-edge {\r\n    position: absolute;\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 3px solid #00e5ff;\r\n    transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);\r\n    z-index: 2;\r\n}\r\n\r\n.t-l { top: -3px; left: -3px; border-right: none; border-bottom: none; }\r\n.t-r { top: -3px; right: -3px; border-left: none; border-bottom: none; }\r\n.b-l { bottom: -3px; left: -3px; border-right: none; border-top: none; }\r\n.b-r { bottom: -3px; right: -3px; border-left: none; border-top: none; }\r\n\r\n.edge-anim { width: 70px !important; height: 70px !important; opacity: 1; filter: brightness(1.5); }\r\n\r\n#hud-title {\r\n    font-size: 50px;\r\n    font-weight: 900;\r\n    margin: 0 0 20px 0;\r\n    line-height: 0.9;\r\n    text-transform: uppercase;\r\n    font-style: italic;\r\n}\r\n\r\n#hud-desc {\r\n    font-family: 'Outfit', sans-serif;\r\n    font-size: 20px;\r\n    line-height: 1.5;\r\n    border-left: 4px solid #fff;\r\n    padding-left: 25px;\r\n    color: rgba(255, 255, 255, 0.8);\r\n    max-width: 600px;\r\n}\r\n\r\n.system-tag {\r\n    font-family: 'Orbitron', sans-serif;\r\n    font-size: 11px;\r\n    letter-spacing: 6px;\r\n    margin-bottom: 25px;\r\n    display: block;\r\n    opacity: 0.6;\r\n}\r\n\r\n.dept-more-btn {\r\n    margin-top: 35px;\r\n    display: inline-block;\r\n    padding: 15px 35px;\r\n    border: 2px solid #fff;\r\n    color: #fff;\r\n    text-decoration: none;\r\n    font-family: 'Orbitron', sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    transition: all 0.3s ease;\r\n    width: fit-content;\r\n}\r\n\r\n.dept-more-btn:hover {\r\n    background: var(--btn-c);\r\n    border-color: var(--btn-c);\r\n    box-shadow: 0 0 25px var(--btn-c);\r\n    color: #000;\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\/* RESPONSIVE ORIGINAL (Care muta meniul sus pe mobil) *\/\r\n@media (max-width: 850px) {\r\n    .filmmic-dept-hud { flex-direction: column; padding: 20px; }\r\n    .dept-nav { flex: none; flex-direction: row; flex-wrap: wrap; justify-content: center; }\r\n    .dept-nav-btn { flex: 1 1 140px; padding: 12px; font-size: 10px; }\r\n    #hud-title { font-size: 32px; }\r\n    #hud-desc { font-size: 16px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"filmmic-dept-hud\">\r\n    <div class=\"dept-nav\">\r\n        <div class=\"dept-nav-btn active-dept\" id=\"b0\" onclick=\"updateHUD(0)\" onmouseover=\"updateHUD(0)\" style=\"--c:#00e5ff\"> Tehnic <\/div>\r\n        <div class=\"dept-nav-btn\" id=\"b1\" onclick=\"updateHUD(1)\" onmouseover=\"updateHUD(1)\" style=\"--c:#ff0050\"> Promovare <\/div>\r\n        <div class=\"dept-nav-btn\" id=\"b2\" onclick=\"updateHUD(2)\" onmouseover=\"updateHUD(2)\" style=\"--c:#9d4edd\"> Design <\/div>\r\n        <div class=\"dept-nav-btn\" id=\"b3\" onclick=\"updateHUD(3)\" onmouseover=\"updateHUD(3)\" style=\"--c:#00ff9d\"> Sponsoriz\u0103ri <\/div>\r\n        <div class=\"dept-nav-btn\" id=\"b4\" onclick=\"updateHUD(4)\" onmouseover=\"updateHUD(4)\" style=\"--c:#ff69b4\"> Festivitate <\/div>\r\n        <div class=\"dept-nav-btn\" id=\"b5\" onclick=\"updateHUD(5)\" onmouseover=\"updateHUD(5)\" style=\"--c:#fb5607\"> Workshop <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"dept-hud-screen\" id=\"hud-monitor\">\r\n        <div class=\"hud-corner-edge t-l\" id=\"c-tl\"><\/div>\r\n        <div class=\"hud-corner-edge t-r\" id=\"c-tr\"><\/div>\r\n        <div class=\"hud-corner-edge b-l\" id=\"c-bl\"><\/div>\r\n        <div class=\"hud-corner-edge b-r\" id=\"c-br\"><\/div>\r\n        \r\n        <span class=\"system-tag\" id=\"tag\">DETALII_SISTEM<\/span>\r\n        \r\n        <div id=\"content-hud\">\r\n            <h2 id=\"hud-title\">Tehnic<\/h2>\r\n            <p id=\"hud-desc\">Site-ul festivalului, suport pentru departamente, imagine online \u0219i offline, materiale video \u0219i fotografice, con\u021binut pentru ceremonia de premiere \u0219i suport constant.<\/p>\r\n            <a href=\"https:\/\/filmmic.ro\/wp69\/departamentul-tehnic\/\" id=\"dept-btn\" class=\"dept-more-btn\">ACCESEAZ\u0102 PAGINA<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst hudData = [\r\n    { t: \"Tehnic\", c: \"#00e5ff\", l: \"https:\/\/filmmic.ro\/wp69\/departamentul-tehnic\/\", d: \"Site-ul festivalului, suport pentru departamente, imagine online \u0219i offline, materiale video \u0219i fotografice, con\u021binut pentru ceremonia de premiere \u0219i suport constant.\" },\r\n    { t: \"Promovare\", c: \"#ff0050\", l: \"https:\/\/filmmic.ro\/wp69\/departamentul-promovare\/\", d: \"Social media, comunicare public\u0103, strategii creative \u0219i imaginea general\u0103 a festivalului FILMMIC.\" },\r\n    { t: \"Design\", c: \"#9d4edd\", l: \"https:\/\/filmmic.ro\/wp69\/departamentul-design\/\", d: \"Identitatea vizual\u0103 a festivalului: de la afi\u0219e \u0219i diplome, p\u00e2n\u0103 la ecusoane \u0219i materiale grafice complexe.\" },\r\n    { t: \"Sponsoriz\u0103ri\", c: \"#00ff9d\", l: \"https:\/\/filmmic.ro\/wp69\/departamentul-sponsorizari\/\", d: \"Gestionarea parteneriatelor strategice, suport financiar, negocieri \u0219i atragerea de noi colaboratori.\" },\r\n    { t: \"Festivitate\", c: \"#ff69b4\", l: \"https:\/\/filmmic.ro\/wp69\/departamentul-festivitate\/\", d: \"Organizarea Galei de Premiere FILMMIC, logistica evenimentului \u0219i o experien\u021b\u0103 memorabil\u0103 pentru public.\" },\r\n    { t: \"Workshop\", c: \"#fb5607\", l: \"https:\/\/filmmic.ro\/wp69\/departamentul-workshop\/\", d: \"Coordonarea activit\u0103\u021bilor educative, ateliere cinematografice \u0219i interac\u021biunea direct\u0103 cu juriul \u0219i profesioni\u0219tii.\" }\r\n];\r\n\r\nfunction updateHUD(i) {\r\n    const data = hudData[i];\r\n    const monitor = document.getElementById('hud-monitor');\r\n    const title = document.getElementById('hud-title');\r\n    const desc = document.getElementById('hud-desc');\r\n    const tag = document.getElementById('tag');\r\n    const btn = document.getElementById('dept-btn');\r\n    const corners = document.querySelectorAll('.hud-corner-edge');\r\n    const btns = document.querySelectorAll('.dept-nav-btn');\r\n\r\n    btns.forEach(b => b.classList.remove('active-dept'));\r\n    document.getElementById('b' + i).classList.add('active-dept');\r\n\r\n    corners.forEach(c => {\r\n        c.style.borderColor = data.c;\r\n        c.classList.add('edge-anim');\r\n        setTimeout(() => c.classList.remove('edge-anim'), 400);\r\n    });\r\n\r\n    monitor.style.borderColor = data.c + '44';\r\n    monitor.style.boxShadow = `inset 0 0 50px ${data.c}11`;\r\n    title.innerText = data.t;\r\n    title.style.color = data.c;\r\n    title.style.textShadow = `0 0 25px ${data.c}66`;\r\n    desc.innerText = data.d;\r\n    desc.style.borderColor = data.c;\r\n    tag.innerText = `UNITATE_CONECTAT\u0102: ${data.t.toUpperCase()}`;\r\n    tag.style.color = data.c;\r\n    btn.href = data.l;\r\n    btn.style.setProperty('--btn-c', data.c);\r\n    btn.style.borderColor = data.c;\r\n}\r\nupdateHUD(0);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-43e0f5a elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"43e0f5a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c925ef5\" data-id=\"c925ef5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-18eac77 elementor-hidden-mobile elementor-widget-tablet__width-initial elementor-widget elementor-widget-html\" data-id=\"18eac77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@500&display=swap');\r\n\r\n.video-hud-container {\r\n    position: relative;\r\n    max-width: 900px;\r\n    margin: 60px auto;\r\n    padding: 15px;\r\n    background: rgba(0, 0, 0, 0.4);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);\r\n    transition: all 0.5s ease;\r\n}\r\n.v-corner {\r\n    position: absolute;\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid #ff0050;\r\n    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);\r\n    z-index: 10;\r\n}\r\n.v-tl { top: -5px; left: -5px; border-right: none; border-bottom: none; }\r\n.v-tr { top: -5px; right: -5px; border-left: none; border-bottom: none; }\r\n.v-bl { bottom: -5px; left: -5px; border-right: none; border-top: none; }\r\n.v-br { bottom: -5px; right: -5px; border-left: none; border-top: none; }\r\n\r\n.video-hud-container:hover {\r\n    border-color: rgba(255, 0, 80, 0.4);\r\n    box-shadow: 0 0 60px rgba(255, 0, 80, 0.15);\r\n}\r\n\r\n.video-hud-container:hover .v-corner {\r\n    width: 60px;\r\n    height: 60px;\r\n    box-shadow: 0 0 20px #ff0050;\r\n}\r\n\r\n\/* ETICHETA: ECHIPA EDI\u021aIEI 18 *\/\r\n.hud-label-top {\r\n    position: absolute;\r\n    top: -25px;\r\n    left: 10px;\r\n    font-family: 'Orbitron', sans-serif;\r\n    font-size: 11px;\r\n    color: #ff0050;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.hud-rec-dot {\r\n    display: inline-block;\r\n    width: 8px;\r\n    height: 8px;\r\n    background: #ff0050;\r\n    border-radius: 50%;\r\n    margin-right: 8px;\r\n    animation: blink 1s infinite;\r\n    box-shadow: 0 0 8px #ff0050;\r\n}\r\n\r\n@keyframes blink {\r\n    0%, 100% { opacity: 1; }\r\n    50% { opacity: 0; }\r\n}\r\n.video-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    padding-bottom: 56.25%; \r\n    overflow: hidden;\r\n    background: #000;\r\n}\r\n\r\n.video-wrapper iframe {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    border: none;\r\n}\r\n\r\n.video-overlay-fx {\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.1) 50%), \r\n                linear-gradient(90deg, rgba(255, 0, 0, 0.02), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.02));\r\n    background-size: 100% 4px, 3px 100%;\r\n    z-index: 5;\r\n    opacity: 0.3;\r\n}\r\n<\/style>\r\n\r\n<div class=\"video-hud-container\">\r\n    <div class=\"hud-label-top\">\r\n        <span class=\"hud-rec-dot\"><\/span> LIVE :: ECHIPA EDI\u021aIEI 18\r\n    <\/div>\r\n\r\n    <div class=\"v-corner v-tl\"><\/div>\r\n    <div class=\"v-corner v-tr\"><\/div>\r\n    <div class=\"v-corner v-bl\"><\/div>\r\n    <div class=\"v-corner v-br\"><\/div>\r\n\r\n    <div class=\"video-wrapper\">\r\n        <div class=\"video-overlay-fx\"><\/div>\r\n        \r\n        <iframe \r\n            src=\"https:\/\/drive.google.com\/file\/d\/1vkeZzjkuOc4p0T0DkzD6DHavnaQPda7N\/preview\" \r\n            allow=\"autoplay\"\r\n            allowfullscreen>\r\n        <\/iframe>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-32f512f elementor-section-stretched elementor-hidden-desktop elementor-hidden-tablet elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"32f512f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2457419\" data-id=\"2457419\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9face4d elementor-widget elementor-widget-html\" data-id=\"9face4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@500&display=swap');\r\n\r\n.video-hud-container {\r\n    position: relative;\r\n    max-width: 900px;\r\n    margin: 60px auto;\r\n    padding: 15px;\r\n    background: rgba(0, 0, 0, 0.4);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);\r\n    transition: all 0.5s ease;\r\n}\r\n.v-corner {\r\n    position: absolute;\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid #ff0050;\r\n    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);\r\n    z-index: 10;\r\n}\r\n.v-tl { top: -5px; left: -5px; border-right: none; border-bottom: none; }\r\n.v-tr { top: -5px; right: -5px; border-left: none; border-bottom: none; }\r\n.v-bl { bottom: -5px; left: -5px; border-right: none; border-top: none; }\r\n.v-br { bottom: -5px; right: -5px; border-left: none; border-top: none; }\r\n\r\n.video-hud-container:hover {\r\n    border-color: rgba(255, 0, 80, 0.4);\r\n    box-shadow: 0 0 60px rgba(255, 0, 80, 0.15);\r\n}\r\n\r\n.video-hud-container:hover .v-corner {\r\n    width: 60px;\r\n    height: 60px;\r\n    box-shadow: 0 0 20px #ff0050;\r\n}\r\n\r\n\/* ETICHETA: ECHIPA EDI\u021aIEI 18 *\/\r\n.hud-label-top {\r\n    position: absolute;\r\n    top: -25px;\r\n    left: 10px;\r\n    font-family: 'Orbitron', sans-serif;\r\n    font-size: 11px;\r\n    color: #ff0050;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.hud-rec-dot {\r\n    display: inline-block;\r\n    width: 8px;\r\n    height: 8px;\r\n    background: #ff0050;\r\n    border-radius: 50%;\r\n    margin-right: 8px;\r\n    animation: blink 1s infinite;\r\n    box-shadow: 0 0 8px #ff0050;\r\n}\r\n\r\n@keyframes blink {\r\n    0%, 100% { opacity: 1; }\r\n    50% { opacity: 0; }\r\n}\r\n.video-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    padding-bottom: 56.25%; \r\n    overflow: hidden;\r\n    background: #000;\r\n}\r\n\r\n.video-wrapper iframe {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    border: none;\r\n}\r\n\r\n.video-overlay-fx {\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.1) 50%), \r\n                linear-gradient(90deg, rgba(255, 0, 0, 0.02), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.02));\r\n    background-size: 100% 4px, 3px 100%;\r\n    z-index: 5;\r\n    opacity: 0.3;\r\n}\r\n<\/style>\r\n\r\n<div class=\"video-hud-container\">\r\n    <div class=\"hud-label-top\">\r\n        <span class=\"hud-rec-dot\"><\/span> LIVE :: ECHIPA EDI\u021aIEI 18\r\n    <\/div>\r\n\r\n    <div class=\"v-corner v-tl\"><\/div>\r\n    <div class=\"v-corner v-tr\"><\/div>\r\n    <div class=\"v-corner v-bl\"><\/div>\r\n    <div class=\"v-corner v-br\"><\/div>\r\n\r\n    <div class=\"video-wrapper\">\r\n        <div class=\"video-overlay-fx\"><\/div>\r\n        \r\n        <iframe \r\n            src=\"https:\/\/drive.google.com\/file\/d\/1vkeZzjkuOc4p0T0DkzD6DHavnaQPda7N\/preview\" \r\n            allow=\"autoplay\"\r\n            allowfullscreen>\r\n        <\/iframe>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5a30581 elementor-section-stretched elementor-hidden-desktop elementor-hidden-tablet elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"5a30581\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a624a89\" data-id=\"a624a89\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8747617 elementor-widget elementor-widget-html\" data-id=\"8747617\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@500&display=swap');\r\n\r\n.title-single-line {\r\n    position: relative;\r\n    padding: 25px 40px; \/* Padding mai mic pe laterale *\/\r\n    margin: 20px auto;\r\n    max-width: 95%; \/* S\u0103 nu ating\u0103 marginile ecranului *\/\r\n    width: fit-content;\r\n    background: rgba(0, 0, 0, 0.4);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: crosshair;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.h-corner {\r\n    position: absolute;\r\n    width: 20px; \/* Col\u021buri u\u0219or mai mici *\/\r\n    height: 20px;\r\n    border: 3px solid #ff0050;\r\n    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);\r\n    opacity: 0.4;\r\n}\r\n.tl { top: -2px; left: -2px; border-right: none; border-bottom: none; }\r\n.tr { top: -2px; right: -2px; border-left: none; border-bottom: none; }\r\n.bl { bottom: -2px; left: -2px; border-right: none; border-top: none; }\r\n.br { bottom: -2px; right: -2px; border-left: none; border-top: none; }\r\n\r\n.text-row {\r\n    font-family: \"Times New Roman\", Times, serif;\r\n    font-size: clamp(18px, 5vw, 36px); \/* Font mai flexibil *\/\r\n    font-weight: bold;\r\n    font-style: italic;\r\n    color: #fff;\r\n    text-align: center; \/* Centrare text c\u00e2nd se rupe r\u00e2ndul *\/\r\n    text-transform: uppercase;\r\n    display: flex;\r\n    flex-wrap: wrap; \/* PERMITE textului s\u0103 treac\u0103 pe r\u00e2ndul 2 pe mobil *\/\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    margin: 0;\r\n}\r\n\r\n.orbit-accent {\r\n    font-family: 'Orbitron', sans-serif;\r\n    color: #ff0050;\r\n    font-style: normal;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n\/* AJUST\u0102RI SPECIFICE PENTRU TELEFON *\/\r\n@media (max-width: 768px) {\r\n    .title-single-line {\r\n        padding: 20px 25px; \/* Spa\u021biu mai mic \u00een interiorul cutiei *\/\r\n    }\r\n    .text-row {\r\n        white-space: normal; \/* Permite ruperea r\u00e2ndului pe mobil *\/\r\n        line-height: 1.2;\r\n    }\r\n    .orbit-accent {\r\n        display: inline-block; \/* Men\u021bine stilul Orbitron corect *\/\r\n    }\r\n}\r\n\r\n.title-single-line:hover {\r\n    background: rgba(255, 0, 80, 0.05);\r\n    border-color: rgba(255, 0, 80, 0.5);\r\n    box-shadow: 0 0 30px rgba(255, 0, 80, 0.15);\r\n}\r\n\r\n.title-single-line:hover .h-corner {\r\n    opacity: 1;\r\n    width: 35px;\r\n    height: 35px;\r\n}\r\n\r\n.emoji-glow {\r\n    filter: drop-shadow(0 0 5px #ff0050);\r\n}\r\n<\/style>\r\n\r\n<div class=\"title-single-line\">\r\n    <div class=\"h-corner tl\"><\/div>\r\n    <div class=\"h-corner tr\"><\/div>\r\n    <div class=\"h-corner bl\"><\/div>\r\n    <div class=\"h-corner br\"><\/div>\r\n\r\n    <h2 class=\"text-row\">\r\n        <span class=\"emoji-glow\">\ud83c\udfac<\/span>\r\n        Ce este voluntariatul <span class=\"orbit-accent\">FILMMIC<\/span>?\r\n    <\/h2>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9b1083c elementor-section-stretched elementor-hidden-desktop elementor-hidden-tablet elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"9b1083c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-288c5b7\" data-id=\"288c5b7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1a9ec32 elementor-widget elementor-widget-html\" data-id=\"1a9ec32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@700&display=swap');\r\n\r\n.filmmic-classic-neon {\r\n    padding: 10px;\r\n    background: transparent;\r\n    color: #fff;\r\n    font-family: \"Times New Roman\", Times, serif;\r\n}\r\n\r\n.neon-stack {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px; \/* Spa\u021biu mic \u00eentre ele *\/\r\n    max-width: 450px; \/* Limiteaz\u0103 l\u0103\u021bimea total\u0103 s\u0103 nu fie prea lungi pe desktop *\/\r\n    margin: 0 auto;\r\n}\r\n\r\n.neon-card {\r\n    position: relative;\r\n    \/* Padding minim pentru un aspect foarte sub\u021bire *\/\r\n    padding: 8px 15px; \r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    background: rgba(255, 255, 255, 0.01);\r\n    transition: all 0.3s ease;\r\n    cursor: pointer;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 40px; \/* \u00cen\u0103l\u021bime redus\u0103 considerabil *\/\r\n}\r\n\r\n\/* Col\u021buri extra-fine *\/\r\n.corner {\r\n    position: absolute;\r\n    width: 6px;\r\n    height: 6px;\r\n    border: 1.5px solid #ff0050;\r\n    opacity: 0.6;\r\n}\r\n.tl { top: 0; left: 0; border-right: none; border-bottom: none; }\r\n.tr { top: 0; right: 0; border-left: none; border-bottom: none; }\r\n.bl { bottom: 0; left: 0; border-right: none; border-top: none; }\r\n.br { bottom: 0; right: 0; border-left: none; border-top: none; }\r\n\r\n.text-main {\r\n    \/* Font mic pentru aspect elegant *\/\r\n    font-size: clamp(12px, 3.5vw, 16px); \r\n    line-height: 1;\r\n    font-style: italic;\r\n    position: relative;\r\n    z-index: 3;\r\n    text-align: center;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.neon-accent {\r\n    font-family: 'Orbitron', sans-serif;\r\n    color: #ff0050;\r\n    font-style: normal;\r\n    font-size: 0.9em;\r\n}\r\n\r\n.emoji {\r\n    font-size: 1.1em;\r\n    margin-left: 6px;\r\n}\r\n\r\n\/* Ajust\u0103ri Mobil *\/\r\n@media (max-width: 768px) {\r\n    .neon-stack {\r\n        max-width: 90%; \/* S\u0103 nu fie c\u00e2t tot ecranul, s\u0103 r\u0103m\u00e2n\u0103 finu\u021be *\/\r\n    }\r\n    .neon-card {\r\n        padding: 10px 12px;\r\n    }\r\n}\r\n\r\n\/* Hover subtil *\/\r\n.neon-card:hover {\r\n    background: rgba(255, 0, 80, 0.03);\r\n    border-color: rgba(255, 0, 80, 0.3);\r\n}\r\n.neon-card:hover .corner {\r\n    opacity: 1;\r\n    box-shadow: 0 0 5px #ff0050;\r\n}\r\n\r\n.special {\r\n    border-style: dashed;\r\n}\r\n<\/style>\r\n\r\n<div class=\"filmmic-classic-neon\">\r\n    <div class=\"neon-stack\">\r\n\r\n        <div class=\"neon-card\">\r\n            <div class=\"corner tl\"><\/div><div class=\"corner tr\"><\/div>\r\n            <div class=\"corner bl\"><\/div><div class=\"corner br\"><\/div>\r\n            <div class=\"text-main\">\r\n                <span class=\"neon-accent\">FOR\u021aA<\/span> <span class=\"emoji\">\u26a1<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"neon-card\">\r\n            <div class=\"corner tl\"><\/div><div class=\"corner tr\"><\/div>\r\n            <div class=\"corner bl\"><\/div><div class=\"corner br\"><\/div>\r\n            <div class=\"text-main\">\r\n                AGENT AL <span class=\"neon-accent\">SCHIMB\u0102RII<\/span> <span class=\"emoji\">\ud83c\udfac<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"neon-card special\">\r\n            <div class=\"corner tl\"><\/div><div class=\"corner tr\"><\/div>\r\n            <div class=\"corner bl\"><\/div><div class=\"corner br\"><\/div>\r\n            <div class=\"text-main\">\r\n                PROIECT <span class=\"neon-accent\">FILMMIC<\/span> <span class=\"emoji\">\ud83d\ude80<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-92e83b4 elementor-widget elementor-widget-spacer\" data-id=\"92e83b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8fc451a elementor-section-stretched elementor-hidden-desktop elementor-hidden-tablet elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"8fc451a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-044cd96\" data-id=\"044cd96\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-eb83a07 elementor-widget elementor-widget-html\" data-id=\"eb83a07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@500&display=swap');\r\n\r\n.title-benefits-refines {\r\n    position: relative;\r\n    padding: 8px 12px;\r\n    margin: 15px auto;\r\n    width: fit-content;\r\n    max-width: 85%; \/* \u00cel facem mai \u00eengust s\u0103 fim siguri c\u0103 nu atinge marginile *\/\r\n    background: rgba(0, 0, 0, 0.5);\r\n    border: 1px solid rgba(255, 255, 255, 0.15);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.h-corner {\r\n    position: absolute;\r\n    width: 10px;\r\n    height: 10px;\r\n    border: 1.5px solid #ff0050;\r\n    opacity: 0.6;\r\n}\r\n.tl { top: -2px; left: -2px; border-right: none; border-bottom: none; }\r\n.tr { top: -2px; right: -2px; border-left: none; border-bottom: none; }\r\n.bl { bottom: -2px; left: -2px; border-right: none; border-top: none; }\r\n.br { bottom: -2px; right: -2px; border-left: none; border-top: none; }\r\n\r\n.text-row {\r\n    font-family: \"Times New Roman\", Times, serif;\r\n    font-size: 18px; \/* Mai mic pe desktop *\/\r\n    font-weight: bold;\r\n    font-style: italic;\r\n    color: #fff;\r\n    text-transform: uppercase;\r\n    margin: 0;\r\n    line-height: 1.2;\r\n    text-align: center;\r\n    letter-spacing: -0.2px; \/* Litere mai apropiate pentru a economisi spa\u021biu *\/\r\n}\r\n\r\n.orbit-accent {\r\n    font-family: 'Orbitron', sans-serif;\r\n    color: #ff0050;\r\n    font-style: normal;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.emoji-benefit-ref {\r\n    font-size: 1.1em;\r\n    display: inline-block;\r\n    vertical-align: middle;\r\n    margin-right: 5px;\r\n}\r\n\r\n\/* AJUSTARE EXTREM\u0102 PENTRU MOBIL *\/\r\n@media (max-width: 768px) {\r\n    .text-row {\r\n        font-size: 13px; \/* Font foarte mic s\u0103 \u00eencap\u0103 garantat *\/\r\n    }\r\n    .title-benefits-refines {\r\n        padding: 6px 10px;\r\n        max-width: 95%;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"title-benefits-refines\">\r\n    <div class=\"h-corner tl\"><\/div>\r\n    <div class=\"h-corner tr\"><\/div>\r\n    <div class=\"h-corner bl\"><\/div>\r\n    <div class=\"h-corner br\"><\/div>\r\n\r\n    <h2 class=\"text-row\">\r\n        <span class=\"emoji-benefit-ref\">\ud83d\udc8e<\/span> BENEFICIILE VOLUNTARIATULUI<br>\r\n        LA <span class=\"orbit-accent\">FILMMIC<\/span>\r\n    <\/h2>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-076f810 elementor-widget elementor-widget-html\" data-id=\"076f810\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@500&display=swap');\r\n\r\n.filmmic-constellation-mobile {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    height: 550px;\r\n    margin: 0 auto;\r\n    background: transparent;\r\n    font-family: \"Times New Roman\", Times, serif;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    overflow: hidden;\r\n}\r\n\r\n.constellation-map {\r\n    position: relative;\r\n    width: 280px;\r\n    height: 280px;\r\n    margin-top: 40px;\r\n}\r\n\r\n\/* Steaua Central\u0103 *\/\r\n.center-star {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 70px;\r\n    height: 70px;\r\n    background: rgba(255, 0, 80, 0.15);\r\n    border: 1px solid #ff0050;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 30px;\r\n    z-index: 10;\r\n    box-shadow: 0 0 20px rgba(255, 0, 80, 0.4);\r\n    animation: starPulse 2s infinite ease-in-out;\r\n}\r\n\r\n@keyframes starPulse {\r\n    0%, 100% { transform: translate(-50%, -50%) scale(1); }\r\n    50% { transform: translate(-50%, -50%) scale(1.1); box-shadow: 0 0 30px rgba(255, 0, 80, 0.6); }\r\n}\r\n\r\n\/* Bulinele *\/\r\n.b-star-point {\r\n    position: absolute;\r\n    width: 60px;\r\n    height: 60px;\r\n    background: #000;\r\n    border: 2px solid rgba(255, 255, 255, 0.3);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 24px;\r\n    z-index: 15;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.pos-1 { top: -10%; left: 50%; transform: translateX(-50%); }\r\n.pos-2 { top: 25%; right: -10%; }\r\n.pos-3 { bottom: -5%; right: 10%; }\r\n.pos-4 { bottom: -5%; left: 10%; }\r\n.pos-5 { top: 25%; left: -10%; }\r\n\r\n.line {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, #ff0050, transparent);\r\n    transform-origin: left center;\r\n    z-index: 5;\r\n    opacity: 0.4;\r\n}\r\n\r\n.l1 { transform: rotate(-90deg); width: 80px; }\r\n.l2 { transform: rotate(-10deg); width: 95px; }\r\n.l3 { transform: rotate(60deg); width: 100px; }\r\n.l4 { transform: rotate(120deg); width: 100px; }\r\n.l5 { transform: rotate(190deg); width: 95px; }\r\n\r\n.b-star-point.active {\r\n    border-color: #ff0050;\r\n    background: rgba(255, 0, 80, 0.1);\r\n    box-shadow: 0 0 15px #ff0050;\r\n}\r\n\r\n\/* Cardul de Info *\/\r\n.benefit-info-card {\r\n    margin-top: 60px;\r\n    width: 85%;\r\n    min-height: 90px;\r\n    padding: 20px 15px;\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    background: rgba(255, 255, 255, 0.02);\r\n    text-align: center;\r\n    position: relative;\r\n}\r\n\r\n\/* COREC\u021aIE: Redenumit \u00een BENEFICII *\/\r\n.benefit-info-card::before {\r\n    content: \"BENEFICII\";\r\n    position: absolute;\r\n    top: -10px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    background: #ff0050;\r\n    color: white;\r\n    font-family: 'Orbitron', sans-serif;\r\n    font-size: 10px;\r\n    padding: 2px 12px;\r\n    letter-spacing: 2px;\r\n    font-weight: bold;\r\n}\r\n\r\n#star-display {\r\n    color: #fff;\r\n    font-size: 16px;\r\n    font-style: italic;\r\n    font-weight: bold;\r\n    text-transform: uppercase;\r\n    line-height: 1.4;\r\n}\r\n<\/style>\r\n\r\n<div class=\"filmmic-constellation-mobile\">\r\n    <div class=\"constellation-map\">\r\n        <div class=\"line l1\"><\/div><div class=\"line l2\"><\/div>\r\n        <div class=\"line l3\"><\/div><div class=\"line l4\"><\/div>\r\n        <div class=\"line l5\"><\/div>\r\n\r\n        <div class=\"center-star\">\u2b50<\/div>\r\n\r\n        <div class=\"b-star-point pos-1\" onclick=\"focusB(this, 'C\u00c2\u0218TIGI \u00ceNCREDERE \u00ceN TINE')\">\ud83d\udc8e<\/div>\r\n        <div class=\"b-star-point pos-2\" onclick=\"focusB(this, '\u00ceNT\u00c2LNE\u0218TI OAMENI NOI')\">\ud83e\udd1d<\/div>\r\n        <div class=\"b-star-point pos-3\" onclick=\"focusB(this, '\u00ce\u021aI ASUMI O PROVOCARE')\">\ud83c\udfaf<\/div>\r\n        <div class=\"b-star-point pos-4\" onclick=\"focusB(this, 'ABILIT\u0102\u021aI PRACTICE \u0218I SOCIALE')\">\u26a1<\/div>\r\n        <div class=\"b-star-point pos-5\" onclick=\"focusB(this, 'COMUNITATEA FILMMIC')\">\ud83c\udfac<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"benefit-info-card\">\r\n        <div id=\"star-display\">APAS\u0102 PE SIMBOLURILE DIN JURUL STELEI<\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction focusB(el, text) {\r\n    document.querySelectorAll('.b-star-point').forEach(p => p.classList.remove('active'));\r\n    el.classList.add('active');\r\n    \r\n    const display = document.getElementById('star-display');\r\n    display.style.opacity = '0';\r\n    \r\n    setTimeout(() => {\r\n        display.innerText = text;\r\n        display.style.opacity = '1';\r\n    }, 150);\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c2ea6eb elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"c2ea6eb\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9cfd878\" data-id=\"9cfd878\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cbc22fc elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"cbc22fc\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-319b5d5\" data-id=\"319b5d5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c973fb4 elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"c973fb4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@500&display=swap');\r\n\r\n.title-single-line {\r\n    position: relative;\r\n    padding: 25px 50px;\r\n    margin: 40px auto;\r\n    max-width: 100%; \/* Ocup\u0103 tot spa\u021biul disponibil pentru a sta pe un r\u00e2nd *\/\r\n    width: fit-content; \/* Se muleaz\u0103 pe text *\/\r\n    background: rgba(0, 0, 0, 0.4);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: crosshair;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n\/* Col\u021burile HUD sub\u021biri \u0219i elegante *\/\r\n.h-corner {\r\n    position: absolute;\r\n    width: 25px;\r\n    height: 25px;\r\n    border: 3px solid #ff0050;\r\n    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);\r\n    opacity: 0.4;\r\n}\r\n.tl { top: -2px; left: -2px; border-right: none; border-bottom: none; }\r\n.tr { top: -2px; right: -2px; border-left: none; border-bottom: none; }\r\n.bl { bottom: -2px; left: -2px; border-right: none; border-top: none; }\r\n.br { bottom: -2px; right: -2px; border-left: none; border-top: none; }\r\n\r\n\/* Dinamica la Hover *\/\r\n.title-single-line:hover {\r\n    background: rgba(255, 0, 80, 0.05);\r\n    border-color: rgba(255, 0, 80, 0.5);\r\n    box-shadow: 0 0 40px rgba(255, 0, 80, 0.15);\r\n}\r\n\r\n.title-single-line:hover .h-corner {\r\n    opacity: 1;\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n\/* Textul pe un singur r\u00e2nd *\/\r\n.text-row {\r\n    font-family: \"Times New Roman\", Times, serif;\r\n    font-size: clamp(24px, 4vw, 42px); \/* Se mic\u0219oreaz\u0103 automat pe ecrane mici *\/\r\n    font-weight: bold;\r\n    font-style: italic;\r\n    color: #fff;\r\n    white-space: nowrap; \/* For\u021beaz\u0103 textul pe un singur r\u00e2nd *\/\r\n    text-transform: uppercase;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    margin: 0;\r\n}\r\n\r\n.orbit-accent {\r\n    font-family: 'Orbitron', sans-serif;\r\n    color: #ff0050;\r\n    font-style: normal;\r\n    letter-spacing: 3px;\r\n    margin-left: 10px;\r\n}\r\n\r\n.emoji-glow {\r\n    filter: drop-shadow(0 0 5px #ff0050);\r\n    transition: 0.3s;\r\n}\r\n\r\n.title-single-line:hover .emoji-glow {\r\n    transform: scale(1.2) rotate(-10deg);\r\n}\r\n<\/style>\r\n\r\n<div class=\"title-single-line\">\r\n    <div class=\"h-corner tl\"><\/div>\r\n    <div class=\"h-corner tr\"><\/div>\r\n    <div class=\"h-corner bl\"><\/div>\r\n    <div class=\"h-corner br\"><\/div>\r\n\r\n    <h2 class=\"text-row\">\r\n        <span class=\"emoji-glow\">\ud83c\udfac<\/span>\r\n        CE ESTE VOLUNTARIATUL <span class=\"orbit-accent\">FILMMIC<\/span>?\r\n    <\/h2>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a3a0ea7 elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"a3a0ea7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b61972b\" data-id=\"b61972b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8099db5 elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"8099db5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* Import\u0103m doar fontul tech pentru accente, restul va fi Times New Roman *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@700&display=swap');\r\n\r\n.filmmic-classic-neon {\r\n    padding: 40px 10px;\r\n    background: transparent;\r\n    color: #fff;\r\n    \/* For\u021b\u0103m Times New Roman pentru tot containerul *\/\r\n    font-family: \"Times New Roman\", Times, serif;\r\n}\r\n\r\n.neon-stack {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 25px;\r\n    max-width: 850px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.neon-card {\r\n    position: relative;\r\n    padding: 50px 40px;\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    background: rgba(255, 255, 255, 0.02);\r\n    transition: all 0.4s ease-in-out;\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n}\r\n\r\n\/* Scanarea laser *\/\r\n.neon-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -100%;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(to bottom, transparent, rgba(255, 0, 80, 0.4), transparent);\r\n    pointer-events: none;\r\n    z-index: 1;\r\n}\r\n\r\n.neon-card:hover::before {\r\n    top: 100%;\r\n    transition: 0.8s ease-in-out;\r\n}\r\n\r\n\/* Col\u021burile Ro\u0219ii *\/\r\n.corner {\r\n    position: absolute;\r\n    width: 15px;\r\n    height: 15px;\r\n    border: 2px solid #ff0050;\r\n    z-index: 2;\r\n    transition: 0.3s;\r\n}\r\n.tl { top: 0; left: 0; border-right: none; border-bottom: none; }\r\n.tr { top: 0; right: 0; border-left: none; border-bottom: none; }\r\n.bl { bottom: 0; left: 0; border-right: none; border-top: none; }\r\n.br { bottom: 0; right: 0; border-left: none; border-top: none; }\r\n\r\n.neon-card:hover {\r\n    border-color: #ff0050;\r\n    background: rgba(255, 0, 80, 0.05);\r\n    transform: translateX(15px);\r\n}\r\n\r\n.neon-card:hover .corner {\r\n    width: 30px;\r\n    height: 30px;\r\n    box-shadow: 0 0 15px #ff0050;\r\n}\r\n\r\n\/* Stil Text Times New Roman *\/\r\n.text-main {\r\n    font-size: clamp(24px, 5vw, 38px);\r\n    line-height: 1.2;\r\n    font-style: italic; \/* Arat\u0103 foarte bine Times New Roman italicizat *\/\r\n    position: relative;\r\n    z-index: 3;\r\n}\r\n\r\n.neon-accent {\r\n    font-family: 'Orbitron', sans-serif; \/* P\u0103str\u0103m un pic de tech pe cuvintele cheie *\/\r\n    color: #ff0050;\r\n    font-style: normal;\r\n    text-shadow: 0 0 10px rgba(255, 0, 80, 0.5);\r\n    display: inline-block;\r\n}\r\n\r\n\/* Emoji Styling *\/\r\n.emoji {\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n    filter: grayscale(1); \/* Alb-negru ini\u021bial *\/\r\n    transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n}\r\n\r\n.neon-card:hover .emoji {\r\n    filter: grayscale(0);\r\n    transform: scale(1.5) rotate(10deg);\r\n}\r\n\r\n.special {\r\n    border: 2px dashed rgba(255, 0, 80, 0.3);\r\n}\r\n<\/style>\r\n\r\n<div class=\"filmmic-classic-neon\">\r\n    <div class=\"neon-stack\">\r\n\r\n        <div class=\"neon-card\">\r\n            <div class=\"corner tl\"><\/div><div class=\"corner tr\"><\/div>\r\n            <div class=\"corner bl\"><\/div><div class=\"corner br\"><\/div>\r\n            <div class=\"text-main\">\r\n                <span class=\"neon-accent\">PUTEREA<\/span> <span class=\"emoji\">\u26a1<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"neon-card\">\r\n            <div class=\"corner tl\"><\/div><div class=\"corner tr\"><\/div>\r\n            <div class=\"corner bl\"><\/div><div class=\"corner br\"><\/div>\r\n            <div class=\"text-main\">\r\n                DE A AC\u021aIONA CA UN<br>\r\n                <span class=\"neon-accent\">AGENT AL SCHIMB\u0102RII<\/span> <span class=\"emoji\">\ud83c\udfac<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"neon-card special\">\r\n            <div class=\"corner tl\"><\/div><div class=\"corner tr\"><\/div>\r\n            <div class=\"corner bl\"><\/div><div class=\"corner br\"><\/div>\r\n            <div class=\"text-main\">\r\n                PRIN INTERMEDIUL UNUI<br>\r\n                <span class=\"neon-accent\">PROIECT UNIC \u2013 FILMMIC<\/span> <span class=\"emoji\">\ud83d\ude80<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bc95fe7 elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"bc95fe7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4379cb3\" data-id=\"4379cb3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-019f0fe elementor-widget elementor-widget-html\" data-id=\"019f0fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@500&display=swap');\r\n\r\n.title-benefits-refines {\r\n    position: relative;\r\n    \/* Redus padding-ul orizontal pentru a fi mai compact *\/\r\n    padding: 22px 50px;\r\n    margin: 40px auto;\r\n    max-width: 100%;\r\n    width: fit-content;\r\n    background: rgba(0, 0, 0, 0.4);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: default;\r\n    transition: all 0.4s ease;\r\n    backdrop-filter: blur(5px); \/* Efect discret de sticla *\/\r\n}\r\n\r\n\/* Col\u021burile HUD ro\u0219ii rafinate *\/\r\n.h-corner {\r\n    position: absolute;\r\n    width: 20px; \/* Mai mici initial *\/\r\n    height: 20px;\r\n    border: 2px solid #ff0050; \/* Bordura mai subtire *\/\r\n    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);\r\n    opacity: 0.3; \/* Mai transparente initial *\/\r\n}\r\n.tl { top: -2px; left: -2px; border-right: none; border-bottom: none; }\r\n.tr { top: -2px; right: -2px; border-left: none; border-bottom: none; }\r\n.bl { bottom: -2px; left: -2px; border-right: none; border-top: none; }\r\n.br { bottom: -2px; right: -2px; border-left: none; border-top: none; }\r\n\r\n.title-benefits-refines:hover {\r\n    background: rgba(255, 0, 80, 0.05);\r\n    border-color: rgba(255, 0, 80, 0.5);\r\n    box-shadow: 0 0 30px rgba(255, 0, 80, 0.1);\r\n}\r\n\r\n.title-benefits-refines:hover .h-corner {\r\n    opacity: 1;\r\n    width: 45px; \/* Extindere mai discreta *\/\r\n    height: 45px;\r\n}\r\n\r\n\/* Textul pe un singur r\u00e2nd (MAI MIC) *\/\r\n.text-row {\r\n    font-family: \"Times New Roman\", Times, serif;\r\n    \/* Redus clamp-ul pentru un scris mai mic si elegant *\/\r\n    font-size: clamp(20px, 3.5vw, 36px); \r\n    font-weight: bold;\r\n    font-style: italic;\r\n    color: rgba(255, 255, 255, 0.9); \/* Alb discret, nu pur *\/\r\n    white-space: nowrap;\r\n    text-transform: uppercase;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px; \/* Spatiu mai mic intre emoji si text *\/\r\n    margin: 0;\r\n}\r\n\r\n.orbit-accent {\r\n    font-family: 'Orbitron', sans-serif;\r\n    color: #ff0050;\r\n    font-style: normal;\r\n    letter-spacing: 2.5px;\r\n    text-shadow: 0 0 10px rgba(255, 0, 80, 0.5);\r\n}\r\n\r\n\/* Emoji Diamant (MAI MIC SI ECHILIBRAT) *\/\r\n.emoji-benefit-ref {\r\n    font-size: 1.0em; \/* Echivalent cu inaltimea textului *\/\r\n    filter: drop-shadow(0 0 6px #ff0050);\r\n    transition: 0.4s;\r\n    font-style: normal;\r\n    \/* Ajustare fina a pozitiei verticale *\/\r\n    transform: translateY(1px); \r\n    margin-right: 2px;\r\n}\r\n\r\n.title-benefits-refines:hover .emoji-benefit-ref {\r\n    transform: scale(1.15) translateY(-3px); \/* Anima\u021bie mai discreta *\/\r\n    filter: drop-shadow(0 0 10px #ff0050);\r\n}\r\n<\/style>\r\n\r\n<div class=\"title-benefits-refines\">\r\n    <div class=\"h-corner tl\"><\/div>\r\n    <div class=\"h-corner tr\"><\/div>\r\n    <div class=\"h-corner bl\"><\/div>\r\n    <div class=\"h-corner br\"><\/div>\r\n\r\n    <h2 class=\"text-row\">\r\n        <span class=\"emoji-benefit-ref\">\ud83d\udc8e<\/span>\r\n        BENEFICIILE VOLUNTARIATULUI LA <span class=\"orbit-accent\">FILMMIC<\/span>\r\n    <\/h2>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c38df5b elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"c38df5b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-adce205\" data-id=\"adce205\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fa10a7d elementor-widget elementor-widget-html\" data-id=\"fa10a7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@500&display=swap');\r\n\r\n.filmmic-benefits-final {\r\n    position: relative;\r\n    height: 650px;\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: center;\r\n    background: transparent;\r\n    font-family: \"Times New Roman\", Times, serif;\r\n    padding-bottom: 30px;\r\n}\r\n\r\n\/* Arcul de cerc *\/\r\n.mega-arc-box {\r\n    position: relative;\r\n    width: 850px;\r\n    height: 425px;\r\n    border: 2px solid rgba(255, 255, 255, 0.1);\r\n    border-bottom: none;\r\n    border-radius: 850px 850px 0 0;\r\n    transition: all 0.5s ease;\r\n}\r\n\r\n.mega-arc-box:hover {\r\n    border-color: rgba(255, 0, 80, 0.4);\r\n}\r\n\r\n\/* Bulinele - Aerisite \u0219i Mari *\/\r\n.b-point {\r\n    position: absolute;\r\n    width: 85px;\r\n    height: 85px;\r\n    background: #000;\r\n    border: 2px solid #fff;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 38px;\r\n    cursor: pointer;\r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    z-index: 20;\r\n}\r\n\r\n\/* Pozi\u021bii fixe pe arc *\/\r\n.p1 { bottom: 5%; left: -42px; }\r\n.p2 { top: 22%; left: 65px; }\r\n.p3 { top: -42px; left: 50%; transform: translateX(-50%); }\r\n.p4 { top: 22%; right: 65px; }\r\n.p5 { bottom: 5%; right: -42px; }\r\n\r\n\/* Efect la hover pe bulin\u0103 *\/\r\n.b-point:hover {\r\n    border-color: #ff0050;\r\n    transform: scale(1.2) translateY(-5px);\r\n    box-shadow: 0 0 40px #ff0050;\r\n}\r\n\r\n\/* Zona de text central\u0103 sub arc *\/\r\n.mega-info {\r\n    position: absolute;\r\n    bottom: 20px;\r\n    text-align: center;\r\n    width: 100%;\r\n    pointer-events: none;\r\n    padding: 0 20px;\r\n}\r\n\r\n.system-tag {\r\n    font-family: 'Orbitron', sans-serif;\r\n    color: #ff0050;\r\n    letter-spacing: 10px;\r\n    font-size: 13px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    text-shadow: 0 0 10px rgba(255, 0, 80, 0.5);\r\n}\r\n\r\n#benefit-display {\r\n    font-size: clamp(30px, 5vw, 52px);\r\n    font-weight: bold;\r\n    font-style: italic;\r\n    color: #fff;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    line-height: 1.1;\r\n    min-height: 140px;\r\n    transition: opacity 0.2s ease;\r\n    text-transform: uppercase;\r\n}\r\n<\/style>\r\n\r\n<div class=\"filmmic-benefits-final\">\r\n    \r\n    <div class=\"mega-arc-box\">\r\n        <div class=\"b-point p1\" onmouseover=\"changeT(this, 'CAPETI \u00ceNCREDERE \u00ceN TINE')\" onmouseout=\"clearT()\">\ud83d\udc8e<\/div>\r\n        <div class=\"b-point p2\" onmouseover=\"changeT(this, 'CUNOW\u0218TI OAMENI NOI')\" onmouseout=\"clearT()\">\ud83e\udd1d<\/div>\r\n        <div class=\"b-point p3\" onmouseover=\"changeT(this, 'ACCEP\u021aI O NOU\u0102 PROVOCARE')\" onmouseout=\"clearT()\">\ud83c\udfaf<\/div>\r\n        <div class=\"b-point p4\" onmouseover=\"changeT(this, 'DEZVOL\u021aI ABILIT\u0102\u021aI PRACTICE \u0218I SOCIALE')\" onmouseout=\"clearT()\">\u26a1<\/div>\r\n        <div class=\"b-point p5\" onmouseover=\"changeT(this, 'DEVII PARTE DIN COMUNITATEA FILMMIC')\" onmouseout=\"clearT()\">\ud83c\udfac<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mega-info\">\r\n        <span class=\"system-tag\">BENEFICII FILMMIC<\/span>\r\n        <div id=\"benefit-display\">TRECE CURSORUL PESTE SIMBOLURI<\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst display = document.getElementById('benefit-display');\r\nconst defaultText = \"BENEFICIILE VOLUNTARIATULUI\";\r\n\r\nfunction changeT(element, text) {\r\n    \/\/ Schimb\u0103m textul imediat\r\n    display.style.opacity = '0';\r\n    \r\n    setTimeout(() => {\r\n        display.innerText = text;\r\n        display.style.color = '#ff0050';\r\n        display.style.opacity = '1';\r\n    }, 50);\r\n}\r\n\r\nfunction clearT() {\r\n    display.style.opacity = '0.5';\r\n    display.style.color = '#fff';\r\n    display.innerText = defaultText;\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9916dc8 elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"9916dc8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f527db0\" data-id=\"f527db0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1bb660b elementor-widget elementor-widget-spacer\" data-id=\"1bb660b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-708dfa6 elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"708dfa6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-224788a\" data-id=\"224788a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3d3a96e elementor-widget elementor-widget-html\" data-id=\"3d3a96e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@500&display=swap');\r\n\r\n.title-voluntar-refines {\r\n    position: relative;\r\n    padding: 22px 50px;\r\n    margin: 40px auto;\r\n    max-width: 100%;\r\n    width: fit-content;\r\n    background: rgba(0, 0, 0, 0.4);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: default;\r\n    transition: all 0.4s ease;\r\n    backdrop-filter: blur(5px);\r\n}\r\n\r\n\/* Col\u021burile HUD ro\u0219ii rafinate *\/\r\n.h-corner {\r\n    position: absolute;\r\n    width: 20px;\r\n    height: 20px;\r\n    border: 2px solid #ff0050;\r\n    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);\r\n    opacity: 0.3;\r\n}\r\n.tl { top: -2px; left: -2px; border-right: none; border-bottom: none; }\r\n.tr { top: -2px; right: -2px; border-left: none; border-bottom: none; }\r\n.bl { bottom: -2px; left: -2px; border-right: none; border-top: none; }\r\n.br { bottom: -2px; right: -2px; border-left: none; border-top: none; }\r\n\r\n.title-voluntar-refines:hover {\r\n    background: rgba(255, 0, 80, 0.05);\r\n    border-color: rgba(255, 0, 80, 0.5);\r\n    box-shadow: 0 0 30px rgba(255, 0, 80, 0.1);\r\n}\r\n\r\n.title-voluntar-refines:hover .h-corner {\r\n    opacity: 1;\r\n    width: 45px;\r\n    height: 45px;\r\n}\r\n\r\n\/* Textul pe un singur r\u00e2nd (DIMENSIUNE IDENTIC\u0102 CU ULTIMUL) *\/\r\n.text-row {\r\n    font-family: \"Times New Roman\", Times, serif;\r\n    font-size: clamp(20px, 3.5vw, 36px); \r\n    font-weight: bold;\r\n    font-style: italic;\r\n    color: rgba(255, 255, 255, 0.9);\r\n    white-space: nowrap;\r\n    text-transform: uppercase;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin: 0;\r\n}\r\n\r\n.orbit-accent {\r\n    font-family: 'Orbitron', sans-serif;\r\n    color: #ff0050;\r\n    font-style: normal;\r\n    letter-spacing: 2.5px;\r\n    text-shadow: 0 0 10px rgba(255, 0, 80, 0.5);\r\n}\r\n\r\n\/* Emoji Echipa\/Conexiune (ECHILIBRAT) *\/\r\n.emoji-vol-ref {\r\n    font-size: 1.0em;\r\n    filter: drop-shadow(0 0 6px #ff0050);\r\n    transition: 0.4s;\r\n    font-style: normal;\r\n    transform: translateY(1px); \r\n    margin-right: 2px;\r\n}\r\n\r\n.title-voluntar-refines:hover .emoji-vol-ref {\r\n    transform: scale(1.15) translateY(-3px);\r\n    filter: drop-shadow(0 0 10px #ff0050);\r\n}\r\n<\/style>\r\n\r\n<div class=\"title-voluntar-refines\">\r\n    <div class=\"h-corner tl\"><\/div>\r\n    <div class=\"h-corner tr\"><\/div>\r\n    <div class=\"h-corner bl\"><\/div>\r\n    <div class=\"h-corner br\"><\/div>\r\n\r\n    <h2 class=\"text-row\">\r\n        <span class=\"emoji-vol-ref\">\ud83e\udd1d<\/span>\r\n        CE \u00ceNSEAMN\u0102 S\u0102 FII VOLUNTAR <span class=\"orbit-accent\">FILMMIC<\/span>?\r\n    <\/h2>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c4b2698 elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"c4b2698\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-47f5279\" data-id=\"47f5279\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-72d8b52 elementor-hidden-mobile elementor-widget elementor-widget-spacer\" data-id=\"72d8b52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-824fe59 elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"824fe59\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b39601a\" data-id=\"b39601a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-85668a2 elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"85668a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* Fonturi *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@600&display=swap');\r\n\r\n.voluntar-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n    gap: 20px;\r\n    padding: 40px 10px;\r\n    background: transparent;\r\n}\r\n\r\n.v-card {\r\n    position: relative;\r\n    background: #111; \/* Fundal \u00eenchis pentru contrast cu neonul *\/\r\n    border: 1px solid rgba(255, 255, 255, 0.05);\r\n    border-radius: 12px;\r\n    padding: 30px 20px;\r\n    transition: all 0.4s ease;\r\n    overflow: hidden;\r\n    min-height: 220px;\r\n    cursor: pointer;\r\n}\r\n\r\n\/* Col\u021burile neon - se aprind la hover *\/\r\n.v-corner {\r\n    position: absolute;\r\n    width: 8px;\r\n    height: 8px;\r\n    border: 2px solid #ff0050;\r\n    opacity: 0;\r\n    transition: 0.3s;\r\n}\r\n.v-tl { top: 10px; left: 10px; border-right: none; border-bottom: none; }\r\n.v-tr { top: 10px; right: 10px; border-left: none; border-bottom: none; }\r\n.v-bl { bottom: 10px; left: 10px; border-right: none; border-top: none; }\r\n.v-br { bottom: 10px; right: 10px; border-left: none; border-bottom: none; }\r\n\r\n\/* Efectul de Glow Ro\u0219u la Hover *\/\r\n.v-card:hover {\r\n    transform: translateY(-5px);\r\n    border-color: #ff0050;\r\n    box-shadow: 0 0 30px rgba(255, 0, 80, 0.4), inset 0 0 15px rgba(255, 0, 80, 0.1);\r\n    background: #000;\r\n}\r\n\r\n.v-card:hover .v-corner {\r\n    opacity: 1;\r\n    width: 15px;\r\n    height: 15px;\r\n}\r\n\r\n\/* Iconi\u021b\u0103 \/ Emoji *\/\r\n.v-icon {\r\n    font-size: 32px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    filter: grayscale(1) brightness(0.8);\r\n    transition: 0.4s;\r\n}\r\n\r\n.v-card:hover .v-icon {\r\n    filter: grayscale(0) brightness(1.2);\r\n    transform: scale(1.2);\r\n}\r\n\r\n\/* Stil Text *\/\r\n.v-title {\r\n    font-family: \"Times New Roman\", Times, serif;\r\n    font-size: 20px;\r\n    font-weight: bold;\r\n    color: #fff;\r\n    margin-bottom: 12px;\r\n    display: block;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.v-desc {\r\n    font-family: \"Times New Roman\", Times, serif;\r\n    font-size: 15px;\r\n    line-height: 1.5;\r\n    color: rgba(255, 255, 255, 0.7);\r\n    font-style: italic;\r\n}\r\n\r\n.v-card:hover .v-desc {\r\n    color: #fff;\r\n}\r\n\r\n\/* Accent pe cuvinte cheie *\/\r\n.v-accent {\r\n    font-family: 'Orbitron', sans-serif;\r\n    color: #ff0050;\r\n    font-size: 0.85em;\r\n    font-style: normal;\r\n}\r\n<\/style>\r\n\r\n<div class=\"voluntar-grid\">\r\n\r\n    <div class=\"v-card\">\r\n        <div class=\"v-corner v-tl\"><\/div><div class=\"v-corner v-tr\"><\/div>\r\n        <div class=\"v-corner v-bl\"><\/div><div class=\"v-corner v-br\"><\/div>\r\n        <span class=\"v-icon\">\ud83c\udfac<\/span>\r\n        <span class=\"v-title\">Echip\u0103 dinamic\u0103<\/span>\r\n        <p class=\"v-desc\">Faci parte dintr-o echip\u0103 creativ\u0103, plin\u0103 de energie \u0219i motivat\u0103.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"v-card\">\r\n        <div class=\"v-corner v-tl\"><\/div><div class=\"v-corner v-tr\"><\/div>\r\n        <div class=\"v-corner v-bl\"><\/div><div class=\"v-corner v-br\"><\/div>\r\n        <span class=\"v-icon\">\ud83c\udf0d<\/span>\r\n        <span class=\"v-title\">Proiect interna\u021bional<\/span>\r\n        <p class=\"v-desc\">E\u0219ti implicat \u00een organizarea <span class=\"v-accent\">FILMMIC<\/span> \u2013 un proiect cu participare na\u021bional\u0103 \u0219i interna\u021bional\u0103.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"v-card\">\r\n        <div class=\"v-corner v-tl\"><\/div><div class=\"v-corner v-tr\"><\/div>\r\n        <div class=\"v-corner v-bl\"><\/div><div class=\"v-corner v-br\"><\/div>\r\n        <span class=\"v-icon\">\ud83d\udcc4<\/span>\r\n        <span class=\"v-title\">Adeverin\u021b\u0103<\/span>\r\n        <p class=\"v-desc\">Prime\u0219ti o adeverin\u021b\u0103 de voluntariat recunoscut\u0103 oficial pentru portofoliul t\u0103u.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"v-card\">\r\n        <div class=\"v-corner v-tl\"><\/div><div class=\"v-corner v-tr\"><\/div>\r\n        <div class=\"v-corner v-bl\"><\/div><div class=\"v-corner v-br\"><\/div>\r\n        <span class=\"v-icon\">\ud83d\ude80<\/span>\r\n        <span class=\"v-title\">Competen\u021be<\/span>\r\n        <p class=\"v-desc\">Desor\u021bi competen\u021be transferabile aplicabile \u00eentr-o gam\u0103 larg\u0103 de domenii creative.<\/p>\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0b3981b elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"0b3981b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c8c8c2b\" data-id=\"c8c8c2b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fba3b6f elementor-widget elementor-widget-spacer\" data-id=\"fba3b6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Despre Festival Regulament Juriu Finali\u0219ti 2026 Voluntari \u00censcrieri Contact 01 Despre Festival 02 Regulament 03 Juriu 04 Finali\u0219ti 2026 05 Voluntari 06 \u00censcrieri 07 Contact \ud83d\udcc2 DEPARTAMENTELE FILMMIC Tehnic Promovare Design Sponsoriz\u0103ri Festivitate Workshop DETALII_SISTEM Tehnic Site-ul festivalului, suport pentru departamente, imagine online \u0219i offline, materiale video \u0219i fotografice, con\u021binut pentru ceremonia de premiere \u0219i [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-5430","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/pages\/5430","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/comments?post=5430"}],"version-history":[{"count":399,"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/pages\/5430\/revisions"}],"predecessor-version":[{"id":7457,"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/pages\/5430\/revisions\/7457"}],"wp:attachment":[{"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/media?parent=5430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}