{"id":4096,"date":"2024-01-19T20:51:47","date_gmt":"2024-01-19T20:51:47","guid":{"rendered":"https:\/\/filmmic.ro\/wp69\/?page_id=4096"},"modified":"2026-09-16T23:35:55","modified_gmt":"2026-09-16T20:35:55","slug":"main-home","status":"publish","type":"page","link":"https:\/\/filmmic.ro\/wp69\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4096\" class=\"elementor elementor-4096\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-62819c8 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"62819c8\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&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-7c8a39a\" data-id=\"7c8a39a\" 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-8ec37c5 elementor-widget elementor-widget-html\" data-id=\"8ec37c5\" 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-a4f0570 elementor-section-full_width elementor-section-height-min-height elementor-section-content-middle elementor-section-items-top elementor-section-stretched elementor-section-height-default qodef-elementor-content-no\" data-id=\"a4f0570\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;shape_divider_top&quot;:&quot;book&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M194,99c186.7,0.7,305-78.3,306-97.2c1,18.9,119.3,97.9,306,97.2c114.3-0.3,194,0.3,194,0.3s0-91.7,0-100c0,0,0,0,0-0 L0,0v99.3C0,99.3,79.7,98.7,194,99z\"\/>\n<\/svg>\t\t<\/div>\n\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-072110d\" data-id=\"072110d\" 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-a3cc9bb elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a3cc9bb\" 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<section class=\"hero-banner\">\r\n  <div class=\"hero-banner__content\">\r\n    <span class=\"hero-banner__badge\">Edi\u021bia XIX<\/span>\r\n    <h1 class=\"hero-banner__title\">FILMMIC<\/h1>\r\n    \r\n    <div class=\"hero-banner__meta\">\r\n      <p class=\"hero-banner__subtitle\">Festival Na\u021bional de Scurtmetraj, Fotografie \u0219i Benzi Desenate<\/p>\r\n      <span class=\"hero-banner__tag\">Pentru Liceeni<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;800;900&display=swap');\r\n\r\n.hero-banner {\r\n  --hero-accent: #ff3366;\r\n  --hero-text: #ffffff;\r\n  --hero-font: 'Montserrat', sans-serif;\r\n\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  min-height: 50vh;\r\n  padding: 30px 20px;\r\n  font-family: var(--hero-font);\r\n  position: relative;\r\n  background: transparent;\r\n}\r\n\r\n.hero-banner__content {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n  max-width: 1300px;\r\n}\r\n\r\n.hero-banner__badge {\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  letter-spacing: 4px;\r\n  color: var(--hero-text);\r\n  background: rgba(255, 51, 102, 0.15);\r\n  border: 1px solid rgba(255, 51, 102, 0.5);\r\n  padding: 6px 18px;\r\n  border-radius: 40px;\r\n  margin-bottom: 20px;\r\n  backdrop-filter: blur(4px);\r\n  box-shadow: 0 0 15px rgba(255, 51, 102, 0.2);\r\n  opacity: 0;\r\n  animation: heroFadeIn 1s ease forwards 0.2s;\r\n}\r\n\r\n.hero-banner__title {\r\n  font-size: clamp(70px, 13vw, 150px);\r\n  font-weight: 900;\r\n  line-height: 0.9;\r\n  margin: 0;\r\n  letter-spacing: 12px;\r\n  text-transform: uppercase;\r\n  background: linear-gradient(\r\n    120deg, \r\n    #ffffff 0%, \r\n    #ffffff 40%, \r\n    var(--hero-accent) 50%, \r\n    #ffffff 60%, \r\n    #ffffff 100%\r\n  );\r\n  background-size: 200% auto;\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  animation: \r\n    heroShine 4s linear infinite, \r\n    heroScale 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.7));\r\n}\r\n\r\n.hero-banner__meta {\r\n  margin-top: 25px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.hero-banner__subtitle {\r\n  font-size: clamp(14px, 2vw, 22px);\r\n  font-weight: 700;\r\n  color: var(--hero-text);\r\n  margin: 0;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  opacity: 0;\r\n  animation: heroExpand 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.6s;\r\n  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);\r\n}\r\n\r\n.hero-banner__tag {\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n  color: var(--hero-accent);\r\n  letter-spacing: 6px;\r\n  text-transform: uppercase;\r\n  opacity: 0;\r\n  animation: heroFadeIn 1s ease forwards 1s;\r\n  text-shadow: 0 0 10px rgba(255, 51, 102, 0.5);\r\n}\r\n\r\n\/* Keyframes *\/\r\n@keyframes heroShine {\r\n  to { background-position: 200% center; }\r\n}\r\n\r\n@keyframes heroScale {\r\n  from { opacity: 0; transform: scale(0.88); }\r\n  to { opacity: 1; transform: scale(1); }\r\n}\r\n\r\n@keyframes heroExpand {\r\n  from { opacity: 0; letter-spacing: -1px; transform: translateY(10px); }\r\n  to { opacity: 0.95; letter-spacing: 3px; transform: translateY(0); }\r\n}\r\n\r\n@keyframes heroFadeIn {\r\n  to { opacity: 1; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .hero-banner__title { letter-spacing: 4px; }\r\n  .hero-banner__subtitle { letter-spacing: 1px; }\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-78d9cc7 elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle qodef-elementor-content-no\" data-id=\"78d9cc7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_blur_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_blur_level&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:12,&quot;sizes&quot;:[]},&quot;background_motion_fx_blur_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:13,&quot;end&quot;:80}},&quot;background_motion_fx_blur_direction&quot;:&quot;out-in&quot;,&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-narrow\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0bd2130\" data-id=\"0bd2130\" 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<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-71d4b25 elementor-section-height-min-height elementor-section-content-middle elementor-section-boxed elementor-section-height-default qodef-elementor-content-no\" data-id=\"71d4b25\" 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-50 elementor-inner-column elementor-element elementor-element-c8fcff0\" data-id=\"c8fcff0\" 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-a2280b7 elementor-widget elementor-widget-html\" data-id=\"a2280b7\" 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=\"wow-experience-container\">\r\n  <div class=\"card-3d-wrap\" id=\"tiltCard\">\r\n    <div class=\"portal-ring\"><\/div>\r\n    <div class=\"cyber-grid-bg\"><\/div>\r\n\r\n    <div class=\"card-content-inner\">\r\n      <div class=\"holo-tag\">\r\n        <span class=\"glitch-spark\"><\/span>\r\n        EDITION XVIII \u2022 ARCHIVE\r\n      <\/div>\r\n\r\n      \r\n      <h1 class=\"hero-title-giant\" data-text=\"TEMA EDI\u021aIEI XVIII\">\r\n        TEMA EDI\u021aIEI XVIII\r\n      <\/h1>\r\n\r\n      <!-- Subtitlul Cinematic -->\r\n      <div class=\"sub-cinematic-wrapper\">\r\n        <span class=\"line-glow\"><\/span>\r\n        <span class=\"cinematic-quote\">\u201ePUNTE PESTE TIMP\u201d<\/span>\r\n        <span class=\"line-glow\"><\/span>\r\n      <\/div>\r\n\r\n      <!-- Butonul Ultra-Inedit -->\r\n      <div class=\"action-trigger\">\r\n        <a href=\"#inscriere\" class=\"btn-hyper-glow\">\r\n          <span class=\"btn-light-sweep\"><\/span>\r\n          <span class=\"btn-text\">\u00ceNSCRIE-TE ACUM<\/span>\r\n          <div class=\"icon-circle\">\r\n            <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\">\r\n              <path fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@700;900&family=Space+Grotesk:wght@700;900&display=swap');\r\n\r\n.wow-experience-container {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: 50px 20px;\r\n  perspective: 1000px;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Cardul 3D cu efect Tilt *\/\r\n.card-3d-wrap {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 800px;\r\n  background: rgba(6, 8, 15, 0.65);\r\n  backdrop-filter: blur(25px);\r\n  -webkit-backdrop-filter: blur(25px);\r\n  border: 1px solid rgba(255, 255, 255, 0.15);\r\n  border-radius: 32px;\r\n  padding: 60px 40px;\r\n  text-align: center;\r\n  overflow: hidden;\r\n  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.8),\r\n              0 0 40px rgba(0, 242, 254, 0.15),\r\n              inset 0 1px 0 rgba(255, 255, 255, 0.2);\r\n  transform-style: preserve-3d;\r\n  transition: transform 0.15s ease-out, border-color 0.4s ease, box-shadow 0.4s ease;\r\n}\r\n\r\n.card-3d-wrap:hover {\r\n  border-color: rgba(0, 242, 254, 0.6);\r\n  box-shadow: 0 40px 100px rgba(0, 0, 0, 0.9),\r\n              0 0 60px rgba(0, 242, 254, 0.3),\r\n              inset 0 1px 0 rgba(255, 255, 255, 0.4);\r\n}\r\n\r\n\/* Fundal Cyber Grid *\/\r\n.cyber-grid-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: linear-gradient(rgba(0, 242, 254, 0.05) 1px, transparent 1px),\r\n                    linear-gradient(90deg, rgba(0, 242, 254, 0.05) 1px, transparent 1px);\r\n  background-size: 30px 30px;\r\n  mask-image: radial-gradient(circle at center, black 40%, transparent 80%);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n\/* Portal Neon Inel *\/\r\n.portal-ring {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 400px;\r\n  height: 400px;\r\n  background: radial-gradient(circle, rgba(0, 242, 254, 0.25) 0%, rgba(255, 0, 128, 0.15) 50%, transparent 70%);\r\n  filter: blur(50px);\r\n  pointer-events: none;\r\n  animation: pulsePortal 6s ease-in-out infinite alternate;\r\n}\r\n\r\n.card-content-inner {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 18px;\r\n  transform: translateZ(40px); \/* Scoate con\u021binutul \u00een spa\u021biu 3D *\/\r\n}\r\n\r\n\/* Tag Holografic *\/\r\n.holo-tag {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 6px 18px;\r\n  border-radius: 100px;\r\n  background: rgba(255, 255, 255, 0.05);\r\n  border: 1px solid rgba(0, 242, 254, 0.3);\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: 11px;\r\n  letter-spacing: 4px;\r\n  color: #00f2fe;\r\n  box-shadow: 0 0 15px rgba(0, 242, 254, 0.2);\r\n}\r\n\r\n.glitch-spark {\r\n  width: 6px;\r\n  height: 6px;\r\n  background: #00f2fe;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 8px #00f2fe;\r\n  animation: blink 1.5s infinite;\r\n}\r\n\r\n\/* Titlu URIA\u0218 Metallic Chromed *\/\r\n.hero-title-giant {\r\n  margin: 0;\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: clamp(36px, 6.5vw, 72px);\r\n  font-weight: 900;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  line-height: 1.05;\r\n  background: linear-gradient(180deg, #FFFFFF 0%, #E2E8F0 45%, #00F2FE 70%, #4FACFE 100%);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  filter: drop-shadow(0 10px 25px rgba(0, 0, 0, 0.7));\r\n}\r\n\r\n\/* Subtitlu Cinematic cu Linii Luminoase *\/\r\n.sub-cinematic-wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  width: 100%;\r\n  justify-content: center;\r\n  margin-top: 4px;\r\n}\r\n\r\n.line-glow {\r\n  height: 1px;\r\n  width: 60px;\r\n  background: linear-gradient(90deg, transparent, rgba(0, 242, 254, 0.8), transparent);\r\n}\r\n\r\n.cinematic-quote {\r\n  font-family: 'Cinzel', serif;\r\n  font-size: clamp(20px, 3vw, 32px);\r\n  font-weight: 900;\r\n  letter-spacing: 3px;\r\n  color: #FFFFFF;\r\n  text-transform: uppercase;\r\n  text-shadow: 0 0 20px rgba(255, 255, 255, 0.6),\r\n               0 0 40px rgba(0, 242, 254, 0.4);\r\n}\r\n\r\n\/* Buton Hyper Glow *\/\r\n.action-trigger {\r\n  margin-top: 15px;\r\n}\r\n\r\n.btn-hyper-glow {\r\n  position: relative;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  padding: 18px 42px;\r\n  border-radius: 100px;\r\n  background: #000000;\r\n  border: 1px solid rgba(0, 242, 254, 0.5);\r\n  color: #ffffff;\r\n  font-family: 'Space Grotesk', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 900;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  text-decoration: none;\r\n  overflow: hidden;\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5),\r\n              0 0 30px rgba(0, 242, 254, 0.3);\r\n  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n}\r\n\r\n.btn-light-sweep {\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(0, 242, 254, 0.4), transparent);\r\n  transition: left 0.6s ease;\r\n}\r\n\r\n.btn-hyper-glow:hover .btn-light-sweep {\r\n  left: 100%;\r\n}\r\n\r\n.btn-hyper-glow:hover {\r\n  transform: scale(1.05);\r\n  border-color: #00f2fe;\r\n  background: rgba(0, 242, 254, 0.1);\r\n  box-shadow: 0 15px 40px rgba(0, 242, 254, 0.6),\r\n              0 0 50px rgba(0, 242, 254, 0.4);\r\n}\r\n\r\n.icon-circle {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 28px;\r\n  height: 28px;\r\n  background: #00f2fe;\r\n  color: #000;\r\n  border-radius: 50%;\r\n  transition: transform 0.3s ease, background 0.3s ease;\r\n}\r\n\r\n.btn-hyper-glow:hover .icon-circle {\r\n  transform: translateX(4px) rotate(-45deg);\r\n  background: #ffffff;\r\n}\r\n\r\n\/* Anima\u021bii Keyframes *\/\r\n@keyframes pulsePortal {\r\n  0% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.5; }\r\n  100% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.9; }\r\n}\r\n\r\n@keyframes blink {\r\n  0%, 100% { opacity: 1; }\r\n  50% { opacity: 0.2; }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .card-3d-wrap { padding: 40px 20px; }\r\n  .line-glow { width: 25px; }\r\n}\r\n<\/style>\r\n\r\n<!-- Script JS pentru efectul Parallax 3D la mi\u0219carea mouse-ului -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n  const card = document.getElementById('tiltCard');\r\n  if(!card) return;\r\n\r\n  card.addEventListener('mousemove', (e) => {\r\n    const rect = card.getBoundingClientRect();\r\n    const x = e.clientX - rect.left;\r\n    const y = e.clientY - rect.top;\r\n    \r\n    const centerX = rect.width \/ 2;\r\n    const centerY = rect.height \/ 2;\r\n    \r\n    const rotateX = ((y - centerY) \/ centerY) * -12;\r\n    const rotateY = ((x - centerX) \/ centerX) * 12;\r\n    \r\n    card.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\r\n  });\r\n\r\n  card.addEventListener('mouseleave', () => {\r\n    card.style.transform = 'rotateX(0deg) rotateY(0deg)';\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<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-19b3798\" data-id=\"19b3798\" 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-f148c05 elementor-widget elementor-widget-image\" data-id=\"f148c05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"210\" height=\"300\" src=\"https:\/\/filmmic.ro\/wp69\/wp-content\/uploads\/2026\/08\/Afis-FILMMIC-2026-210x300.jpg\" class=\"attachment-medium size-medium wp-image-6775\" alt=\"\" srcset=\"https:\/\/filmmic.ro\/wp69\/wp-content\/uploads\/2026\/08\/Afis-FILMMIC-2026-210x300.jpg 210w, https:\/\/filmmic.ro\/wp69\/wp-content\/uploads\/2026\/08\/Afis-FILMMIC-2026-717x1024.jpg 717w, https:\/\/filmmic.ro\/wp69\/wp-content\/uploads\/2026\/08\/Afis-FILMMIC-2026-768x1097.jpg 768w, https:\/\/filmmic.ro\/wp69\/wp-content\/uploads\/2026\/08\/Afis-FILMMIC-2026-1075x1536.jpg 1075w, https:\/\/filmmic.ro\/wp69\/wp-content\/uploads\/2026\/08\/Afis-FILMMIC-2026-1434x2048.jpg 1434w, https:\/\/filmmic.ro\/wp69\/wp-content\/uploads\/2026\/08\/Afis-FILMMIC-2026-scaled.jpg 1792w\" sizes=\"(max-width: 210px) 100vw, 210px\" \/>\t\t\t\t\t\t\t\t\t\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\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-42cc4f2 elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"42cc4f2\" 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-217033f\" data-id=\"217033f\" 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-3ce8274 elementor-widget elementor-widget-html\" data-id=\"3ce8274\" 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-tree-wrapper\">\r\n  \r\n  <!-- NODUL PRINCIPAL (TITLU CYBER) -->\r\n  <div class=\"cyber-root\">\r\n    <div class=\"glitch-badge\">\r\n      <span class=\"live-dot\"><\/span>\r\n      SECTOARE OFICIALE\r\n    <\/div>\r\n    <h1 class=\"cyber-title\" data-text=\"CATEGORII CONCURS\">CATEGORII CONCURS<\/h1>\r\n  <\/div>\r\n\r\n  <!-- LINII DE CONEXIUNE ANIMATE (DATA FLOW) -->\r\n  <div class=\"cyber-lines\">\r\n    <div class=\"main-stem\">\r\n      <div class=\"pulse-beam-v\"><\/div>\r\n    <\/div>\r\n    <div class=\"horizontal-bus\">\r\n      <div class=\"pulse-beam-h\"><\/div>\r\n    <\/div>\r\n    <div class=\"branch-stems\">\r\n      <div class=\"stem-drop\"><div class=\"pulse-beam-v delay-1\"><\/div><\/div>\r\n      <div class=\"stem-drop\"><div class=\"pulse-beam-v delay-2\"><\/div><\/div>\r\n      <div class=\"stem-drop\"><div class=\"pulse-beam-v delay-3\"><\/div><\/div>\r\n      <div class=\"stem-drop\"><div class=\"pulse-beam-v delay-4\"><\/div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- CELE 4 CATEGORII CU EFECTE DINAMICE -->\r\n  <div class=\"cyber-nodes-grid\">\r\n    \r\n    <!-- Nod 1: Scurtmetraj -->\r\n    <div class=\"cyber-card\">\r\n      <div class=\"glass-layer\"><\/div>\r\n      <div class=\"neon-border-glow\"><\/div>\r\n      <div class=\"icon-portal\">\r\n        <svg viewBox=\"0 0 24 24\" class=\"svg-icon\"><path d=\"M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"card-title\">SCURTMETRAJ<\/h3>\r\n      <div class=\"tag-pill\">FILM<\/div>\r\n    <\/div>\r\n\r\n    <!-- Nod 2: Fotografie -->\r\n    <div class=\"cyber-card\">\r\n      <div class=\"glass-layer\"><\/div>\r\n      <div class=\"neon-border-glow\"><\/div>\r\n      <div class=\"icon-portal\">\r\n        <svg viewBox=\"0 0 24 24\" class=\"svg-icon\"><path d=\"M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><circle cx=\"12\" cy=\"13\" r=\"3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"card-title\">FOTOGRAFIE<\/h3>\r\n      <div class=\"tag-pill\">FOTO<\/div>\r\n    <\/div>\r\n\r\n    <!-- Nod 3: Benzi Desenate -->\r\n    <div class=\"cyber-card\">\r\n      <div class=\"glass-layer\"><\/div>\r\n      <div class=\"neon-border-glow\"><\/div>\r\n      <div class=\"icon-portal\">\r\n        <svg viewBox=\"0 0 24 24\" class=\"svg-icon\"><path d=\"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"card-title\">BENZI DESENATE<\/h3>\r\n      <div class=\"tag-pill\">DESEN GRAFIC<\/div>\r\n    <\/div>\r\n\r\n    <!-- Nod 4: Spot Publicitar -->\r\n    <div class=\"cyber-card\">\r\n      <div class=\"glass-layer\"><\/div>\r\n      <div class=\"neon-border-glow\"><\/div>\r\n      <div class=\"icon-portal\">\r\n        <svg viewBox=\"0 0 24 24\" class=\"svg-icon\"><path d=\"M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 000-6M11 5.882a3 3 0 00-2.38 2.802M11 5.882L15.316 3A1.5 1.5 0 0117.5 4.302v15.396a1.5 1.5 0 01-2.184 1.302L11 18.118\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"card-title\">SPOT PUBLICITAR<\/h3>\r\n      <div class=\"tag-pill\">PUBLICITAR<\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@700;900&family=Plus+Jakarta+Sans:wght@800;900&display=swap');\r\n\r\n.cyber-tree-wrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 60px 20px;\r\n  width: 100%;\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  box-sizing: border-box;\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n}\r\n\r\n\/* 1. TITLU FUTURIST SI ANIMAT *\/\r\n.cyber-root {\r\n  text-align: center;\r\n  position: relative;\r\n}\r\n\r\n.glitch-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 6px 20px;\r\n  border-radius: 30px;\r\n  background: rgba(0, 242, 254, 0.08);\r\n  border: 1px solid rgba(0, 242, 254, 0.4);\r\n  font-family: 'Orbitron', sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 4px;\r\n  color: #00f2fe;\r\n  margin-bottom: 14px;\r\n  box-shadow: 0 0 15px rgba(0, 242, 254, 0.25);\r\n}\r\n\r\n.live-dot {\r\n  width: 7px;\r\n  height: 7px;\r\n  background: #ff3366;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 10px #ff3366;\r\n  animation: pulse-dot 1.5s infinite alternate;\r\n}\r\n\r\n@keyframes pulse-dot {\r\n  0% { transform: scale(0.8); opacity: 0.6; }\r\n  100% { transform: scale(1.3); opacity: 1; }\r\n}\r\n\r\n.cyber-title {\r\n  margin: 0;\r\n  font-family: 'Orbitron', sans-serif;\r\n  font-size: clamp(32px, 5.5vw, 60px);\r\n  font-weight: 900;\r\n  letter-spacing: 4px;\r\n  text-transform: uppercase;\r\n  background: linear-gradient(90deg, #ffffff 0%, #00f2fe 50%, #ff3366 100%);\r\n  background-size: 200% auto;\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  animation: textGradient 4s linear infinite;\r\n  filter: drop-shadow(0 0 30px rgba(0, 242, 254, 0.4));\r\n}\r\n\r\n@keyframes textGradient {\r\n  0% { background-position: 0% center; }\r\n  100% { background-position: 200% center; }\r\n}\r\n\r\n\/* 2. LINII CU IMPULS LUMINOS (DATA FLOW) *\/\r\n.cyber-lines {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  margin: 25px 0;\r\n}\r\n\r\n.main-stem {\r\n  position: relative;\r\n  width: 3px;\r\n  height: 45px;\r\n  background: rgba(0, 242, 254, 0.2);\r\n  overflow: hidden;\r\n}\r\n\r\n.horizontal-bus {\r\n  position: relative;\r\n  width: 76%;\r\n  height: 3px;\r\n  background: rgba(255, 51, 102, 0.25);\r\n  overflow: hidden;\r\n  border-radius: 2px;\r\n}\r\n\r\n.branch-stems {\r\n  width: 76%;\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n\r\n.stem-drop {\r\n  position: relative;\r\n  width: 2px;\r\n  height: 40px;\r\n  background: rgba(0, 242, 254, 0.2);\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Animatie impulsuri pe linii *\/\r\n.pulse-beam-v {\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(180deg, transparent, #00f2fe, transparent);\r\n  animation: stream-down 2s infinite ease-in-out;\r\n}\r\n\r\n.pulse-beam-h {\r\n  position: absolute;\r\n  left: -100%;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, transparent, #ff3366, transparent);\r\n  animation: stream-right 2.5s infinite linear;\r\n}\r\n\r\n.delay-1 { animation-delay: 0.3s; }\r\n.delay-2 { animation-delay: 0.6s; }\r\n.delay-3 { animation-delay: 0.9s; }\r\n.delay-4 { animation-delay: 1.2s; }\r\n\r\n@keyframes stream-down {\r\n  0% { top: -100%; }\r\n  100% { top: 100%; }\r\n}\r\n\r\n@keyframes stream-right {\r\n  0% { left: -100%; }\r\n  100% { left: 100%; }\r\n}\r\n\r\n\/* 3. CARDURILE DYNAMICE CU HOLO-EFFECT *\/\r\n.cyber-nodes-grid {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: stretch;\r\n  gap: 20px;\r\n  width: 100%;\r\n}\r\n\r\n.cyber-card {\r\n  position: relative;\r\n  flex: 1;\r\n  border-radius: 24px;\r\n  padding: 35px 18px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  cursor: pointer;\r\n  transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n}\r\n\r\n.glass-layer {\r\n  position: absolute;\r\n  inset: 0;\r\n  border-radius: 24px;\r\n  background: rgba(10, 15, 30, 0.65);\r\n  backdrop-filter: blur(20px);\r\n  -webkit-backdrop-filter: blur(20px);\r\n  border: 1px solid rgba(0, 242, 254, 0.2);\r\n  z-index: 1;\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.neon-border-glow {\r\n  position: absolute;\r\n  inset: -1px;\r\n  border-radius: 25px;\r\n  background: linear-gradient(135deg, #00f2fe, transparent 60%, #ff3366);\r\n  opacity: 0;\r\n  z-index: 0;\r\n  transition: opacity 0.4s ease;\r\n  filter: blur(8px);\r\n}\r\n\r\n.cyber-card:hover {\r\n  transform: translateY(-12px) scale(1.03);\r\n}\r\n\r\n.cyber-card:hover .glass-layer {\r\n  border-color: #00f2fe;\r\n  background: rgba(12, 18, 38, 0.85);\r\n  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.9),\r\n              inset 0 0 20px rgba(0, 242, 254, 0.15);\r\n}\r\n\r\n.cyber-card:hover .neon-border-glow {\r\n  opacity: 1;\r\n}\r\n\r\n.icon-portal {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: 64px;\r\n  height: 64px;\r\n  border-radius: 20px;\r\n  background: rgba(0, 242, 254, 0.08);\r\n  border: 1px solid rgba(0, 242, 254, 0.35);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #00f2fe;\r\n  margin-bottom: 22px;\r\n  transition: all 0.4s ease;\r\n  box-shadow: 0 0 20px rgba(0, 242, 254, 0.15);\r\n}\r\n\r\n.cyber-card:hover .icon-portal {\r\n  background: #00f2fe;\r\n  color: #080a14;\r\n  box-shadow: 0 0 30px #00f2fe;\r\n  transform: rotate(-8deg) scale(1.1);\r\n}\r\n\r\n.svg-icon {\r\n  width: 30px;\r\n  height: 30px;\r\n}\r\n\r\n.card-title {\r\n  position: relative;\r\n  z-index: 2;\r\n  margin: 0 0 18px 0;\r\n  font-family: 'Orbitron', sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 900;\r\n  letter-spacing: 1.5px;\r\n  color: #ffffff;\r\n  text-transform: uppercase;\r\n  min-height: 44px;\r\n  display: flex;\r\n  align-items: center;\r\n  text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);\r\n}\r\n\r\n.tag-pill {\r\n  position: relative;\r\n  z-index: 2;\r\n  font-size: 11px;\r\n  font-weight: 900;\r\n  letter-spacing: 3px;\r\n  color: #ff3366;\r\n  text-transform: uppercase;\r\n  padding-top: 14px;\r\n  border-top: 1px dashed rgba(255, 51, 102, 0.35);\r\n  width: 100%;\r\n  text-shadow: 0 0 12px rgba(255, 51, 102, 0.6);\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.cyber-card:hover .tag-pill {\r\n  color: #00f2fe;\r\n  border-top-color: rgba(0, 242, 254, 0.4);\r\n  text-shadow: 0 0 12px rgba(0, 242, 254, 0.8);\r\n}\r\n\r\n\/* RESPONSIVITATE MOBIL *\/\r\n@media (max-width: 900px) {\r\n  .horizontal-bus, .branch-stems { display: none; }\r\n  .cyber-nodes-grid { flex-direction: column; gap: 18px; }\r\n  .main-stem { height: 25px; }\r\n  .card-title { min-height: auto; }\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<\/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 Edi\u021bia XIX FILMMIC Festival Na\u021bional de Scurtmetraj, Fotografie \u0219i Benzi Desenate Pentru Liceeni EDITION XVIII \u2022 ARCHIVE TEMA EDI\u021aIEI XVIII \u201ePUNTE PESTE TIMP\u201d \u00ceNSCRIE-TE ACUM SECTOARE OFICIALE CATEGORII CONCURS SCURTMETRAJ FILM FOTOGRAFIE FOTO [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-4096","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/pages\/4096","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=4096"}],"version-history":[{"count":409,"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/pages\/4096\/revisions"}],"predecessor-version":[{"id":7053,"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/pages\/4096\/revisions\/7053"}],"wp:attachment":[{"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/media?parent=4096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}