@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--bg-dark: #0f0c29;--primary: #24243e;--secondary: #302b63;--accent: #a777e3;--glow-color: rgba(167, 119, 227, .5);--text-light: #e0e0e0;--text-dark: #b3b3b3;--border-color: rgba(255, 255, 255, .15);--error-color: #ef4444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:var(--bg-dark);color:var(--text-light);background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.08) 1px,transparent 0);background-size:30px 30px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-header{margin-bottom:2rem}.app-header h1{font-size:2.5rem;color:#fff;text-shadow:0 0 15px var(--glow-color)}.app-header p{color:var(--text-dark);margin-top:.5rem;font-size:1.1rem}.search-bar{position:relative;margin-bottom:3rem}.search-bar i{position:absolute;top:50%;left:16px;transform:translateY(-50%);color:var(--text-dark)}.search-bar input{width:100%;padding:14px 16px 14px 45px;background-color:#0003;border:1px solid var(--border-color);border-radius:8px;color:var(--text-light);font-size:1rem}.search-bar input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 15px var(--glow-color)}.list-container{max-width:900px;margin:3rem auto;padding:2rem;text-align:center;animation:fadeIn .5s ease}.member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:2rem}.member-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-light);transition:transform .2s ease-in-out,filter .2s ease-in-out}.member-item:hover{transform:scale(1.1);filter:drop-shadow(0 0 10px var(--glow-color))}.member-item img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--accent)}.member-item span{font-weight:500}.pin-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;animation:fadeIn .5s ease}.pin-form{width:100%;max-width:400px;padding:2.5rem;text-align:center;background:#24243eb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid var(--border-color)}.pfp-preview{width:90px;height:90px;border-radius:50%;object-fit:cover;margin-bottom:1rem;border:3px solid var(--accent)}.pin-form h2{margin-bottom:.5rem;color:#fff}.pin-form p{margin-bottom:1.5rem;color:var(--text-dark)}.pin-input{width:100%;padding:12px 16px;background-color:var(--secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-light);font-size:1.5rem;margin-bottom:1.5rem;text-align:center;letter-spacing:8px}.pin-button{width:100%;padding:12px;background:linear-gradient(45deg,var(--accent),#c39be8);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pin-button:hover{filter:brightness(1.2)}.pin-button:disabled{background:#555;cursor:not-allowed}.error-message{margin-top:1rem;color:var(--error-color);font-weight:500}.whatsapp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:1.5rem;padding:10px 15px;background-color:#25d366;color:#fff;border-radius:8px;text-decoration:none;font-weight:500;transition:background-color .2s}.whatsapp-btn:hover{background-color:#128c7e}.detail-container{max-width:800px;margin:3rem auto;padding:1rem;animation:fadeIn .5s ease}.profile-card{background:#24243e80;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;border:1px solid var(--border-color);overflow:hidden}.profile-header{position:relative;height:200px;background-color:var(--secondary)}.profile-banner{width:100%;height:100%;object-fit:cover}.profile-pfp{width:140px;height:140px;border-radius:50%;border:5px solid var(--primary);box-shadow:0 0 20px #00000080;position:absolute;bottom:-70px;left:50%;transform:translate(-50%)}.profile-info{text-align:center;padding:5rem 1.5rem 1.5rem}.profile-info h1{font-size:2rem}.profile-role{color:var(--text-dark);margin-top:.25rem}.profile-id{font-family:monospace;color:var(--text-dark);font-size:.8rem;margin-top:.5rem}.socials-container{display:flex;gap:1.5rem;justify-content:center;margin-top:1.5rem}.socials-container a{color:var(--text-dark);font-size:1.8rem;transition:all .2s ease}.socials-container a:hover{color:var(--accent);transform:translateY(-3px)}.profile-details{padding:0 1.5rem 1.5rem;display:grid;gap:1.5rem}.profile-section h3{font-size:.9rem;color:var(--accent);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.profile-section p{color:var(--text-dark);line-height:1.6}.skills-container{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background-color:var(--secondary);padding:.25rem .75rem;border-radius:15px;font-size:.9rem}.back-to-list-btn{display:block;width:calc(100% - 3rem);margin:1.5rem;text-align:center;color:var(--text-dark);text-decoration:none;padding:12px;border-radius:8px;border:1px solid var(--border-color);transition:all .2s ease;font-weight:500}.back-to-list-btn:hover{background-color:var(--secondary);color:var(--text-light)}@media (min-width: 768px){.profile-details{grid-template-columns:1fr 1fr}}