.body{background-color:#444;overflow:hidden}.users-page{background-color:#fff;max-width:1400px;margin:150px auto;padding:20px;font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center}.back-sidebar{border-radius:20px}.back-sidebar,.search-sidebar{background-image:url(/copertina.jpg);background-size:cover;background-position:50%}.search-sidebar{margin-left:33%;width:100%;max-width:800px;padding:20px;border-radius:42px;box-shadow:0 4px 10px rgba(0,0,0,.2);display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}.search-sidebar h2{font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-align:center;width:100%;color:#0070f3}.search-sidebar input{width:100%;max-width:300px;padding:12px;border:1px solid #ccc;border-radius:8px;font-size:16px;transition:box-shadow .3s ease-in-out}.search-sidebar input:focus{outline:none;box-shadow:0 2px 8px rgba(0,0,0,.2)}.search-sidebar button{padding:12px 50px;background:brown;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;text-transform:uppercase;transition:background .3s ease-in-out,transform .2s ease}.search-sidebar button:hover{background:#6e2520;transform:scale(1.05)}.users-title{text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-top:150px;text-align:center;border-radius:5px;padding:20px;font-size:2rem;font-weight:700;color:#fff;background:#a6a6a6;background:linear-gradient(90deg,#a6a6a6,#332e2e);margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.users-grid{background-color:#f4f3f3;margin:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;justify-content:center;width:100%}.user-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.15);text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #ddd;display:flex;flex-direction:column;height:350px;width:300px}.user-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px brown}.user-card-img-container{width:100%;height:50%;background:#eee;overflow:hidden}.user-profile-img{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .3s ease}.user-profile-img:hover{transform:scale(1.05)}.user-details{padding:15px;display:flex;flex-direction:column;flex-grow:1}.user-name{font-size:18px;color:#333}.user-city,.user-name{font-weight:700;margin-bottom:5px}.user-city{font-size:16px;color:#6e2520}.user-interests{font-size:14px;color:#444;margin-bottom:5px}.user-btn{margin-top:auto;padding:10px;border-radius:6px;background:brown;color:#fff;border:none;cursor:pointer;font-size:16px;font-weight:700;transition:background .3s ease}.user-btn:hover{background:#6e2520}@media (max-width:1024px){.users-grid{grid-template-columns:repeat(3,1fr);width:100%}}@media (max-width:768px){.search-sidebar{flex-direction:column;align-items:center;width:100%}.users-grid{grid-template-columns:repeat(2,1fr);width:100%;padding:25px;margin:7px}}@media (max-width:480px){.users-grid{grid-template-columns:repeat(1,1fr);width:120%}body,html{overflow-x:hidden;width:100%}.search-sidebar{margin-left:0;border-radius:0}.users-title{margin-top:15%;font-size:22px;border-radius:0}.body{overflow:hidden}}