body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#121212;color:#fff;margin:0;padding:0;overflow-x:hidden}h1{color:#0f9;text-align:center;margin-top:20px;font-size:2.5rem;text-shadow:0 0 8px #00ff99}.filter-buttons{display:flex;justify-content:center;margin:20px 0;gap:15px;flex-wrap:wrap}.filter-buttons button{padding:12px 25px;border:none;border-radius:12px;font-weight:700;cursor:pointer;background-color:#1e1e1e;color:#0f9;border:2px solid #00ff99;transition:all .3s ease}.filter-buttons button:hover{background-color:#0f9;color:#121212;transform:scale(1.1)}.team-container{display:flex;width:100%;max-width:1200px;flex-wrap:wrap;justify-content:center;gap:25px;padding:20px;margin:0 auto}.team-card{display:flex;flex-direction:column;align-items:center;background-color:#1e1e1e;width:220px;padding:20px;border-radius:20px;box-shadow:0 8px 20px #00ff994d;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:10px}.team-card:hover{transform:translateY(-8px);box-shadow:0 12px 25px #0f99}.team-card img{border-radius:50%;width:100px;height:100px;object-fit:cover;margin-bottom:15px;border:3px solid #00ff99}.team-card h3{margin:5px 0;font-size:1.3rem;color:#0f9;text-shadow:0 0 5px #00ff99}.team-card p{margin:3px 0;font-size:1rem;color:#ccc}.team-card .online{color:#0f0;font-weight:700}.team-card .offline{color:#f30;font-weight:700}@media(max-width:992px){.team-container{gap:20px}.team-card{width:45%}h1{font-size:2.2rem}}@media(max-width:992px){.team-container{gap:20px}.team-card{width:40%}h1{font-size:2.2rem}}@media(max-width:600px){.team-container{gap:15px;padding:10px}.team-card{width:60%;padding:15px}.filter-buttons{gap:10px;justify-content:center}.filter-buttons button{padding:10px 15px;font-size:.9rem}h1{font-size:1.8rem}}