@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(135deg,#0f0c1f,#1a142f);min-height:100vh;color:#e2d5ff;line-height:1.5}.app{max-width:1400px;margin:0 auto;padding:2rem 1.5rem}h1{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:2rem;background:linear-gradient(135deg,#c084fc,#a855f7);background-clip:text;-webkit-background-clip:text;color:transparent;letter-spacing:-.02em}.controls{display:flex;justify-content:center;gap:1rem;margin-bottom:2.5rem;flex-wrap:wrap}.controls input,.controls select{padding:.75rem 1.25rem;font-size:.95rem;font-family:Inter,sans-serif;border:1px solid #3a2a5e;border-radius:1rem;background:#1e1836;transition:all .2s ease;outline:none;color:#e2d5ff;min-width:200px}.controls input:focus,.controls select:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f733;background:#241d40}.controls input::placeholder{color:#6b5b8a}.controls select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23a855f7' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;appearance:none;padding-right:2.5rem}.app p{text-align:center;font-size:1rem;color:#b8a9d4;margin:2rem 0}.error{color:#f43f5e;background:#f43f5e1f;padding:.75rem;border-radius:1rem;display:inline-block;width:auto;margin:1rem auto;border:1px solid rgba(244,63,94,.3)}.container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.75rem;margin-top:.5rem;justify-content:center;align-items:center}.not-found{text-align:center;padding:3rem 2rem;background:#a855f70d;border-radius:1.5rem;border:1px dashed rgba(168,85,247,.3);grid-column:1 / -1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.not-found p{font-size:1.1rem;color:#c084fc;margin-bottom:.5rem;text-align:center}.card{background:#1a1435;border-radius:1.5rem;padding:1.75rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #0000004d;border:1px solid #2d2352;height:380px;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0006;border-color:#a855f7;background:#1f1a3c}.card img{width:100px;height:100px;border-radius:50%;object-fit:cover;margin:0 auto 1rem;border:3px solid #2d2352;box-shadow:0 4px 10px #0003;flex-shrink:0}.card h3{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;margin-top:10px;color:#f0eaff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.card .role{display:inline-block;background:#a855f726;color:#c084fc;padding:.25rem 1rem;border-radius:2rem;font-size:.75rem;font-weight:600;margin:0 auto 1rem;margin-top:10px;letter-spacing:.3px;border:1px solid rgba(168,85,247,.25);width:fit-content;flex-shrink:0}.card p:last-of-type{font-size:1rem;color:#b8a9d4;line-height:1.4;margin-top:10px;overflow-y:auto;flex:1;padding-right:4px}.card p:last-of-type::-webkit-scrollbar{width:4px}.card p:last-of-type::-webkit-scrollbar-track{background:#2d2352;border-radius:4px}.card p:last-of-type::-webkit-scrollbar-thumb{background:#a855f7;border-radius:4px}.card-content{justify-content:center;align-items:center;text-align:center}@media(max-width:768px){.app{padding:1.5rem 1rem}h1{font-size:2rem;margin-bottom:1.5rem}.controls{gap:.75rem;margin-bottom:2rem}.controls input,.controls select{padding:.65rem 1rem;font-size:.9rem;min-width:160px}.container{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.card{height:360px;padding:1.5rem}.card img{width:90px;height:90px}.card h3{font-size:1.1rem}}@media(max-width:480px){.app{padding:1.25rem .75rem}h1{font-size:1.75rem;margin-bottom:1.25rem}.controls{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1.75rem}.controls input,.controls select{width:100%;min-width:auto;padding:.7rem 1rem;font-size:.9rem}.container{gap:1rem;grid-template-columns:1fr}.card{height:340px;padding:1.25rem}.card img{width:80px;height:80px}.card h3{font-size:1rem}.card .role{font-size:.7rem;padding:.2rem .85rem}.card p:last-of-type{font-size:.8rem}}@media(max-width:375px){h1{font-size:1.5rem}.card{padding:1rem}.card img{width:80px;height:80px}.card h3{font-size:1rem}}html{scroll-behavior:smooth}