{"id":6258,"date":"2026-04-02T17:39:39","date_gmt":"2026-04-02T15:39:39","guid":{"rendered":"https:\/\/filmmic.ro\/wp69\/?page_id=6258"},"modified":"2026-09-17T13:30:41","modified_gmt":"2026-09-17T10:30:41","slug":"departamentul-tehnic","status":"publish","type":"page","link":"https:\/\/filmmic.ro\/wp69\/departamentul-tehnic\/","title":{"rendered":"DEPARTAMENTUL TEHNIC"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6258\" class=\"elementor elementor-6258\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ced9b82 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"ced9b82\" 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-ce2d609\" data-id=\"ce2d609\" 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-0353ddd elementor-widget elementor-widget-html\" data-id=\"0353ddd\" 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=\"tech-3d-universe\">\r\n    <div class=\"space-grid\"><\/div>\r\n    <div class=\"scanner-bar\"><\/div>\r\n\r\n    <div class=\"top-layer-label\">\r\n        <h2 class=\"dept-text-style\">DEPARTAMENTUL<\/h2>\r\n        <div class=\"tech-divider\">\r\n            <div class=\"divider-line\"><\/div>\r\n            <div class=\"divider-dot\"><\/div>\r\n            <div class=\"divider-line\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"stage-3d\">\r\n        <div class=\"tech-ring r1\"><\/div>\r\n        <div class=\"tech-ring r2\"><\/div>\r\n        <div class=\"tech-ring r3\"><\/div>\r\n\r\n        <div class=\"cube-wrapper\">\r\n            <div class=\"cube\">\r\n                <div class=\"face front\">010101<\/div>\r\n                <div class=\"face back\">CORE_SYSTEM<\/div>\r\n                <div class=\"face right\">TECH_UNIT<\/div>\r\n                <div class=\"face left\">ENCRYPTED<\/div>\r\n                <div class=\"face top\">MATRIX<\/div>\r\n                <div class=\"face bottom\">RUNNING<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"main-glow-title\">\r\n            <h1 class=\"neon-text-refined\">TEHNIC<\/h1>\r\n            <div class=\"sub-text-glitch\">AUTH_LEVEL: ADMIN \/\/ SYSTEM_ACTIVE<\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hud-corner top-left\"> <div class=\"dot\"><\/div> DATA_STREAM_01 <\/div>\r\n    <div class=\"hud-corner bottom-right\"> <div class=\"dot\"><\/div> ENCRYPTION_STABLE <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Syncopate:wght@700&family=Orbitron:wght@900&family=JetBrains+Mono:wght@500&display=swap');\r\n\r\n:root {\r\n    --tech-blue: #00d2ff;\r\n}\r\n\r\n.tech-3d-universe {\r\n    background: transparent; \/* FUNDAL TRANSPARENT *\/\r\n    height: 500px; \/* \u00ceN\u0102L\u021aIME MIC\u0218ORAT\u0102 (de la 850px) *\/\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    perspective: 1500px;\r\n    margin: 20px 0; \/* Spa\u021biere exterioar\u0103 minim\u0103 *\/\r\n}\r\n\r\n\/* --- DEPARTAMENTUL --- *\/\r\n.top-layer-label {\r\n    position: absolute;\r\n    top: 15%; \/* Cobor\u00e2t pu\u021bin pentru a fi mai compact *\/\r\n    z-index: 100;\r\n    text-align: center;\r\n    width: 100%;\r\n}\r\n\r\n.dept-text-style {\r\n    font-family: 'Syncopate', sans-serif;\r\n    font-size: clamp(1.2rem, 2.5vw, 1.8rem); \/* Mic\u0219orat fontul *\/\r\n    font-weight: 700;\r\n    letter-spacing: 10px;\r\n    color: #fff;\r\n    text-transform: uppercase;\r\n    margin: 0;\r\n    text-shadow: 0 0 15px rgba(0, 210, 255, 0.5);\r\n}\r\n\r\n.tech-divider {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    margin-top: 8px;\r\n    opacity: 0.4;\r\n}\r\n\r\n.divider-line { width: 50px; height: 1px; background: var(--tech-blue); }\r\n.divider-dot { width: 4px; height: 4px; background: #fff; transform: rotate(45deg); }\r\n\r\n\/* --- ELEMENTE SCEN\u0102 3D --- *\/\r\n.space-grid {\r\n    position: absolute;\r\n    width: 200%; height: 200%;\r\n    background-image: radial-gradient(var(--tech-blue) 1px, transparent 1px);\r\n    background-size: 40px 40px;\r\n    opacity: 0.07;\r\n    transform: rotateX(65deg);\r\n    top: -50%;\r\n}\r\n\r\n.scanner-bar {\r\n    position: absolute;\r\n    width: 100%; height: 1px;\r\n    background: linear-gradient(90deg, transparent, var(--tech-blue), transparent);\r\n    box-shadow: 0 0 15px var(--tech-blue);\r\n    top: 0;\r\n    animation: scan-loop 6s infinite linear;\r\n    opacity: 0.5;\r\n}\r\n\r\n@keyframes scan-loop { 0% { top: 0; } 100% { top: 100%; } }\r\n\r\n.stage-3d {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transform-style: preserve-3d;\r\n    margin-top: 40px; \/* Margine redus\u0103 *\/\r\n}\r\n\r\n.tech-ring {\r\n    position: absolute;\r\n    border: 1px solid var(--tech-blue);\r\n    border-radius: 50%;\r\n    opacity: 0.15;\r\n    transform-style: preserve-3d;\r\n}\r\n.r1 { width: 350px; height: 350px; animation: rotate3d 15s infinite linear; border-style: dashed; }\r\n.r2 { width: 300px; height: 300px; animation: rotate3d 10s infinite linear reverse; }\r\n.r3 { width: 450px; height: 450px; border: 1px solid rgba(255,255,255,0.02); }\r\n\r\n@keyframes rotate3d {\r\n    from { transform: rotateX(75deg) rotateZ(0deg); }\r\n    to { transform: rotateX(75deg) rotateZ(360deg); }\r\n}\r\n\r\n\/* --- CUBUL --- *\/\r\n.cube-wrapper { \r\n    transform-style: preserve-3d; \r\n    animation: cube-float 4s ease-in-out infinite alternate; \r\n}\r\n.cube {\r\n    width: 100px; height: 100px; \/* Dimensiune optimizat\u0103 pentru \u00een\u0103l\u021bime mic\u0103 *\/\r\n    position: relative;\r\n    transform-style: preserve-3d;\r\n    animation: cube-rotate 20s infinite linear;\r\n}\r\n.face {\r\n    position: absolute;\r\n    width: 100px; height: 100px;\r\n    background: rgba(0, 210, 255, 0.03);\r\n    border: 1px solid rgba(0, 210, 255, 0.2);\r\n    display: flex; align-items: center; justify-content: center;\r\n    font-size: 8px; color: var(--tech-blue); font-family: 'JetBrains Mono', monospace;\r\n    backdrop-filter: blur(2px);\r\n}\r\n.front  { transform: translateZ(50px); }\r\n.back   { transform: rotateY(180deg) translateZ(50px); }\r\n.right  { transform: rotateY(90deg) translateZ(50px); }\r\n.left   { transform: rotateY(-90deg) translateZ(50px); }\r\n.top    { transform: rotateX(90deg) translateZ(50px); }\r\n.bottom { transform: rotateX(-90deg) translateZ(50px); }\r\n\r\n@keyframes cube-rotate {\r\n    from { transform: rotateX(0deg) rotateY(0deg); }\r\n    to { transform: rotateX(360deg) rotateY(360deg); }\r\n}\r\n\r\n\/* --- TITLU TEHNIC --- *\/\r\n.main-glow-title {\r\n    position: absolute;\r\n    transform: translateZ(120px); \r\n    text-align: center;\r\n    pointer-events: none;\r\n}\r\n\r\n.neon-text-refined {\r\n    font-family: 'Orbitron', sans-serif;\r\n    font-size: clamp(2rem, 6vw, 3.8rem); \/* Font mai mic pentru compactare *\/\r\n    margin: 0;\r\n    color: #fff;\r\n    text-shadow: 0 0 10px var(--tech-blue), 0 0 20px var(--tech-blue);\r\n    letter-spacing: 15px;\r\n    line-height: 1;\r\n}\r\n\r\n.sub-text-glitch {\r\n    font-family: 'JetBrains Mono', monospace;\r\n    font-size: 10px;\r\n    letter-spacing: 3px;\r\n    color: var(--tech-blue);\r\n    margin-top: 10px;\r\n    opacity: 0.6;\r\n}\r\n\r\n\/* HUD *\/\r\n.hud-corner {\r\n    position: absolute;\r\n    padding: 15px;\r\n    font-family: 'JetBrains Mono', monospace;\r\n    font-size: 9px;\r\n    color: rgba(255,255,255,0.3);\r\n    display: flex; align-items: center; gap: 8px;\r\n}\r\n.top-left { top: 10px; left: 10px; border-left: 2px solid var(--tech-blue); }\r\n.bottom-right { bottom: 10px; right: 10px; border-right: 2px solid var(--tech-blue); }\r\n.dot { width: 6px; height: 6px; background: var(--tech-blue); border-radius: 50%; }\r\n\r\n@keyframes cube-float { from { transform: translateY(-15px); } to { transform: translateY(15px); } }\r\n\r\n@media (max-width: 768px) {\r\n    .tech-3d-universe { height: 400px; }\r\n    .cube { width: 80px; height: 80px; }\r\n    .face { width: 80px; height: 80px; }\r\n    .front { transform: translateZ(40px); }\r\n    .dept-text-style { font-size: 1rem; letter-spacing: 4px; }\r\n    .neon-text-refined { font-size: 2rem; letter-spacing: 5px; }\r\n    .tech-ring { opacity: 0.05; }\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-5bf1e50 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"5bf1e50\" 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-6c5bd92\" data-id=\"6c5bd92\" 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-d00aecb elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"d00aecb\" 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-9816c31\" data-id=\"9816c31\" 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-bc909ac elementor-widget elementor-widget-html\" data-id=\"bc909ac\" 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=\"coord-interface-header\">\r\n    <div class=\"interface-grid\"><\/div>\r\n    \r\n    <div class=\"terminal-frame\">\r\n        <div class=\"system-bar\">\r\n            <div class=\"sys-controls\">\r\n                <span><\/span><span><\/span><span><\/span>\r\n            <\/div>\r\n            <div class=\"sys-path\">ADMIN:\/\/ROOT\/PERSONNEL\/COORDINATORS_LIST<\/div>\r\n            <div class=\"sys-uptime\">UPTIME: 99.9%<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"main-content-area\">\r\n            <div class=\"side-bracket left-b\"><\/div>\r\n\r\n            <div class=\"text-hub\">\r\n                <div class=\"loading-bar-wrapper\">\r\n                    <div class=\"loading-label\">SCANNING BIOMETRIC DATA...<\/div>\r\n                    <div class=\"loading-progress\"><\/div>\r\n                <\/div>\r\n\r\n                <h2 class=\"ultra-tech-title\" data-text=\"COORDONATORI\">\r\n                        COORDONATOR\r\n                <\/h2>\r\n\r\n                <div class=\"binary-decor\">\r\n                    <span>1011001<\/span>\r\n                    <span class=\"pulse-glitch\">ENCRYPTED_ACCESS<\/span>\r\n                    <span>0011010<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"side-bracket right-b\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"footer-status\">\r\n            <div class=\"status-item\">TOTAL_OBJECTS: 04<\/div>\r\n            <div class=\"status-item\">LEVEL: LEVEL_5_CLEARANCE<\/div>\r\n            <div class=\"status-item blink-alert\">SYSTEM: STABLE<\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Syncopate:wght@700&family=JetBrains+Mono:wght@300;700&display=swap');\r\n\r\n.coord-interface-header {\r\n    background: transparent; \/* FUNDAL TRANSPARENT *\/\r\n    height: 320px; \/* \u00ceN\u0102L\u021aIME COMPACT\u0102 (de la 500px) *\/\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    font-family: 'JetBrains Mono', monospace;\r\n}\r\n\r\n\/* Textur\u0103 de fundal discret\u0103 *\/\r\n.interface-grid {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-image: linear-gradient(rgba(0, 210, 255, 0.03) 1px, transparent 1px);\r\n    background-size: 100% 3px;\r\n    pointer-events: none;\r\n}\r\n\r\n.terminal-frame {\r\n    width: 95%;\r\n    max-width: 900px;\r\n    background: rgba(0, 210, 255, 0.01); \/* Aproape invizibil, doar pentru blur *\/\r\n    backdrop-filter: blur(5px);\r\n    border: 1px solid rgba(0, 210, 255, 0.15);\r\n    position: relative;\r\n    z-index: 5;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n\/* System Bar - Mai sub\u021bire *\/\r\n.system-bar {\r\n    background: rgba(0, 210, 255, 0.08);\r\n    padding: 6px 15px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 1px solid rgba(0, 210, 255, 0.15);\r\n    font-size: 9px;\r\n    color: rgba(0, 210, 255, 0.7);\r\n}\r\n\r\n.sys-controls span {\r\n    display: inline-block;\r\n    width: 6px;\r\n    height: 6px;\r\n    border: 1px solid rgba(0, 210, 255, 0.5);\r\n    margin-right: 4px;\r\n}\r\n\r\n\/* Zona central\u0103 compactat\u0103 vertical *\/\r\n.main-content-area {\r\n    padding: 30px 20px; \/* Redus de la 60px *\/\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    position: relative;\r\n}\r\n\r\n.side-bracket {\r\n    width: 15px;\r\n    height: 80px; \/* Redus de la 120px *\/\r\n    border: 1px solid #00d2ff;\r\n    opacity: 0.2;\r\n}\r\n.left-b { border-right: 0; }\r\n.right-b { border-left: 0; }\r\n\r\n.text-hub {\r\n    text-align: center;\r\n}\r\n\r\n\/* Loading area *\/\r\n.loading-bar-wrapper {\r\n    margin-bottom: 10px;\r\n}\r\n.loading-label {\r\n    font-size: 8px;\r\n    letter-spacing: 2px;\r\n    margin-bottom: 4px;\r\n    color: rgba(0, 210, 255, 0.6);\r\n}\r\n.loading-progress {\r\n    width: 150px;\r\n    height: 1px;\r\n    background: rgba(0, 210, 255, 0.1);\r\n    margin: 0 auto;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n.loading-progress::after {\r\n    content: '';\r\n    position: absolute;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: #00d2ff;\r\n    animation: loading-scan 2.5s infinite linear;\r\n}\r\n\r\n@keyframes loading-scan {\r\n    100% { left: 100%; }\r\n}\r\n\r\n\/* Titlul compact *\/\r\n.ultra-tech-title {\r\n    font-family: 'Syncopate', sans-serif;\r\n    font-size: clamp(1.4rem, 4vw, 2.8rem); \/* Mic\u0219orat fontul pentru aspect compact *\/\r\n    color: #fff;\r\n    margin: 0;\r\n    letter-spacing: 12px;\r\n    text-transform: uppercase;\r\n    position: relative;\r\n    line-height: 1.1;\r\n}\r\n\r\n.ultra-tech-title::before {\r\n    content: attr(data-text);\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    color: #00d2ff;\r\n    opacity: 0.1;\r\n    transform: translate(3px, 1px);\r\n    z-index: -1;\r\n}\r\n\r\n\/* Decor jos *\/\r\n.binary-decor {\r\n    margin-top: 15px;\r\n    font-size: 9px;\r\n    letter-spacing: 3px;\r\n    color: rgba(0, 210, 255, 0.3);\r\n}\r\n.pulse-glitch {\r\n    color: rgba(255, 255, 255, 0.8);\r\n    font-weight: bold;\r\n    animation: blink-soft 1.5s infinite;\r\n}\r\n\r\n@keyframes blink-soft {\r\n    0%, 100% { opacity: 0.8; }\r\n    50% { opacity: 0.2; }\r\n}\r\n\r\n\/* Footer Status Bar - Mai sub\u021bire *\/\r\n.footer-status {\r\n    border-top: 1px solid rgba(0, 210, 255, 0.1);\r\n    padding: 6px 15px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    font-size: 8px;\r\n    color: rgba(0, 210, 255, 0.5);\r\n}\r\n\r\n.blink-alert {\r\n    color: #fff;\r\n    animation: alert-flash 0.8s infinite step-end;\r\n}\r\n\r\n@keyframes alert-flash {\r\n    50% { color: #00d2ff; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .coord-interface-header { height: 260px; }\r\n    .sys-path, .sys-uptime, .side-bracket { display: none; }\r\n    .ultra-tech-title { letter-spacing: 4px; font-size: 1.5rem; }\r\n    .loading-progress { width: 100px; }\r\n    .terminal-frame { width: 98%; }\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-9a3dbba elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"9a3dbba\" 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-9055efd\" data-id=\"9055efd\" 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-6b2376d elementor-widget elementor-widget-html\" data-id=\"6b2376d\" 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=\"adjunct-neural-environment\">\n  <div class=\"deep-space-grid-v2\"><\/div>\n  <div class=\"radial-vignette-v2\"><\/div>\n\n  <div class=\"adjunct-monolith-3d\" id=\"adjunctHub\">\n    <div class=\"mini-core-portal\">\n      <div class=\"mini-ring\"><\/div>\n      <div class=\"core-text-v3\">FILMMIC<\/div>\n      <div class=\"mini-plasma\"><\/div>\n    <\/div>\n\n    <!-- CARD SOLE LUANA-ELENA -->\n    <div class=\"adj-node adj-node-single\" style=\"--node-accent: #00ffa2; --float-delay: 0s;\">\n      <div class=\"initials-glass-card image-card\">\n        <div class=\"initials-container\">\n          <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1LpsEi4p_mqcXycxpz_ggoAF8_diULcuT\" alt=\"Manea Luana-Elena\" class=\"adj-profile-img\">\n          <div class=\"data-ring\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"card-glitch-line\"><\/div>\n      <div class=\"adj-credentials\">\n        <h3 class=\"white-name-v3\">MANEA <br> LUANA-ELENA<\/h3>\n        <div class=\"adj-status\">COORDONATOR <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Syncopate:wght@700&family=Orbitron:wght@900&family=JetBrains+Mono:wght@300;700&display=swap');\n\n.adjunct-neural-environment {\n  background: transparent;\n  min-height: 450px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  perspective: 3000px;\n  padding: 20px 0;\n}\n\n.deep-space-grid-v2 {\n  position: absolute;\n  width: 200%;\n  height: 200%;\n  background-image: \n    linear-gradient(rgba(255, 255, 255, .02) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255, 255, 255, .02) 1px, transparent 1px);\n  background-size: 80px 80px;\n  transform: rotateX(45deg);\n  top: -50%;\n  opacity: 0.2;\n}\n\n.radial-vignette-v2 {\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(circle at center, transparent 30%, rgba(0,0,0,0.2) 100%);\n}\n\n.adjunct-monolith-3d {\n  position: relative;\n  width: 100%;\n  max-width: 500px;\n  height: 350px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transform-style: preserve-3d;\n  transition: transform 0.15s ease-out;\n}\n\n.mini-core-portal {\n  position: absolute;\n  width: 120px;\n  height: 120px;\n  transform-style: preserve-3d;\n  transform: translateZ(-80px);\n}\n\n.mini-ring {\n  position: absolute;\n  inset: 0;\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 50%;\n  animation: spin 10s infinite linear;\n}\n\n.core-text-v3 {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-family: 'Orbitron', sans-serif;\n  color: rgba(255,255,255,0.8);\n  font-size: 9px;\n  letter-spacing: 4px;\n}\n\n.mini-plasma {\n  position: absolute;\n  inset: 15%;\n  background: radial-gradient(circle, #00ffa2, transparent);\n  filter: blur(25px);\n  opacity: 0.3;\n  animation: pulseCore 3s infinite ease-in-out alternate;\n}\n\n.adj-node-single {\n  position: relative;\n  transform-style: preserve-3d;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 260px;\n  transition: 0.5s;\n  animation: nodeFloatSubtle 5s infinite ease-in-out;\n  z-index: 2;\n}\n\n@keyframes nodeFloatSubtle {\n  0%, 100% { transform: translateZ(100px) translateY(0); }\n  50% { transform: translateZ(120px) translateY(-8px); }\n}\n\n.initials-glass-card {\n  width: 120px;\n  height: 120px;\n  background: rgba(255, 255, 255, 0.02);\n  border: 1px solid rgba(0, 255, 162, 0.3);\n  backdrop-filter: blur(6px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 15px;\n  position: relative;\n  transform-style: preserve-3d;\n  transition: 0.4s;\n  border-radius: 6px;\n  overflow: hidden;\n  box-shadow: 0 0 20px rgba(0, 255, 162, 0.15);\n}\n\n.adj-node-single:hover .initials-glass-card {\n  border-color: var(--node-accent);\n  box-shadow: 0 0 35px var(--node-accent);\n  transform: translateZ(30px) rotateX(-5deg);\n}\n\n.initials-container {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.adj-profile-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center top;\n}\n\n.data-ring {\n  position: absolute;\n  width: 115%;\n  height: 115%;\n  border: 1px dashed var(--node-accent);\n  border-radius: 50%;\n  opacity: 0.25;\n  animation: spin 15s infinite linear;\n  pointer-events: none;\n}\n\n.white-name-v3 {\n  font-family: 'Syncopate', sans-serif !important;\n  color: #ffffff !important;\n  font-size: 1.1rem !important;\n  line-height: 1.3 !important;\n  margin: 0 !important;\n  font-weight: 700 !important;\n  letter-spacing: 2px !important;\n  text-shadow: 0 0 15px rgba(0,0,0,0.8) !important;\n  text-align: center !important;\n  transform: translateZ(40px);\n}\n\n.adj-status {\n  font-family: 'JetBrains Mono', monospace !important;\n  font-size: 9px !important;\n  color: var(--node-accent) !important;\n  letter-spacing: 4px !important;\n  margin-top: 8px !important;\n  font-weight: 700 !important;\n  text-transform: uppercase;\n  text-align: center;\n  transform: translateZ(30px);\n}\n\n@keyframes spin {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n@keyframes pulseCore {\n  from { transform: scale(0.9); opacity: 0.2; }\n  to { transform: scale(1.1); opacity: 0.4; }\n}\n\n@media (max-width: 900px) {\n  .adjunct-neural-environment { min-height: auto; padding: 30px 10px; }\n  .adjunct-monolith-3d { width: 100%; height: auto; transform: none !important; }\n  .adj-node-single { transform: none !important; animation: none; width: 100%; max-width: 280px; }\n  .mini-core-portal { display: none; }\n  .initials-glass-card { width: 130px; height: 130px; }\n}\n<\/style>\n\n<script>\nconst hubAdj = document.getElementById('adjunctHub');\ndocument.addEventListener('mousemove', (e) => {\n  if (window.innerWidth > 900) {\n    const x = (window.innerWidth \/ 2 - e.clientX) \/ 40;\n    const y = (window.innerHeight \/ 2 - e.clientY) \/ 40;\n    hubAdj.style.transform = `rotateY(${-x}deg) rotateX(${y}deg)`;\n  }\n});\n<\/script>\n\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-fbc7b76 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"fbc7b76\" 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-f30f450\" data-id=\"f30f450\" 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-7c3f888 elementor-widget elementor-widget-html\" data-id=\"7c3f888\" 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=\"coord-interface-header\">\r\n    <div class=\"interface-grid\"><\/div>\r\n    \r\n    <div class=\"terminal-frame\">\r\n        <div class=\"system-bar\">\r\n            <div class=\"sys-controls\">\r\n                <span><\/span><span><\/span><span><\/span>\r\n            <\/div>\r\n            <div class=\"sys-path\">ADMIN:\/\/ROOT\/PERSONNEL\/COORDINATORS_LIST<\/div>\r\n            <div class=\"sys-uptime\">UPTIME: 99.9%<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"main-content-area\">\r\n            <div class=\"side-bracket left-b\"><\/div>\r\n\r\n            <div class=\"text-hub\">\r\n                <div class=\"loading-bar-wrapper\">\r\n                    <div class=\"loading-label\">SCANNING BIOMETRIC DATA...<\/div>\r\n                    <div class=\"loading-progress\"><\/div>\r\n                <\/div>\r\n\r\n                <h2 class=\"ultra-tech-title\" data-text=\"COORDONATORI\">\r\n                        COORDONATORI Adjuncti\r\n                <\/h2>\r\n\r\n                <div class=\"binary-decor\">\r\n                    <span>1011001<\/span>\r\n                    <span class=\"pulse-glitch\">ENCRYPTED_ACCESS<\/span>\r\n                    <span>0011010<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"side-bracket right-b\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"footer-status\">\r\n            <div class=\"status-item\">TOTAL_OBJECTS: 04<\/div>\r\n            <div class=\"status-item\">LEVEL: LEVEL_5_CLEARANCE<\/div>\r\n            <div class=\"status-item blink-alert\">SYSTEM: STABLE<\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Syncopate:wght@700&family=JetBrains+Mono:wght@300;700&display=swap');\r\n\r\n.coord-interface-header {\r\n    background: transparent; \/* FUNDAL TRANSPARENT *\/\r\n    height: 320px; \/* \u00ceN\u0102L\u021aIME COMPACT\u0102 (de la 500px) *\/\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    font-family: 'JetBrains Mono', monospace;\r\n}\r\n\r\n\/* Textur\u0103 de fundal discret\u0103 *\/\r\n.interface-grid {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-image: linear-gradient(rgba(0, 210, 255, 0.03) 1px, transparent 1px);\r\n    background-size: 100% 3px;\r\n    pointer-events: none;\r\n}\r\n\r\n.terminal-frame {\r\n    width: 95%;\r\n    max-width: 900px;\r\n    background: rgba(0, 210, 255, 0.01); \/* Aproape invizibil, doar pentru blur *\/\r\n    backdrop-filter: blur(5px);\r\n    border: 1px solid rgba(0, 210, 255, 0.15);\r\n    position: relative;\r\n    z-index: 5;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n\/* System Bar - Mai sub\u021bire *\/\r\n.system-bar {\r\n    background: rgba(0, 210, 255, 0.08);\r\n    padding: 6px 15px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 1px solid rgba(0, 210, 255, 0.15);\r\n    font-size: 9px;\r\n    color: rgba(0, 210, 255, 0.7);\r\n}\r\n\r\n.sys-controls span {\r\n    display: inline-block;\r\n    width: 6px;\r\n    height: 6px;\r\n    border: 1px solid rgba(0, 210, 255, 0.5);\r\n    margin-right: 4px;\r\n}\r\n\r\n\/* Zona central\u0103 compactat\u0103 vertical *\/\r\n.main-content-area {\r\n    padding: 30px 20px; \/* Redus de la 60px *\/\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    position: relative;\r\n}\r\n\r\n.side-bracket {\r\n    width: 15px;\r\n    height: 80px; \/* Redus de la 120px *\/\r\n    border: 1px solid #00d2ff;\r\n    opacity: 0.2;\r\n}\r\n.left-b { border-right: 0; }\r\n.right-b { border-left: 0; }\r\n\r\n.text-hub {\r\n    text-align: center;\r\n}\r\n\r\n\/* Loading area *\/\r\n.loading-bar-wrapper {\r\n    margin-bottom: 10px;\r\n}\r\n.loading-label {\r\n    font-size: 8px;\r\n    letter-spacing: 2px;\r\n    margin-bottom: 4px;\r\n    color: rgba(0, 210, 255, 0.6);\r\n}\r\n.loading-progress {\r\n    width: 150px;\r\n    height: 1px;\r\n    background: rgba(0, 210, 255, 0.1);\r\n    margin: 0 auto;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n.loading-progress::after {\r\n    content: '';\r\n    position: absolute;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: #00d2ff;\r\n    animation: loading-scan 2.5s infinite linear;\r\n}\r\n\r\n@keyframes loading-scan {\r\n    100% { left: 100%; }\r\n}\r\n\r\n\/* Titlul compact *\/\r\n.ultra-tech-title {\r\n    font-family: 'Syncopate', sans-serif;\r\n    font-size: clamp(1.4rem, 4vw, 2.8rem); \/* Mic\u0219orat fontul pentru aspect compact *\/\r\n    color: #fff;\r\n    margin: 0;\r\n    letter-spacing: 12px;\r\n    text-transform: uppercase;\r\n    position: relative;\r\n    line-height: 1.1;\r\n}\r\n\r\n.ultra-tech-title::before {\r\n    content: attr(data-text);\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    color: #00d2ff;\r\n    opacity: 0.1;\r\n    transform: translate(3px, 1px);\r\n    z-index: -1;\r\n}\r\n\r\n\/* Decor jos *\/\r\n.binary-decor {\r\n    margin-top: 15px;\r\n    font-size: 9px;\r\n    letter-spacing: 3px;\r\n    color: rgba(0, 210, 255, 0.3);\r\n}\r\n.pulse-glitch {\r\n    color: rgba(255, 255, 255, 0.8);\r\n    font-weight: bold;\r\n    animation: blink-soft 1.5s infinite;\r\n}\r\n\r\n@keyframes blink-soft {\r\n    0%, 100% { opacity: 0.8; }\r\n    50% { opacity: 0.2; }\r\n}\r\n\r\n\/* Footer Status Bar - Mai sub\u021bire *\/\r\n.footer-status {\r\n    border-top: 1px solid rgba(0, 210, 255, 0.1);\r\n    padding: 6px 15px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    font-size: 8px;\r\n    color: rgba(0, 210, 255, 0.5);\r\n}\r\n\r\n.blink-alert {\r\n    color: #fff;\r\n    animation: alert-flash 0.8s infinite step-end;\r\n}\r\n\r\n@keyframes alert-flash {\r\n    50% { color: #00d2ff; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .coord-interface-header { height: 260px; }\r\n    .sys-path, .sys-uptime, .side-bracket { display: none; }\r\n    .ultra-tech-title { letter-spacing: 4px; font-size: 1.5rem; }\r\n    .loading-progress { width: 100px; }\r\n    .terminal-frame { width: 98%; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3538c8c elementor-widget elementor-widget-html\" data-id=\"3538c8c\" 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=\"adjunct-neural-environment\">\n  <div class=\"deep-space-grid-v2\"><\/div>\n  <div class=\"radial-vignette-v2\"><\/div>\n\n  <div class=\"adjunct-monolith-3d\" id=\"adjunctHub\">\n    <div class=\"mini-core-portal\">\n      <div class=\"mini-ring\"><\/div>\n      <div class=\"core-text-v3\">FILMMIC<\/div>\n      <div class=\"mini-plasma\"><\/div>\n    <\/div>\n\n    <!-- CARD RARE\u0218 NISTOR -->\n    <div class=\"adj-node adj-node-nistor\" style=\"--node-accent: #00d2ff; --float-delay: 0s;\">\n      <div class=\"initials-glass-card image-card\">\n        <div class=\"initials-container\">\n          <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1zi6Qw-RnwKrBjgNGF2uJ35UJxT62qyg5\" alt=\"Nistor Rare\u0219\" class=\"adj-profile-img\">\n          <div class=\"data-ring\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"card-glitch-line\"><\/div>\n      <div class=\"adj-credentials\">\n        <h3 class=\"white-name-v3\">NISTOR <br> RARE\u0218<\/h3>\n        <div class=\"adj-status\">COORDONATOR ADJUNCT<\/div>\n      <\/div>\n      <div class=\"neural-tether-v2\"><\/div>\n    <\/div>\n\n    <!-- CARD \u0218TEFANIA BAICU -->\n    <div class=\"adj-node adj-node-baicu\" style=\"--node-accent: #00ffa2; --float-delay: -2s;\">\n      <div class=\"initials-glass-card image-card\">\n        <div class=\"initials-container\">\n          <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1jGn0j9oABrNAaZRqECwi8PZHFvwtQ88C\" alt=\"Baicu \u0218tefania\" class=\"adj-profile-img\">\n          <div class=\"data-ring\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"card-glitch-line\"><\/div>\n      <div class=\"adj-credentials\">\n        <h3 class=\"white-name-v3\">BAICU <br> \u0218TEFANIA<\/h3>\n        <div class=\"adj-status\">COORDONATOR ADJUNCT<\/div>\n      <\/div>\n      <div class=\"neural-tether-v2\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Syncopate:wght@700&family=Orbitron:wght@900&family=JetBrains+Mono:wght@300;700&display=swap');\n\n.adjunct-neural-environment {\n  background: transparent;\n  min-height: 450px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  perspective: 3000px;\n  padding: 20px 0;\n}\n\n.deep-space-grid-v2 {\n  position: absolute;\n  width: 200%;\n  height: 200%;\n  background-image: \n    linear-gradient(rgba(255, 255, 255, .02) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255, 255, 255, .02) 1px, transparent 1px);\n  background-size: 80px 80px;\n  transform: rotateX(45deg);\n  top: -50%;\n  opacity: 0.2;\n}\n\n.radial-vignette-v2 {\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(circle at center, transparent 30%, rgba(0,0,0,0.2) 100%);\n}\n\n.adjunct-monolith-3d {\n  position: relative;\n  width: 800px;\n  height: 350px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transform-style: preserve-3d;\n  transition: transform 0.15s ease-out;\n}\n\n.mini-core-portal {\n  position: absolute;\n  width: 100px;\n  height: 100px;\n  transform-style: preserve-3d;\n  transform: translateZ(-100px);\n}\n\n.mini-ring {\n  position: absolute;\n  inset: 0;\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 50%;\n  animation: spin 10s infinite linear;\n}\n\n.core-text-v3 {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-family: 'Orbitron', sans-serif;\n  color: rgba(255,255,255,0.8);\n  font-size: 8px;\n  letter-spacing: 4px;\n}\n\n.mini-plasma {\n  position: absolute;\n  inset: 20%;\n  background: radial-gradient(circle, #00d2ff, #00ffa2, transparent);\n  filter: blur(20px);\n  opacity: 0.25;\n  animation: pulseCore 3s infinite ease-in-out alternate;\n}\n\n.adj-node {\n  position: absolute;\n  transform-style: preserve-3d;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 250px;\n  transition: 0.5s;\n  animation: nodeFloatSubtle 5s infinite ease-in-out;\n  animation-delay: var(--float-delay);\n}\n\n@keyframes nodeFloatSubtle {\n  0%, 100% { transform: translateZ(100px) translateY(0); }\n  50% { transform: translateZ(120px) translateY(-5px); }\n}\n\n.adj-node.adj-node-nistor { left: 0; }\n.adj-node.adj-node-baicu { right: 0; }\n\n.initials-glass-card {\n  width: 110px;\n  height: 110px;\n  background: rgba(255, 255, 255, 0.02);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  backdrop-filter: blur(6px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 15px;\n  position: relative;\n  transform-style: preserve-3d;\n  transition: 0.4s;\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.adj-node:hover .initials-glass-card {\n  border-color: var(--node-accent);\n  box-shadow: 0 0 30px var(--node-accent);\n  transform: translateZ(20px) rotateX(-5deg);\n}\n\n.initials-container {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.adj-profile-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center top;\n}\n\n.logo-text {\n  font-family: 'Syncopate', sans-serif;\n  font-size: 2.8rem;\n  color: #fff;\n  text-shadow: 0 0 15px var(--node-accent);\n  letter-spacing: -3px;\n  z-index: 5;\n}\n\n.data-ring {\n  position: absolute;\n  width: 115%;\n  height: 115%;\n  border: 1px dashed var(--node-accent);\n  border-radius: 50%;\n  opacity: 0.15;\n  animation: spin 15s infinite linear;\n  pointer-events: none;\n}\n\n.white-name-v3 {\n  font-family: 'Syncopate', sans-serif !important;\n  color: #ffffff !important;\n  font-size: 1rem !important;\n  line-height: 1.3 !important;\n  margin: 0 !important;\n  font-weight: 700 !important;\n  letter-spacing: 1.5px !important;\n  text-shadow: 0 0 15px rgba(0,0,0,0.8) !important;\n  text-align: center !important;\n  transform: translateZ(40px);\n}\n\n.adj-status {\n  font-family: 'JetBrains Mono', monospace !important;\n  font-size: 9px !important;\n  color: var(--node-accent) !important;\n  letter-spacing: 4px !important;\n  margin-top: 8px !important;\n  font-weight: 700 !important;\n  text-transform: uppercase;\n  transform: translateZ(30px);\n}\n\n.neural-tether-v2 {\n  position: absolute;\n  width: 150px;\n  height: 1px;\n  background: linear-gradient(90deg, var(--node-accent), transparent);\n  top: 30%;\n  z-index: -1;\n  opacity: 0.2;\n}\n\n.adj-node-nistor .neural-tether-v2 { left: 70%; transform: rotate(-10deg); }\n.adj-node-baicu .neural-tether-v2 { right: 70%; transform: rotate(10deg); }\n\n@keyframes spin {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n@keyframes pulseCore {\n  from { transform: scale(0.95); opacity: 0.15; }\n  to { transform: scale(1.05); opacity: 0.3; }\n}\n\n@media (max-width: 900px) {\n  .adjunct-neural-environment { min-height: auto; padding: 30px 10px; }\n  .adjunct-monolith-3d { width: 100%; height: auto; transform: none !important; flex-direction: column; }\n  .adj-node { position: relative !important; left: auto !important; top: auto !important; margin: 25px 0 !important; transform: none !important; animation: none; width: 100%; max-width: 280px; }\n  .mini-core-portal { display: none; }\n  .initials-glass-card { width: 130px; height: 130px; }\n}\n<\/style>\n\n<script>\nconst hubAdj = document.getElementById('adjunctHub');\ndocument.addEventListener('mousemove', (e) => {\n  if (window.innerWidth > 900) {\n    const x = (window.innerWidth \/ 2 - e.clientX) \/ 50;\n    const y = (window.innerHeight \/ 2 - e.clientY) \/ 50;\n    hubAdj.style.transform = `rotateY(${-x}deg) rotateX(${y}deg)`;\n  }\n});\n<\/script>\n\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-31a6b95 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"31a6b95\" 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-28b19cb\" data-id=\"28b19cb\" 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-168764d elementor-widget elementor-widget-html\" data-id=\"168764d\" 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=\"neural-header-system\">\r\n    <div class=\"header-cyber-grid\"><\/div>\r\n\r\n    <div class=\"title-container\">\r\n        <div class=\"access-tag\">\r\n            <span class=\"pulse-dot\"><\/span> \r\n            SYSTEM_ACCESS: GRANTED \/\/ DEPT_MISSION_V.2.6\r\n        <\/div>\r\n\r\n        <div class=\"main-title-box\">\r\n            <h2 class=\"heavy-tech-title\">CE FACEM?<\/h2>\r\n            <div class=\"title-reflection\">CE FACEM?<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"laser-scanner-cyan\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tech-specs\">\r\n        <div class=\"spec-item\">CORE_PROTOCOL: <span class=\"cyan-text\">ACTIVE<\/span><\/div>\r\n        <div class=\"spec-item\">ENCRYPTION: <span class=\"cyan-text\">AES-256<\/span><\/div>\r\n        <div class=\"spec-item\">VISUAL_ENGINE: <span class=\"cyan-text\">NEURAL_ARRAY<\/span><\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Syncopate:wght@700&family=Orbitron:wght@400;900&family=JetBrains+Mono:wght@300;700&display=swap');\r\n\r\n.neural-header-system {\r\n    background: transparent; \/* FUNDAL TRANSPARENT *\/\r\n    padding: 40px 20px 30px; \/* Redus drastic de la 120px\/80px *\/\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n\r\n.header-cyber-grid {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: radial-gradient(circle, rgba(0, 210, 255, 0.05) 1px, transparent 1px);\r\n    background-size: 30px 30px;\r\n    mask-image: radial-gradient(circle, black, transparent 80%);\r\n    pointer-events: none;\r\n}\r\n\r\n.title-container {\r\n    position: relative;\r\n    display: inline-block;\r\n    padding: 10px; \/* Redus de la 20px *\/\r\n}\r\n\r\n\/* FONTUL MASIV - P\u0102STRAT LOOK-UL CINEMATIC *\/\r\n.heavy-tech-title {\r\n    font-family: 'Syncopate', sans-serif !important;\r\n    font-size: clamp(2rem, 8vw, 4.5rem) !important; \/* U\u0219or mic\u0219orat pentru compactare *\/\r\n    font-weight: 700 !important;\r\n    color: #ffffff !important;\r\n    letter-spacing: 25px !important; \/* Spa\u021biere u\u0219or redus\u0103 pentru echilibru *\/\r\n    text-transform: uppercase !important;\r\n    margin: 0 !important;\r\n    position: relative;\r\n    z-index: 5;\r\n    text-shadow: 0 0 20px rgba(0, 210, 255, 0.5), 0 0 40px rgba(0, 210, 255, 0.1) !important;\r\n}\r\n\r\n\/* Reflexia sub titlu - Mai scurt\u0103 *\/\r\n.title-reflection {\r\n    font-family: 'Syncopate', sans-serif;\r\n    font-size: clamp(2rem, 8vw, 4.5rem);\r\n    letter-spacing: 25px;\r\n    color: #00d2ff;\r\n    opacity: 0.08;\r\n    transform: scaleY(-0.4) translateY(-10px); \/* Mai comprimat\u0103 vertical *\/\r\n    filter: blur(3px);\r\n    pointer-events: none;\r\n    user-select: none;\r\n}\r\n\r\n.access-tag {\r\n    font-family: 'Orbitron', sans-serif;\r\n    font-size: 10px;\r\n    color: rgba(0, 210, 255, 0.8);\r\n    letter-spacing: 4px;\r\n    margin-bottom: 15px; \/* Redus de la 25px *\/\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n}\r\n\r\n.pulse-dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    background: #00d2ff;\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 8px #00d2ff;\r\n    animation: pulseGlow 1s infinite alternate;\r\n}\r\n\r\n\/* Laserul de scanare *\/\r\n.laser-scanner-cyan {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: -5%;\r\n    width: 110%;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, #00d2ff, transparent);\r\n    box-shadow: 0 0 10px #00d2ff;\r\n    z-index: 6;\r\n    animation: laserMove 3s infinite ease-in-out;\r\n}\r\n\r\n\/* Tech Specs Line - Mai str\u00e2ns\u0103 de titlu *\/\r\n.tech-specs {\r\n    margin-top: 25px; \/* Redus de la 50px *\/\r\n    display: flex;\r\n    gap: 30px;\r\n    font-family: 'JetBrains Mono', monospace;\r\n    font-size: 9px;\r\n    color: rgba(255, 255, 255, 0.25);\r\n    letter-spacing: 1.5px;\r\n}\r\n\r\n.cyan-text {\r\n    color: #00d2ff;\r\n    font-weight: 700;\r\n}\r\n\r\n@keyframes laserMove {\r\n    0% { transform: translateY(-30px); opacity: 0; }\r\n    50% { transform: translateY(30px); opacity: 0.8; }\r\n    100% { transform: translateY(-30px); opacity: 0; }\r\n}\r\n\r\n@keyframes pulseGlow {\r\n    from { transform: scale(0.8); opacity: 0.4; }\r\n    to { transform: scale(1.2); opacity: 1; }\r\n}\r\n\r\n\/* Sincronizare Mobile *\/\r\n@media (max-width: 900px) {\r\n    .neural-header-system { padding: 30px 10px 20px; }\r\n    .heavy-tech-title {\r\n        letter-spacing: 10px !important;\r\n        font-size: 1.8rem !important;\r\n    }\r\n    .title-reflection {\r\n        letter-spacing: 10px;\r\n        font-size: 1.8rem;\r\n    }\r\n    .tech-specs {\r\n        flex-direction: column;\r\n        gap: 5px;\r\n        margin-top: 20px;\r\n    }\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-5015b65 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"5015b65\" 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-e3d3111\" data-id=\"e3d3111\" 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-1d8ecd1 elementor-widget elementor-widget-html\" data-id=\"1d8ecd1\" 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=\"holographic-workspace\">\r\n    \r\n    <div class=\"ambient-glow\"><\/div>\r\n\r\n    <div class=\"viewport-3d\">\r\n        \r\n        <div class=\"laptop-core\">\r\n            <div class=\"screen-casing\">\r\n                <div class=\"display-area\">\r\n                    <img decoding=\"async\" src=\"https:\/\/drive.google.com\/uc?export=view&id=1nBSlyu6IHvVhOcep5r02MOPoB2lDoB0D\" \r\n                         alt=\"Filmmic Interface\" \r\n                         onerror=\"this.src='https:\/\/i.postimg.cc\/k4pL4yXG\/Screenshot-2026-02-19.jpg'\">\r\n                    \r\n                    <div class=\"screen-overlay\"><\/div>\r\n                    <div class=\"scanline\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"keyboard-base\">\r\n                <div class=\"neon-strip\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"holo-card\" style=\"--clr: #00d2ff; --x: -380px; --y: -140px; --delay: 0s;\">\r\n            <div class=\"glow-layer\"><\/div>\r\n            <div class=\"card-inner\">\r\n                <span class=\"tag\">UNIT_01 \/\/ CORE<\/span>\r\n                <p>Suntem motorul digital al festivalului. Ne asigur\u0103m c\u0103 totul func\u021bioneaz\u0103 irepro\u0219abil, de la primul click p\u00e2n\u0103 la Gala de premiere.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"holo-card\" style=\"--clr: #00ffa2; --x: -420px; --y: 10px; --delay: 1s;\">\r\n            <div class=\"glow-layer\"><\/div>\r\n            <div class=\"card-inner\">\r\n                <span class=\"tag\">UNIT_02 \/\/ WEB<\/span>\r\n                <p>Administr\u0103m site-ul oficial (update-uri constante). Aici g\u0103se\u0219ti toate detaliile: regulamente, program, loca\u021bii.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"holo-card\" style=\"--clr: #00d2ff; --x: -380px; --y: 160px; --delay: 0.5s;\">\r\n            <div class=\"glow-layer\"><\/div>\r\n            <div class=\"card-inner\">\r\n                <span class=\"tag\">UNIT_03 \/\/ MISSION<\/span>\r\n                <p>Misiunea noastr\u0103 principal\u0103: s\u0103 facem informa\u021bia s\u0103 ajung\u0103 la voi c\u00e2t mai rapid \u0219i u\u0219or.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"holo-card\" style=\"--clr: #00ffa2; --x: 380px; --y: -140px; --delay: 2s;\">\r\n            <div class=\"glow-layer\"><\/div>\r\n            <div class=\"card-inner\">\r\n                <span class=\"tag\">UNIT_04 \/\/ STAGE<\/span>\r\n                <p>Lumini, sunet, proiec\u021bii \u2013 \u00eentr-un cuv\u00e2nt: show-ul c\u00e2\u0219tig\u0103torilor poart\u0103 semn\u0103tura echipei noastre!<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"holo-card\" style=\"--clr: #00d2ff; --x: 420px; --y: 10px; --delay: 0.3s;\">\r\n            <div class=\"glow-layer\"><\/div>\r\n            <div class=\"card-inner\">\r\n                <span class=\"tag\">UNIT_05 \/\/ VFX<\/span>\r\n                <p>Suntem creatori de con\u021binut: realiz\u0103m videoclipurile de prezentare ale tuturor finali\u0219tilor.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"holo-card\" style=\"--clr: #ffffff; --x: 380px; --y: 160px; --delay: 1.5s;\">\r\n            <div class=\"glow-layer\"><\/div>\r\n            <div class=\"card-inner\">\r\n                <span class=\"tag\">UNIT_06 \/\/ SYNC<\/span>\r\n                <p>Gestion\u0103m imaginea festivalului online \u0219i offline. Identitatea vizual\u0103 Filmmic r\u0103m\u00e2ne coerent\u0103 \u0219i cool.<\/p>\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=Syncopate:wght@700&family=Space+Grotesk:wght@300;500&display=swap');\r\n\r\n\/* FUNDAL COMPLET TRANSPARENT \u0218I ZON\u0102 COMPACT\u0102 *\/\r\n.holographic-workspace {\r\n    background: transparent; \/* Transparent *\/\r\n    min-height: 600px; \/* Redus de la 1000px *\/\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: visible; \/* P\u0103str\u0103m hover-ul 3D *\/\r\n    position: relative;\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    padding: 20px 0; \/* Spa\u021biere minim\u0103 exterioar\u0103 *\/\r\n}\r\n\r\n.viewport-3d {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 1300px; \/* U\u0219or mai str\u00e2ns *\/\r\n    height: 550px; \/* Redus de la 900px pentru compactare *\/\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    perspective: 2000px;\r\n    transform-style: preserve-3d;\r\n}\r\n\r\n\/* GLOW DIN SPATE SUBTIL *\/\r\n.ambient-glow {\r\n    position: absolute;\r\n    width: 600px; height: 300px;\r\n    background: radial-gradient(circle, rgba(0, 210, 255, 0.05) 0%, transparent 70%);\r\n    filter: blur(80px);\r\n    z-index: 0;\r\n    pointer-events: none;\r\n    top: 50%; left: 50%;\r\n    transform: translate(-50%, -50%);\r\n}\r\n\r\n\/* DESIGN LAPTOP - U\u0219or mic\u0219orat pentru a se potrivi \u00een zona compact\u0103 *\/\r\n.laptop-core {\r\n    width: 500px; \/* Redus de la 620px *\/\r\n    z-index: 10;\r\n    position: relative;\r\n    transform: rotateX(2deg);\r\n    transition: transform 0.3s;\r\n}\r\n\r\n.screen-casing {\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9.5;\r\n    background: #000;\r\n    border: 4px solid #222; \/* Bordur\u0103 mai sub\u021bire *\/\r\n    border-radius: 10px 10px 0 0;\r\n    overflow: hidden;\r\n    position: relative;\r\n    box-shadow: 0 0 40px rgba(0, 210, 255, 0.1);\r\n}\r\n\r\n.display-area img {\r\n    width: 100%; height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n\/* Efecte ecran *\/\r\n.screen-overlay {\r\n    position: absolute; inset: 0;\r\n    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);\r\n}\r\n\r\n.scanline {\r\n    position: absolute; inset: 0;\r\n    background: linear-gradient(to bottom, rgba(255,255,255,0.01) 50%, rgba(0,0,0,0.01) 50%);\r\n    background-size: 100% 4px;\r\n    pointer-events: none;\r\n}\r\n\r\n.keyboard-base {\r\n    width: 510px; height: 10px;\r\n    background: #1a1a1a;\r\n    margin-left: -5px;\r\n    border-radius: 0 0 10px 10px;\r\n    position: relative;\r\n}\r\n\r\n.neon-strip {\r\n    position: absolute; top: 0; width: 100%; height: 2px;\r\n    background: #00d2ff;\r\n    box-shadow: 0 0 10px #00d2ff;\r\n}\r\n\r\n\/* CARDURI HOLOGRAFICE *\/\r\n.holo-card {\r\n    position: absolute;\r\n    width: 280px; \/* Redus de la 320px *\/\r\n    transform: translate3d(var(--x), var(--y), 0);\r\n    z-index: 20;\r\n    transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);\r\n    pointer-events: auto;\r\n}\r\n\r\n.glow-layer {\r\n    position: absolute;\r\n    inset: -15px;\r\n    background: radial-gradient(circle, var(--clr) 0%, transparent 70%);\r\n    opacity: 0.02;\r\n    filter: blur(30px);\r\n    transition: opacity 0.5s;\r\n}\r\n\r\n.card-inner {\r\n    position: relative;\r\n    padding: 18px; \/* Redus de la 25px *\/\r\n    background: rgba(255, 255, 255, 0.01);\r\n    backdrop-filter: blur(15px); \/* Blur mai mic pentru transparen\u021b\u0103 *\/\r\n    border: 1px solid rgba(255, 255, 255, 0.03);\r\n    border-left: 3px solid var(--clr);\r\n    color: #fff;\r\n    box-shadow: 0 8px 25px rgba(0,0,0,0.4);\r\n    animation: float 5s infinite ease-in-out alternate;\r\n    animation-delay: var(--delay);\r\n}\r\n\r\n.tag {\r\n    display: block;\r\n    font-family: 'Syncopate', sans-serif;\r\n    font-size: 7px; \/* Redus *\/\r\n    color: var(--clr);\r\n    margin-bottom: 8px;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n.card-inner p {\r\n    font-size: 12.5px; \/* Redus *\/\r\n    line-height: 1.5;\r\n    margin: 0;\r\n    font-weight: 300;\r\n}\r\n\r\n\/* EFECT HOVER (MOUSE OVER) *\/\r\n.holo-card:hover {\r\n    transform: translate3d(var(--x), calc(var(--y) - 15px), 80px); \/* Mi\u0219care mai mic\u0103 *\/\r\n    z-index: 50;\r\n}\r\n\r\n.holo-card:hover .glow-layer {\r\n    opacity: 0.2;\r\n}\r\n\r\n.holo-card:hover .card-inner {\r\n    background: rgba(255, 255, 255, 0.04);\r\n    border-color: var(--clr);\r\n    box-shadow: 0 0 30px rgba(0, 210, 255, 0.15);\r\n}\r\n\r\n@keyframes float {\r\n    from { transform: translateY(0); }\r\n    to { transform: translateY(-10px); }\r\n}\r\n\r\n\/* RESPONSIVE PENTRU MOBIL *\/\r\n@media (max-width: 1100px) {\r\n    .holographic-workspace { min-height: auto; padding: 40px 10px; }\r\n    .viewport-3d { flex-direction: column; height: auto; transform: none; perspective: none; }\r\n    .holo-card { position: relative !important; transform: none !important; margin: 15px auto; width: 95%; animation: none; }\r\n    .laptop-core { transform: scale(0.9); margin: 20px 0; width: 90%; max-width: 450px; }\r\n    .keyboard-base { width: 102%; margin-left: -1%; }\r\n}\r\n<\/style>\r\n\r\n\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-5851ece elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"5851ece\" 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-2a16216\" data-id=\"2a16216\" 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-00e10f4 elementor-widget elementor-widget-html\" data-id=\"00e10f4\" 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=\"oral-history-hologram\">\r\n    \r\n    <div class=\"hologram-grid\"><\/div>\r\n    <div class=\"scanline-vfx\"><\/div>\r\n    \r\n    <div class=\"top-interface\">\r\n        <div class=\"sys-path\">PATH: \/USERS\/TECH\/ORAL_HISTORY \/\/ V.2.0<\/div>\r\n        <h1 class=\"glitch-title\">POVE\u0218TILE <span class=\"tech-accent\">VOLUNTARILOR<\/span><\/h1>\r\n        <div class=\"live-nodes\">06 NODES ACTIVE \/\/ SYNC: OK<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"holographic-viewport\">\r\n        <div class=\"core-grid-3d\">\r\n            \r\n            <div class=\"data-wing left-wing\">\r\n                <div class=\"tech-node-v2\" style=\"--node-clr: #00d2ff; --order: 1;\">\r\n                    <div class=\"node-glow\"><\/div>\r\n                    <div class=\"node-face\">\r\n                        <div class=\"node-header\">DATA_STREAM: 01<\/div>\r\n                        <div class=\"node-body\">\r\n                            <h3>\u0218tefania<\/h3>\r\n                            <p>\u201dFILMMIC ma ajutat s\u0103 aflu cum este s\u0103 lucrez \u00een echip\u0103, s\u0103 \u00eemi \u00eemp\u0103rt\u0103\u0219esc ideile cu pesoane cu care nu credeam c\u0103 voi putea vorbi.\u201d<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"tech-node-v2\" style=\"--node-clr: #00ffa2; --order: 2;\">\r\n                    <div class=\"node-glow\"><\/div>\r\n                    <div class=\"node-face\">\r\n                        <div class=\"node-header\">DATA_STREAM: 02<\/div>\r\n                        <div class=\"node-body\">\r\n                            <h3>\u0218tefan Ioana<\/h3>\r\n                            <p>\u201dM-am alaturat departamenului tehnic pentru a putea face o schimbare, dar \u0219i pentru c\u0103 mi se pare fascinant s\u0103 lucrez pe site.\u201d<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"tech-node-v2\" style=\"--node-clr: #00d2ff; --order: 3;\">\r\n                    <div class=\"node-glow\"><\/div>\r\n                    <div class=\"node-face\">\r\n                        <div class=\"node-header\">DATA_STREAM: 03<\/div>\r\n                        <div class=\"node-body\">\r\n                            <h3>Diana<\/h3>\r\n                            <p>\u201dM\u0103 bucur c\u0103 am ales s\u0103 fiu voluntar\u0103 \u00een proiectul Filmmic. Am \u00eent\u00e2lnit oameni pasiona\u021bi, iar \u00een departamentul tehnic am avut ocazia s\u0103 m\u0103 dezvolt.\u201d<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"center-processing-unit\">\r\n                <div class=\"rotary-systems\">\r\n                    <div class=\"r-ring p1\"><\/div>\r\n                    <div class=\"r-ring p2\"><\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"film-slate-3d\">\r\n                    <div class=\"slate-top-bar\"><\/div>\r\n                    <div class=\"slate-main-body\">\r\n                        <div class=\"rec-interface\">\r\n                            <div class=\"rec-button\"><\/div>\r\n                            <div class=\"rec-text\">REC<\/div>\r\n                        <\/div>\r\n                        <div class=\"target-cross\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"energy-glow-v2\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"data-wing right-wing\">\r\n                <div class=\"tech-node-v2\" style=\"--node-clr: #ffffff; --order: 4;\">\r\n                    <div class=\"node-glow\"><\/div>\r\n                    <div class=\"node-face\">\r\n                        <div class=\"node-header\">DATA_STREAM: 04<\/div>\r\n                        <div class=\"node-body\">\r\n                            <h3>Alexandra<\/h3>\r\n                            <p>\u201dAm intrat \u00een departamentul tehnic pentru a descoperi \u0219i frumuse\u021bea din spatele ecranului. Acest proiect m-a ajutat s\u0103 mi exprim ideile.\u201d<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"tech-node-v2\" style=\"--node-clr: #00ffa2; --order: 5;\">\r\n                    <div class=\"node-glow\"><\/div>\r\n                    <div class=\"node-face\">\r\n                        <div class=\"node-header\">DATA_STREAM: 05<\/div>\r\n                        <div class=\"node-body\">\r\n                            <h3>Ioana<\/h3>\r\n                            <p>\u201dExperien\u021ba mea \u00een departamentul tehnic a fost special\u0103, deoarece mi-a oferit \u0219ansa de a lucre al\u0103turi de oameni pasiona\u021bi.\u201d<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"tech-node-v2\" style=\"--node-clr: #00d2ff; --order: 6;\">\r\n                    <div class=\"node-glow\"><\/div>\r\n                    <div class=\"node-face\">\r\n                        <div class=\"node-header\">DATA_STREAM: 06<\/div>\r\n                        <div class=\"node-body\">\r\n                            <h3>Gabriela<\/h3>\r\n                            <p>\u201dM-am al\u0103turat departamentului tehnic pentru a dob\u00e2ndi experien\u021b\u0103 practic\u0103. Mi-a consolidat cuno\u0219tin\u021bele tehnice web.\u201d<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@700;900&family=JetBrains+Mono:wght@300;500;700&display=swap');\r\n\r\n.oral-history-hologram {\r\n    background: transparent;\r\n    padding: 20px 0;\r\n    font-family: 'JetBrains Mono', monospace;\r\n    color: #fff;\r\n    position: relative;\r\n    overflow: hidden;\r\n    perspective: 2000px;\r\n}\r\n\r\n\/* EFECTE DE FUNDAL *\/\r\n.hologram-grid {\r\n    position: absolute; inset: 0;\r\n    background-image: radial-gradient(circle, rgba(0, 210, 255, 0.05) 1px, transparent 1px);\r\n    background-size: 50px 50px;\r\n    pointer-events: none;\r\n    opacity: 0.3;\r\n}\r\n.scanline-vfx {\r\n    position: absolute; inset: 0;\r\n    background: linear-gradient(to bottom, transparent 50%, rgba(0, 210, 255, 0.02) 50%);\r\n    background-size: 100% 3px;\r\n    pointer-events: none;\r\n    z-index: 100;\r\n}\r\n\r\n\/* HEADER COMPACT *\/\r\n.top-interface {\r\n    text-align: center;\r\n    margin-bottom: 25px;\r\n}\r\n.sys-path { font-size: 9px; color: rgba(255,255,255,0.3); letter-spacing: 3px; }\r\n.glitch-title {\r\n    font-family: 'Orbitron', sans-serif;\r\n    font-size: 32px;\r\n    margin: 8px 0;\r\n    letter-spacing: 6px;\r\n    text-transform: uppercase;\r\n    color: #ffffff;\r\n}\r\n.tech-accent { color: #00d2ff; text-shadow: 0 0 15px rgba(0, 210, 255, 0.7); }\r\n.live-nodes { font-size: 10px; color: #00ffa2; margin-top: 5px; }\r\n\r\n\/* CORE GRID *\/\r\n.core-grid-3d {\r\n    display: grid;\r\n    grid-template-columns: 1fr 240px 1fr; \/* Central compact *\/\r\n    align-items: center;\r\n    gap: 20px;\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n    transform-style: preserve-3d;\r\n}\r\n\r\n.data-wing {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n    transform-style: preserve-3d;\r\n}\r\n\r\n\/* TECH NODES v.2.0 (Glassmorphism & Compact) *\/\r\n.tech-node-v2 {\r\n    position: relative;\r\n    transform-style: preserve-3d;\r\n    transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n    animation: organicFloat 6s infinite ease-in-out alternate;\r\n    animation-delay: calc(var(--order) * 0.4s);\r\n}\r\n\r\n.node-face {\r\n    background: rgba(255, 255, 255, 0.02);\r\n    backdrop-filter: blur(15px);\r\n    border: 1px solid rgba(255, 255, 255, 0.06);\r\n    border-left: 3px solid var(--node-clr);\r\n    padding: 18px;\r\n    clip-path: polygon(0 0, 100% 0, 100% 88%, 93% 100%, 0 100%);\r\n    position: relative;\r\n    z-index: 2;\r\n    transform: translateZ(20px);\r\n}\r\n\r\n.node-face h3 {\r\n    font-family: 'Orbitron', sans-serif;\r\n    font-size: 16px;\r\n    margin: 6px 0;\r\n    color: #fff;\r\n    font-weight: 700;\r\n}\r\n\r\n.node-face p {\r\n    font-size: 12px;\r\n    line-height: 1.5;\r\n    color: rgba(255,255,255,0.6);\r\n    margin: 0;\r\n    font-weight: 300;\r\n}\r\n\r\n.node-header { font-size: 9px; color: var(--node-clr); opacity: 0.6; margin-bottom: 6px; font-weight: 700; }\r\n\r\n.node-glow {\r\n    position: absolute; inset: -5px;\r\n    background: var(--node-clr);\r\n    filter: blur(35px);\r\n    opacity: 0.1;\r\n    z-index: 1;\r\n    transform: translateZ(-10px);\r\n}\r\n\r\n\/* INTERACTIVE HOVER *\/\r\n.tech-node-v2:hover {\r\n    transform: translateZ(60px) rotateX(5deg);\r\n}\r\n.tech-node-v2:hover .node-glow {\r\n    opacity: 0.4;\r\n    filter: blur(50px);\r\n}\r\n.tech-node-v2:hover .node-face {\r\n    background: rgba(255, 255, 255, 0.05);\r\n    border-color: var(--node-clr);\r\n}\r\n\r\n\/* CENTRAL UNIT *\/\r\n.center-processing-unit {\r\n    position: relative;\r\n    height: 300px;\r\n    display: flex; justify-content: center; align-items: center;\r\n    transform-style: preserve-3d;\r\n}\r\n\r\n.rotary-systems {\r\n    position: absolute; z-index: 1;\r\n    transform: translateZ(-50px);\r\n    pointer-events: none;\r\n}\r\n.r-ring {\r\n    position: absolute; top: 50%; left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    border: 1px solid rgba(0, 210, 255, 0.1);\r\n    border-radius: 50%;\r\n}\r\n.p1 { width: 160px; height: 160px; animation: rotateSystem 10s infinite linear; }\r\n.p2 { width: 230px; height: 230px; animation: rotateSystem 15s infinite linear reverse; border-style: dashed; }\r\n\r\n\/* FILM SLATE WITH RED BUTTON *\/\r\n.film-slate-3d {\r\n    width: 130px; height: 110px;\r\n    position: relative; z-index: 5;\r\n    transform-style: preserve-3d;\r\n    animation: slateFloat3D 5s infinite ease-in-out;\r\n}\r\n\r\n.slate-top-bar {\r\n    width: 110%; height: 20px;\r\n    background: repeating-linear-gradient(45deg, #000, #000 8px, #fff 8px, #fff 16px);\r\n    position: absolute; top: -18px; left: -5%;\r\n    transform-origin: bottom left;\r\n    animation: clapAnim 2.5s infinite ease-in-out;\r\n}\r\n\r\n.slate-main-body {\r\n    width: 100%; height: 100%;\r\n    background: #050505;\r\n    border: 2px solid #222;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.6);\r\n}\r\n\r\n\/* BUTONUL RO\u0218U (Wow element) *\/\r\n.rec-interface {\r\n    position: absolute;\r\n    top: 50%; left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    pointer-events: none;\r\n}\r\n\r\n.rec-button {\r\n    width: 10px; height: 10px;\r\n    background: #ff0000;\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 10px #ff0000;\r\n    animation: recPulse 1s infinite alternate;\r\n}\r\n\r\n.rec-text {\r\n    font-family: 'JetBrains Mono', monospace;\r\n    font-size: 10px;\r\n    color: #ff0000;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n\/* ANIMA\u021aII *\/\r\n@keyframes recPulse { from { transform: scale(0.8); opacity: 0.5; } to { transform: scale(1.2); opacity: 1; } }\r\n@keyframes clapAnim { 0%, 100% { transform: rotate(-15deg); } 50% { transform: rotate(-40deg); } }\r\n@keyframes slateFloat3D { 0%, 100% { transform: translateZ(0) rotateY(-10deg); } 50% { transform: translateZ(30px) rotateY(10deg); } }\r\n@keyframes rotateSystem { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } }\r\n@keyframes organicFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 950px) {\r\n    .core-grid-3d { grid-template-columns: 1fr; }\r\n    .center-processing-unit { grid-row: 1; height: 180px; }\r\n    .tech-node-v2 { width: 100%; max-width: 400px; margin: 0 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>DEPARTAMENTUL 010101 CORE_SYSTEM TECH_UNIT ENCRYPTED MATRIX RUNNING TEHNIC AUTH_LEVEL: ADMIN \/\/ SYSTEM_ACTIVE DATA_STREAM_01 ENCRYPTION_STABLE ADMIN:\/\/ROOT\/PERSONNEL\/COORDINATORS_LIST UPTIME: 99.9% SCANNING BIOMETRIC DATA&#8230; COORDONATOR 1011001 ENCRYPTED_ACCESS 0011010 TOTAL_OBJECTS: 04 LEVEL: LEVEL_5_CLEARANCE SYSTEM: STABLE FILMMIC MANEA LUANA-ELENA COORDONATOR ADMIN:\/\/ROOT\/PERSONNEL\/COORDINATORS_LIST UPTIME: 99.9% SCANNING BIOMETRIC DATA&#8230; COORDONATORI Adjuncti 1011001 ENCRYPTED_ACCESS 0011010 TOTAL_OBJECTS: 04 LEVEL: LEVEL_5_CLEARANCE SYSTEM: STABLE FILMMIC NISTOR RARE\u0218 COORDONATOR [&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-6258","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/pages\/6258","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=6258"}],"version-history":[{"count":79,"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/pages\/6258\/revisions"}],"predecessor-version":[{"id":7094,"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/pages\/6258\/revisions\/7094"}],"wp:attachment":[{"href":"https:\/\/filmmic.ro\/wp69\/wp-json\/wp\/v2\/media?parent=6258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}