.management-page{min-height:100vh;background:linear-gradient(135deg,#12173a,#131354,#0e276b);color:#fff;position:relative;overflow-x:hidden}.hero-section{padding:120px 0 80px;position:relative;overflow:hidden}.hero-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content{position:relative;z-index:2;animation:slideInLeft 1s ease-out}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:50px;font-size:.875rem;font-weight:600;color:#0ff;margin-bottom:2rem;backdrop-filter:blur(10px)}.badge-dot{position:relative;top:5px;width:8px;height:8px;background:#0ff;border-radius:50%;animation:pulse 2s infinite;flex-shrink:0}.hero-title{font-size:4rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem;font-family:Orbitron,monospace}.title-line{display:block;animation:slideInUp .8s ease-out}.title-line:nth-child(2){animation-delay:.2s}.gradient-text{background:linear-gradient(135deg,#0ff,#ff6b6b,gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite}.hero-description{font-size:1.125rem;color:#fffc;margin-bottom:2rem;line-height:1.6;animation:fadeIn 1s ease-out .5s both}.hero-stats{display:flex;align-items:center;gap:2rem;animation:fadeInUp 1s ease-out .7s both}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:900;color:#0ff;font-family:Orbitron,monospace;animation:countUp 2s ease-out 1s both}.stat-label{font-size:.875rem;color:#fff9;text-transform:uppercase;letter-spacing:.1em}.stat-divider{width:1px;height:40px;background:#fff3}.hero-right{position:relative;height:450px;animation:slideInRight 1s ease-out}.hierarchy-container{position:relative;width:100%;height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border-radius:20px;padding:2rem;overflow:hidden}.hierarchy-level{display:flex;justify-content:center;align-items:center;margin:1rem 0;width:100%}.hierarchy-level.first-row{gap:4rem;margin-bottom:3rem;justify-content:center}.hierarchy-level.second-row{gap:2rem;flex-wrap:wrap;justify-content:center}.hierarchy-node{background:linear-gradient(135deg,#00ffff1a,#9333ea1a);border:2px solid rgba(0,255,255,.3);border-radius:15px;padding:1rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .3s ease;backdrop-filter:blur(10px);position:relative;cursor:pointer;opacity:0;transform:translateY(20px);min-width:100px}.hierarchy-node.animate-in{opacity:1;transform:translateY(0)}.hierarchy-node:hover{transform:scale(1.1);box-shadow:0 10px 30px #00ffff4d}.node-icon{font-size:1.5rem;filter:drop-shadow(0 0 10px rgba(0,255,255,.5))}.node-label{font-size:.8rem;font-weight:600;color:#fff;text-align:center;white-space:nowrap}.tm-node{background:linear-gradient(135deg,#ff6b6b33,#ffd70033);border-color:#ff6b6b80}.tl-node{background:linear-gradient(135deg,#0ff3,#00ff7f33);border-color:#00ffff80}.vtl-node{background:linear-gradient(135deg,#ffd70033,#ffa50033);border-color:#ffd70080}.tr-node{background:linear-gradient(135deg,#32cd3233,#228b2233);border-color:#32cd3280}.hr-node{background:linear-gradient(135deg,#9333ea33,#8b451333);border-color:#9333ea80}.sec-node{background:linear-gradient(135deg,#ff149333,#8a2be233);border-color:#ff149380}.connection-line{background:linear-gradient(90deg,transparent 0%,rgba(0,255,255,.6) 50%,transparent 100%);opacity:0;transition:opacity .5s ease}.connection-line.animate-line{opacity:1}.vertical-line{width:2px;height:30px;background:linear-gradient(180deg,transparent 0%,rgba(0,255,255,.6) 50%,transparent 100%)}.horizontal-line{height:2px;width:60px}.connection-hub{position:relative;display:flex;align-items:center;justify-content:center;margin:.5rem 0}.hub-center{width:8px;height:8px;background:#0ffc;border-radius:50%;box-shadow:0 0 15px #00ffff80}.horizontal-line.left{position:absolute;right:50%;top:50%;transform:translateY(-50%)}.horizontal-line.right{position:absolute;left:50%;top:50%;transform:translateY(-50%)}.vertical-line.down{position:absolute;top:50%;left:50%;transform:translate(-50%);height:20px}.top-row{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.top-row .hierarchy-node{min-width:80px}.node-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:2px solid rgba(255,107,107,.5);border-radius:15px;animation:pulse 2s infinite;pointer-events:none}.node-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(0,255,255,.2) 0%,transparent 70%);border-radius:50%;animation:glow 3s ease-in-out infinite alternate;pointer-events:none}.team-manager-section{padding:80px 0;position:relative}.section-container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.5rem;font-weight:800;color:#00a8cc;margin-bottom:1rem;font-family:Orbitron,monospace}.title-underline{width:80px;height:3px;background:linear-gradient(90deg,#0ff,#ff6b6b);margin:0 auto;animation:expandWidth 1s ease-out}.manager-card{background:#344455cc;border-radius:1rem;padding:2.5rem;display:flex;align-items:center;gap:3rem;max-width:900px;margin:0 auto;backdrop-filter:blur(10px);border:1px solid rgba(0,168,204,.2);position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer}.manager-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.1),transparent);transition:left .6s ease}.manager-card:hover:before{left:100%}.manager-card:hover{transform:translateY(-5px);border-color:#00a8cc66;box-shadow:0 20px 40px #00a8cc1a}.manager-image{flex-shrink:0}.image-frame{position:relative;border-radius:.5rem;overflow:hidden}.manager-image img{width:220px;height:280px;object-fit:cover;transition:transform .3s ease}.image-overlay{position:absolute;inset:0;background:#0ff3;opacity:0;transition:opacity .3s ease}.manager-card:hover .image-overlay{opacity:0}.manager-card:hover .manager-image img{transform:scale(1.05)}.manager-info{flex:1}.manager-name{font-size:1.6rem;font-weight:700;color:#00a8cc;margin-bottom:.5rem;line-height:1.2}.manager-position{font-size:1.1rem;color:gold;margin-bottom:2rem;font-weight:500}.contact-info{display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;align-items:center;gap:1rem;padding:.5rem 0;transition:all .3s ease}.contact-item:hover{transform:translate(5px);color:#0ff}.contact-icon{font-size:1.2rem;width:30px;text-align:center}.manager-email,.manager-phone{font-size:1rem;color:#fff}.people-section{padding:80px 0;background:#0000001a}.people-carousel-container{width:100vw;margin-left:calc(-50vw + 50%);overflow:hidden;position:relative}.people-carousel{display:flex;gap:2rem;animation:slideInfinite 20s linear infinite;width:fit-content;padding:0 2rem}.people-carousel:hover{animation-play-state:paused}@keyframes slideInfinite{0%{transform:translate(0)}to{transform:translate(-50%)}}.people-card{background:#344455cc;border-radius:1rem;padding:2rem;backdrop-filter:blur(10px);border:1px solid rgba(0,168,204,.2);transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer;width:320px;min-width:320px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;text-align:center}.card-glow{position:absolute;inset:-2px;background:#00ffff4d;border-radius:1rem;opacity:0;z-index:-1;transition:opacity .3s ease}.people-card:hover .card-glow{opacity:.2}.people-card:hover{transform:translateY(-10px) scale(1.02);border-color:#0ff9;box-shadow:0 15px 35px #0ff3}.people-image{text-align:center;margin-bottom:1rem;display:flex;justify-content:center;align-items:center;width:100%}.people-image .image-frame{position:relative;border-radius:.5rem;overflow:hidden;display:flex;justify-content:center;align-items:center;width:280px;height:320px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.people-image img{width:280px;height:320px;object-fit:cover;transition:transform .3s ease;display:block;margin:0 auto}.people-card:hover .people-image img{transform:scale(1.5)}.people-image .image-overlay{position:absolute;inset:0;background:#0ff3;opacity:0;transition:opacity .3s ease}.people-card:hover .people-image .image-overlay{opacity:0}.people-info{text-align:center;width:100%}.people-position{font-size:1.1rem;font-weight:600;color:#00a8cc;margin-bottom:.5rem}.people-name{font-size:1rem;font-weight:700;color:#fff;margin-bottom:1rem}.people-email,.people-personal-email,.people-phone{font-size:.75rem;color:#b0b0b0;word-break:break-word;text-align:center;margin-bottom:.3rem}.people-email{color:#fff;font-weight:500}.people-carousel-duplicate{display:flex;gap:2rem;width:max-content}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.1)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%{opacity:.5;transform:translate(-50%,-50%) scale(1)}to{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes expandWidth{0%{width:0}to{width:80px}}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-1px)}80%{transform:translate(1px)}}@keyframes wave{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.1)}}@keyframes ripple{to{transform:scale(4);opacity:0}}@media (max-width: 1024px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-right{height:400px}.hierarchy-container{height:400px;padding:1rem}.manager-card{flex-direction:column;text-align:center}}@media (max-width: 768px){.hero-right{height:450px}.hierarchy-container{height:450px;padding:.5rem}.hierarchy-level.first-row{gap:2rem;margin-bottom:2rem}.hierarchy-level.second-row{gap:1rem}.hierarchy-node{padding:.75rem 1rem;min-width:80px}.node-icon{font-size:1.2rem}.node-label{font-size:.7rem}.top-row{gap:.75rem}.top-row .hierarchy-node{min-width:70px;padding:.5rem .75rem}.people-carousel-container{width:100vw;margin-left:calc(-50vw + 50%)}.people-card{width:280px;min-width:280px;padding:1.5rem}.people-image .image-frame,.people-image img{width:160px;height:200px}}@media (max-width: 480px){.section-container{padding:0 1rem}.hero-title{font-size:2.5rem}.hero-right{height:500px}.hierarchy-container{height:500px;padding:.25rem}.hierarchy-level.level-top{margin-bottom:1.5rem}.hierarchy-level.level-middle{margin-bottom:1rem}.hierarchy-node{padding:.5rem .75rem;min-width:65px}.node-icon{font-size:1rem}.node-label{font-size:.65rem}.connection-hub{margin:.25rem 0}.vertical-line.down{height:15px}.horizontal-line{width:40px}.top-row{gap:.5rem;flex-wrap:wrap;max-width:100%}.top-row .hierarchy-node{min-width:60px;padding:.4rem .6rem}.manager-image img{width:160px;height:200px}.people-carousel-container{width:100vw;margin-left:calc(-50vw + 50%)}.people-carousel{padding:0 1rem}.people-card{width:240px;min-width:240px;padding:1.5rem}.people-image .image-frame,.people-image img{width:140px;height:180px}}@media (max-width: 360px){.hero-right{height:520px}.hierarchy-container{height:520px;padding:.125rem}.hierarchy-node{padding:.4rem .6rem;min-width:55px}.node-icon{font-size:.9rem}.node-label{font-size:.6rem}.top-row .hierarchy-node{min-width:50px;padding:.3rem .5rem}.horizontal-line{width:30px}}
