:root{--cc-bg:#02050b;--cc-panel:rgba(4,10,20,.9);--cc-cyan:#19d9ff;--cc-blue:#1677ff;--cc-gold:#ffbf42;--cc-text:#eef7ff;--cc-muted:#a8bfd5;--cc-border:rgba(25,217,255,.45)}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at top,#07152a 0,#02050b 55%,#010207 100%);color:var(--cc-text);font-family:Arial,sans-serif}
.team-page{min-height:100vh;padding:28px 18px 42px}
.team-hero{max-width:1250px;margin:0 auto 28px;text-align:center;padding:26px 20px;border:1px solid var(--cc-border);border-radius:16px;background:var(--cc-panel);box-shadow:0 0 22px rgba(25,217,255,.14)}
.eyebrow{letter-spacing:4px;color:var(--cc-cyan);font-size:.78rem;font-weight:700}
h1{margin:8px 0;color:#fff;text-shadow:0 0 14px var(--cc-cyan);font-size:clamp(2rem,5vw,3.6rem)}
.team-hero p{margin:0;color:var(--cc-muted);font-size:1.05rem}
.team-grid{max-width:1250px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.team-card{overflow:hidden;border:1px solid var(--cc-border);border-radius:16px;background:var(--cc-panel);box-shadow:0 0 20px rgba(25,217,255,.12);transition:transform .2s ease,box-shadow .2s ease}
.team-card:hover{transform:translateY(-4px);box-shadow:0 0 28px rgba(25,217,255,.25)}
.team-card img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;background:#01040a}
.team-card-body{padding:18px 18px 20px;text-align:center}
.team-card h2{margin:0 0 8px;color:#fff;font-size:1.45rem;text-shadow:0 0 9px var(--cc-cyan)}
.role{color:var(--cc-gold);font-size:.78rem;font-weight:700;letter-spacing:1.3px;line-height:1.4}
.team-card p{margin:12px 0 0;color:var(--cc-muted);line-height:1.55}
.team-footer{max-width:1250px;margin:24px auto 0;text-align:center}.team-footer a{color:var(--cc-cyan);text-decoration:none}.team-footer a:hover{text-decoration:underline}
@media(max-width:900px){.team-grid{grid-template-columns:1fr}.team-page{padding:18px 12px 30px}}