#staff{background:#0e0e12;min-height:100vh}#staff .hero-section{background:linear-gradient(135deg,#7358d926,#0e0e12f2);border-bottom:1px solid rgba(115,88,217,.1);overflow:hidden;padding:60px 0;position:relative}#staff .hero-section:before{background:radial-gradient(circle at 50% 50%,rgba(115,88,217,.1) 0,transparent 70%);content:"";inset:0;opacity:.5;position:absolute}#staff .hero-section .hero-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}#staff .hero-section .hero-title{color:#fff;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem;text-shadow:0 4px 12px rgba(0,0,0,.5)}#staff .hero-section .hero-subtitle{color:#e2e8f0;font-size:1.25rem;line-height:1.6;margin:0;opacity:.9}#staff .staff-section{background:#0e0e12;padding:80px 0 180px;position:relative}#staff .staff-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14141ccc;border:1px solid rgba(115,88,217,.15);border-radius:20px;box-shadow:0 8px 32px #0000004d;margin:0 auto;max-width:700px;overflow:hidden;position:relative;transition:all .3s ease}#staff .staff-card:hover{border-color:#7358d94d;box-shadow:0 20px 60px #7358d933;transform:translateY(-8px)}#staff .staff-card:hover .avatar-ring{opacity:.8;transform:scale(1.1)}#staff .staff-card:hover .social-btn{transform:translateY(-2px)}#staff .card-background{background:linear-gradient(135deg,#7358d933,#7358d90d);border-radius:20px 20px 0 0;height:120px;left:0;position:absolute;right:0;top:0}#staff .card-background .bg-pattern{background:radial-gradient(circle at 20% 30%,rgba(115,88,217,.1) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(115,88,217,.08) 0,transparent 50%);inset:0;position:absolute}#staff .card-content{padding:2rem;position:relative;text-align:center;z-index:2}#staff .avatar-section{margin-bottom:2rem;margin-top:2rem}#staff .avatar-section .avatar-wrapper{display:inline-block;position:relative}#staff .avatar-section .staff-avatar{border:4px solid rgba(115,88,217,.3);box-shadow:0 8px 32px #0000004d;position:relative;z-index:3}#staff .avatar-section .avatar-ring{border:2px solid rgba(115,88,217,.4);border-radius:50%;inset:-8px;position:absolute;transition:all .3s ease;z-index:1}#staff .info-section{margin-bottom:2.5rem}#staff .info-section .staff-name{color:#fff;font-size:1.75rem;font-weight:700;line-height:1.2;margin-bottom:1rem}#staff .info-section .staff-description{color:#a0aec0;font-size:1rem;line-height:1.6;margin:0;padding:0 1rem}#staff .social-section .social-links{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}#staff .social-section .social-btn{box-shadow:0 4px 12px #0003;transition:all .3s ease}#staff .social-section .social-btn:hover{box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}@media (max-width:768px){#staff .hero-section{padding:60px 0 40px}#staff .hero-section .hero-title{font-size:2.5rem;margin-bottom:1rem}#staff .hero-section .hero-subtitle{font-size:1.1rem}#staff .staff-section{padding:60px 0 100px}#staff .card-content{padding:1.5rem}#staff .avatar-section{margin-bottom:1.5rem;margin-top:1.5rem}#staff .avatar-section .staff-avatar{height:120px!important;width:120px!important}#staff .info-section .staff-name{font-size:1.5rem}#staff .info-section .staff-description{font-size:.95rem;padding:0 .5rem}#staff .social-links{gap:.5rem}}@media (max-width:480px){#staff .hero-section{padding:40px 0 30px}#staff .hero-section .hero-title{font-size:2rem}#staff .hero-section .hero-subtitle{font-size:1rem}#staff .card-content{padding:1.25rem}#staff .avatar-section .staff-avatar{height:100px!important;width:100px!important}#staff .info-section .staff-name{font-size:1.25rem}#staff .info-section .staff-description{font-size:.9rem}}