{"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-09-16T23:58:49","modified_gmt":"2026-09-16T20:58: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      <\/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      <\/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\r\n\/* Structur\u0103 dinamic\u0103 Logo *\/\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-d0c058f elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"d0c058f\" 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-62e9ec2\" data-id=\"62e9ec2\" 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-a782d9f elementor-widget elementor-widget-html\" data-id=\"a782d9f\" 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=\"cyber-card-wrapper\">\r\n    <!-- Spotlight \/ Neon background aura -->\r\n    <div class=\"neon-aura\"><\/div>\r\n\r\n    <div class=\"cyber-card\">\r\n        <!-- Rotative border light effect -->\r\n        <div class=\"card-border-glow\"><\/div>\r\n        \r\n        <div class=\"card-content\">\r\n            <!-- Indicator live status -->\r\n            <div class=\"status-tag\">\r\n                <span class=\"dot\"><\/span> STATUS: DESCHIS\r\n            <\/div>\r\n\r\n            <!-- Titlu Alb Alb cu Glow Red Accent -->\r\n            <h2 class=\"dynamic-title\">\r\n                FORMULAR \u00ceNSCRIERE VOLUNTARI\r\n                <span class=\"sub-edition\">EDI\u021aIA XIX<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"card-desc\">\r\n                Intr\u0103 \u00een echipa noilor creatori. Completeaz\u0103 formularul \u0219i rezerv\u0103-\u021bi locul \u00een culise!\r\n            <\/p>\r\n\r\n            <!-- BUTONUL WOW \/ ULTRA-DINAMIC -->\r\n            <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSf3z9-v8zJcjufIGjgaoLnwIVinxPzcz3qfYDPacY71etIp2A\/viewform\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ultra-btn\">\r\n                <span class=\"btn-laser\"><\/span>\r\n                <span class=\"btn-inner\">\r\n                    <span class=\"btn-text-white\">APLIC\u0102 ACUM<\/span>\r\n                    <span class=\"btn-arrow-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\">\r\n                            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                            <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                        <\/svg>\r\n                    <\/span>\r\n                <\/span>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@700;800&family=Space+Grotesk:wght@500;700&display=swap');\r\n\r\n.cyber-card-wrapper {\r\n    position: relative;\r\n    max-width: 520px;\r\n    margin: 40px auto;\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Ambient Neon Glow *\/\r\n.neon-aura {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 90%;\r\n    height: 80%;\r\n    background: radial-gradient(circle, rgba(255, 23, 68, 0.35) 0%, rgba(0, 0, 0, 0) 70%);\r\n    filter: blur(40px);\r\n    z-index: 0;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Card Principal Glassmorphism *\/\r\n.cyber-card {\r\n    position: relative;\r\n    z-index: 1;\r\n    background: rgba(12, 12, 15, 0.85);\r\n    backdrop-filter: blur(16px);\r\n    border-radius: 20px;\r\n    padding: 2px; \/* For animated border *\/\r\n    overflow: hidden;\r\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8), 0 0 20px rgba(255, 23, 68, 0.15);\r\n    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease;\r\n}\r\n\r\n.cyber-card-wrapper:hover .cyber-card {\r\n    transform: translateY(-5px) scale(1.01);\r\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.9), 0 0 35px rgba(255, 23, 68, 0.35);\r\n}\r\n\r\n\/* Animated Neon Border Sweep *\/\r\n.card-border-glow {\r\n    position: absolute;\r\n    inset: -150%;\r\n    background: conic-gradient(from 0deg, transparent 0 300deg, #ff1744 360deg);\r\n    animation: rotateGlow 4s linear infinite;\r\n    z-index: 1;\r\n}\r\n\r\n@keyframes rotateGlow {\r\n    100% { transform: rotate(360deg); }\r\n}\r\n\r\n.card-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    background: #0a0a0d;\r\n    border-radius: 18px;\r\n    padding: 35px 28px;\r\n    text-align: center;\r\n}\r\n\r\n\/* Status indicator badge *\/\r\n.status-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 11px;\r\n    letter-spacing: 2px;\r\n    color: #a1a1aa;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    padding: 5px 14px;\r\n    border-radius: 20px;\r\n    margin-bottom: 18px;\r\n    font-weight: 700;\r\n}\r\n\r\n.status-tag .dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    background-color: #ff1744;\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 8px #ff1744;\r\n    animation: pulseDot 1.5s infinite;\r\n}\r\n\r\n@keyframes pulseDot {\r\n    0%, 100% { opacity: 1; transform: scale(1); }\r\n    50% { opacity: 0.4; transform: scale(0.8); }\r\n}\r\n\r\n\/* Titlu Complet ALB *\/\r\n.dynamic-title {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    color: #ffffff !important;\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    line-height: 1.35;\r\n    letter-spacing: 1px;\r\n    margin: 0 0 12px 0;\r\n    text-transform: uppercase;\r\n    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.sub-edition {\r\n    display: block;\r\n    color: #ffffff !important;\r\n    font-size: 22px;\r\n    margin-top: 4px;\r\n    letter-spacing: 2px;\r\n    text-shadow: 0 0 15px rgba(255, 23, 68, 0.8), 0 0 2px #ffffff;\r\n}\r\n\r\n.card-desc {\r\n    font-size: 13px;\r\n    color: #a1a1aa;\r\n    line-height: 1.5;\r\n    margin: 0 auto 28px auto;\r\n    max-width: 400px;\r\n}\r\n\r\n\/* --- BUTON ULTRA-WOW --- *\/\r\n.ultra-btn {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 100%;\r\n    max-width: 320px;\r\n    padding: 2px;\r\n    border-radius: 12px;\r\n    text-decoration: none;\r\n    background: linear-gradient(135deg, #ff1744 0%, #7a0016 100%);\r\n    overflow: hidden;\r\n    box-shadow: 0 8px 25px rgba(255, 23, 68, 0.4);\r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n}\r\n\r\n.btn-laser {\r\n    position: absolute;\r\n    top: -50%;\r\n    left: -100%;\r\n    width: 60%;\r\n    height: 200%;\r\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);\r\n    transform: rotate(30deg);\r\n    transition: left 0.7s ease;\r\n}\r\n\r\n.ultra-btn:hover .btn-laser {\r\n    left: 140%;\r\n}\r\n\r\n.btn-inner {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    background: #0a0a0d;\r\n    padding: 14px 24px;\r\n    border-radius: 10px;\r\n    transition: background 0.3s ease;\r\n}\r\n\r\n.btn-text-white {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    color: #ffffff;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n.btn-arrow-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    color: #ff1744;\r\n    transition: transform 0.3s ease, color 0.3s ease;\r\n}\r\n\r\n\/* Hover pe Buton *\/\r\n.ultra-btn:hover {\r\n    transform: scale(1.03);\r\n    box-shadow: 0 12px 35px rgba(255, 23, 68, 0.7);\r\n}\r\n\r\n.ultra-btn:hover .btn-inner {\r\n    background: #ff1744;\r\n}\r\n\r\n.ultra-btn:hover .btn-arrow-icon {\r\n    color: #ffffff;\r\n    transform: translateX(6px);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .card-content { padding: 25px 18px; }\r\n    .dynamic-title { font-size: 17px; }\r\n    .sub-edition { font-size: 19px; }\r\n}\r\n<\/style>\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 festival, sprijin departamente, imagine online offline, materiale video foto, materiale de la gala 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 festival, sprijin departamente, imagine online offline, materiale video foto, materiale de la gala 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 de ansamblu 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, sus\u021binerea financiar\u0103, 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 experien\u021ba memorabil\u0103 a publicului.\" },\r\n    { t: \"Workshop\", c: \"#fb5607\", l: \"https:\/\/filmmic.ro\/wp69\/departamentul-workshop\/\", d: \"Coordonarea activit\u0103\u021bilor educa\u021bionale, atelierele de film \u0219i interac\u021biunea direct\u0103 cu jura\u021bii \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 = `UNIT_CONNECTED: ${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 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\r\n\/* Col\u021burile HUD Ro\u0219ii *\/\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\r\n\/* Containerul Video *\/\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\/1Nv1Zn6K7Ehj_kpkflAL_AEYhychN7iaP\/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\r\n\/* Col\u021burile HUD Ro\u0219ii *\/\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\r\n\/* Containerul Video *\/\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\/1m83TudTJq0vRhlxXeoUIv-OEQONEiPnv\/preview\" \r\n            allow=\"autoplay\">\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}\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\">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                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, 'C\u00c2\u0218TIGI \u00ceNCREDERE \u00ceN TINE')\" onmouseout=\"clearT()\">\ud83d\udc8e<\/div>\r\n        <div class=\"b-point p2\" onmouseover=\"changeT(this, '\u00ceNT\u00c2LNE\u0218TI OAMENI NOI')\" onmouseout=\"clearT()\">\ud83e\udd1d<\/div>\r\n        <div class=\"b-point p3\" onmouseover=\"changeT(this, '\u00ce\u021aI ASUMI O 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\">HOVER 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 \u00eenseamn\u0103 s\u0103 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-top: 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, energic\u0103 \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 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 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\">\u00ce\u021bi dezvol\u021bi competen\u021be transferabile aplicabile \u00eentr-o varietate 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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ef6486a 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=\"ef6486a\" 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-2b834ae\" data-id=\"2b834ae\" 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-6976763 elementor-widget elementor-widget-html\" data-id=\"6976763\" 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: 90%; \/* Am ad\u0103ugat max-width pentru a nu atinge marginile ecranului pe mobil *\/\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    box-sizing: border-box; \/* Previne overflow-ul din cauza padding-ului *\/\r\n}\r\n\r\n\/* Col\u021burile HUD ro\u0219ii *\/\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 *\/\r\n.text-row {\r\n    font-family: \"Times New Roman\", Times, serif;\r\n    font-size: clamp(16px, 4vw, 36px); \/* Am ajustat minimul la 16px pentru ecrane foarte mici *\/\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-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\/* ==================================================\r\n   OPTIMIZARE PENTRU TELEFON (SUB 768px)\r\n   ================================================== *\/\r\n@media (max-width: 768px) {\r\n    .title-depts-final {\r\n        padding: 15px 25px; \/* Reducem padding-ul lateral s\u0103 \u00eencap\u0103 textul *\/\r\n        margin: 20px auto;\r\n    }\r\n\r\n    .text-row {\r\n        gap: 8px; \/* Reducem spa\u021biul dintre emoji \u0219i text *\/\r\n    }\r\n\r\n    .orbit-accent {\r\n        letter-spacing: 1px; \/* \u00cengust\u0103m un pic textul Orbitron pe mobil *\/\r\n    }\r\n\r\n    .h-corner {\r\n        width: 12px; \/* Col\u021buri mai mici pe mobil *\/\r\n        height: 12px;\r\n    }\r\n\r\n    \/* Ajustare anima\u021bie hover pe mobil (s\u0103 nu ocupe tot ecranul) *\/\r\n    .title-depts-final:hover .h-corner {\r\n        width: 25px;\r\n        height: 25px;\r\n    }\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Despre Festival Regulament Juriu Finali\u0219ti 2026 Voluntari \u00censcrieri 01 Despre Festival 02 Regulament 03 Juriu 04 Finali\u0219ti 2026 05 Voluntari 06 \u00censcrieri STATUS: DESCHIS FORMULAR \u00ceNSCRIERE VOLUNTARI EDI\u021aIA XIX Intr\u0103 \u00een echipa noilor creatori. Completeaz\u0103 formularul \u0219i rezerv\u0103-\u021bi locul \u00een culise! APLIC\u0102 ACUM \ud83d\udcc2 DEPARTAMENTELE FILMMIC Tehnic Promovare Design Sponsoriz\u0103ri Festivitate Workshop DETALII_SISTEM Tehnic Site [&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":338,"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/pages\/5430\/revisions"}],"predecessor-version":[{"id":7069,"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/pages\/5430\/revisions\/7069"}],"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}]}}