html,body{margin:0;padding:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden}footer{margin-top:auto;text-align:center;padding:10px 0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}body{margin:0;padding:0;width:100%;height:100%;overflow-y:auto}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:transparent;border:none;margin:0;padding:0}::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:20px;border:3px solid transparent;background-clip:padding-box;transition:.3s ease}::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8}::-webkit-scrollbar-button{display:none}header{background-color:#fff;height:88px;box-shadow:0 1px 3px #6868687c}.image-btn{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:8px;display:flex;align-items:center;justify-content:center}.responsive-container{width:100%;padding:1rem;box-sizing:border-box}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;padding:1rem 0}.user-card{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ccc;border-radius:10px;padding:1rem;font-family:Arial,sans-serif;background-color:#fff;box-shadow:0 2x 5px #0000001a;transition:transform .2s}.user-card:hover{transform:translateY(-5px)}.user-card img{width:80px;height:80px;cursor:pointer;border-radius:50%;object-fit:cover}.user-card h3{margin:.5rem 0;text-align:center}.user-card p{margin:0;font-size:.8rem;color:gray;text-align:center}.follow-button{transition:.3s ease;margin-top:.5rem;padding:.3rem .7rem;border-radius:5px;border:none;cursor:pointer;color:#fff;font-weight:700}.follow-button.follow{background-color:#575757}.follow-button.follow:hover{background-color:#414141}.follow-button.unfollow{background-color:red}.follow-button.unfollow:hover{background-color:#da0000}@media (max-width: 768px){.responsive-container{padding:.5rem}.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding:.5rem 0}.user-card{padding:.8rem}.user-card img{width:60px;height:60px}.user-card h3{font-size:.9rem}.follow-button{padding:.2rem .5rem;font-size:.8rem}}@media (max-width: 480px){.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.8rem}.user-card{padding:.6rem}.user-card img{width:50px;height:50px}.user-card h3{font-size:.8rem}}